Ð¤Ð°Ð¹Ð»Ð¾Ð²Ñ‹Ð¹ Ð¼ÐµÐ½ÐµÐ´Ð¶ÐµÑ€

Ð¤Ð°Ð¹Ð»Ð¾Ð²Ñ‹Ð¹ Ð¼ÐµÐ½ÐµÐ´Ð¶ÐµÑ€ - Ð ÐµÐ´Ð°ÐºÑ‚Ð¸Ñ€Ð¾Ð²Ð°Ñ‚ÑŒ - /home/avadvi5/public_html/wp-content/plugins/elementor-pro/assets/js/notes/notes-app.js

ÐÐ°Ð·Ð°Ð´
"use strict"; (self["webpackChunkelementor_pro_notes"] = self["webpackChunkelementor_pro_notes"] \|\| []).push([["notes-app"],{ /**/ "../assets/js/app/app.js" /!******************************!\ !* ../assets/js/app/app.js ! \*****************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / App) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _components_marks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./components/marks / "../assets/js/app/components/marks.js"); / harmony import / var _components_panel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./components/panel / "../assets/js/app/components/panel.js"); / harmony import / var _query_client__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./query-client / "../assets/js/app/query-client.js"); / harmony import / var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./hooks/use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var react_redux__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! react-redux / "../../../node_modules/react-redux/es/index.js"); / harmony import / var react_query__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! react-query / "../../../node_modules/react-query/es/index.js"); / harmony import / var react_query_devtools__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! react-query/devtools / "../../../node_modules/react-query/devtools/index.js"); / harmony import / var _context_elements__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ./context/elements / "../assets/js/app/context/elements.js"); / harmony import / var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/! @radix-ui/react-toast / "../../../node_modules/@radix-ui/react-toast/dist/index.module.js"); / harmony import / var _components_ui_toast_toast_viewport__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/! ./components/ui/toast/toast-viewport / "../assets/js/app/components/ui/toast/toast-viewport.js"); const store = window.top.$e.store.getReduxStore(); function App() { const { is_debug: isDebug } = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_4__["default"])(), Wrapper = isDebug ? (react__WEBPACK_IMPORTED_MODULE_0___default().StrictMode) : (react__WEBPACK_IMPORTED_MODULE_0___default().Fragment); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Wrapper, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("link", { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_redux__WEBPACK_IMPORTED_MODULE_5__.Provider, { store: store }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context_elements__WEBPACK_IMPORTED_MODULE_8__.ElementsProvider, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_9__.ToastProvider, { duration: Infinity }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ui_toast_toast_viewport__WEBPACK_IMPORTED_MODULE_10__["default"], null), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_query__WEBPACK_IMPORTED_MODULE_6__.QueryClientProvider, { client: _query_client__WEBPACK_IMPORTED_MODULE_3__["default"] }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_marks__WEBPACK_IMPORTED_MODULE_1__["default"], null), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_panel__WEBPACK_IMPORTED_MODULE_2__["default"], null), isDebug && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_query_devtools__WEBPACK_IMPORTED_MODULE_7__.ReactQueryDevtools, { initialIsOpen: false })))))); } // }, // "../assets/js/app/components/marks-edit-note-form.js" /!**********************************************************!\ !* ../assets/js/app/components/marks-edit-note-form.js ! \*********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksEditNoteForm) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/button / "../assets/js/app/components/ui/button.js"); / harmony import / var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../hooks/use-notes-mutations / "../assets/js/app/hooks/use-notes-mutations.js"); / harmony import / var _marks_note_textarea__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./marks-note-textarea / "../assets/js/app/components/marks-note-textarea.js"); / harmony import / var _shared_note_form__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./shared/note-form / "../assets/js/app/components/shared/note-form.js"); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / harmony import / var _hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ../hooks/use-forms-in-writing-mode / "../assets/js/app/hooks/use-forms-in-writing-mode.js"); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ../utils / "../assets/js/app/utils.js"); / harmony import / var _hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ../hooks/use-reverse-html-entities / "../assets/js/app/hooks/use-reverse-html-entities.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); function MarksEditNoteForm(props) { const formId = `e-notes-edit-${props.note.id}`; const noteContent = (0,_hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_8__.useReverseHtmlEntities)(props.note.content); const updateMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_2__.useUpdateMutation)(), { isInWritingMode } = (0,_hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_6__["default"])(); const onSubmit = async (e, { content, form }) => { window.top.$e.run('notes/edit', { noteId: props.note.id }); await updateMutation.mutateAsync({ id: props.note.id, values: { content } }); form.reset(); props.onClose(); }; return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_4__["default"], { onSubmit: onSubmit, id: formId }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_textarea__WEBPACK_IMPORTED_MODULE_3__["default"], { disabled: updateMutation.isLoading, defaultValue: noteContent, onMetaAndEnterKeyDown: e => (0,_utils__WEBPACK_IMPORTED_MODULE_7__.submitForm)(e.currentTarget.form), isReply: props.note.isReply() }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_4__["default"].ButtonsContainer, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_1__["default"], { disabled: updateMutation.isLoading \|\| !isInWritingMode(formId), type: "submit" }, __('Save', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_1__["default"], { disabled: updateMutation.isLoading, variant: 'outlined', type: "reset", onClick: e => { window.top.$e.run('notes/cancel-edit', { noteId: props.note.id }); e.target.form.reset(); props.onClose(e); } }, __('Cancel', 'elementor-pro')))); } MarksEditNoteForm.propTypes = { note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_5__["default"]).isRequired, onClose: PropTypes.func.isRequired }; // }, // "../assets/js/app/components/marks-element-portal.js" /!**********************************************************!\ !* ../assets/js/app/components/marks-element-portal.js ! \*********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksElementPortal) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _radix_ui_react_portal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-portal / "../../../node_modules/@radix-ui/react-portal/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _context_elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../context/elements / "../assets/js/app/context/elements.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const StyledPortal = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_radix_ui_react_portal__WEBPACK_IMPORTED_MODULE_1__.Portal)).withConfig({ shouldForwardProp: prop => 'position' !== prop })` all: revert; position: absolute; z-index: 98; // One under sticky elements & wp-admin-bar. top: ${({ position }) => position?.y \|\| 0}%; left: ${({ position }) => position?.x \|\| 0}%; transform: translate( -25%, -100% ); `; function MarksElementPortal(props) { const { elements } = (0,_context_elements__WEBPACK_IMPORTED_MODULE_3__.useElements)(); const ref = { current: elements.get(props.elementId) }; // Don't render marker of a non-existing element. if (!ref.current) { return null; } return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledPortal, { containerRef: ref, "data-e-notes-portal": true, position: props.position }, props.children); } MarksElementPortal.propTypes = { elementId: PropTypes.string.isRequired, position: PropTypes.shape({ x: PropTypes.number.isRequired, y: PropTypes.number.isRequired }), children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]) }; // }, // "../assets/js/app/components/marks-new-thread-form.js" /!***********************************************************!\ !* ../assets/js/app/components/marks-new-thread-form.js ! \**********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksNewThreadForm) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/button / "../assets/js/app/components/ui/button.js"); / harmony import / var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../hooks/use-notes-mutations / "../assets/js/app/hooks/use-notes-mutations.js"); / harmony import / var _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../hooks/use-active-thread / "../assets/js/app/hooks/use-active-thread.js"); / harmony import / var _marks_note_textarea__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./marks-note-textarea / "../assets/js/app/components/marks-note-textarea.js"); / harmony import / var _shared_note_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./shared/note-form / "../assets/js/app/components/shared/note-form.js"); / harmony import / var _hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ../hooks/use-forms-in-writing-mode / "../assets/js/app/hooks/use-forms-in-writing-mode.js"); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ../utils / "../assets/js/app/utils.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const formId = 'e-notes-new-thread'; function MarksNewThreadForm(props) { const { clearActive, setActive } = (0,_hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__["default"])(), createMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_2__.useCreateMutation)(), { isInWritingMode } = (0,_hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_6__["default"])(); const onSubmit = async (e, { content, form }) => { window.top.$e.run('notes/create'); const createdThread = await createMutation.mutateAsync({ elementId: props.elementId, parentId: 0, content, position: props.position }); form.reset(); setActive({ type: _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__.THREAD, data: { noteId: createdThread.id } }); }; return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_5__["default"], { onSubmit: onSubmit, id: formId }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_textarea__WEBPACK_IMPORTED_MODULE_4__["default"], { disabled: createMutation.isLoading, onMetaAndEnterKeyDown: e => (0,_utils__WEBPACK_IMPORTED_MODULE_7__.submitForm)(e.currentTarget.form) }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_5__["default"].ButtonsContainer, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_1__["default"], { disabled: createMutation.isLoading \|\| !isInWritingMode(formId), type: "submit" }, __('Leave a Note', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_1__["default"], { disabled: createMutation.isLoading, variant: 'outlined', type: "reset", onClick: e => { window.top.$e.run('notes/cancel-create'); e.target.form.reset(); clearActive(); } }, __('Cancel', 'elementor-pro')))); } MarksNewThreadForm.propTypes = { elementId: PropTypes.string.isRequired, position: PropTypes.shape({ x: PropTypes.number.isRequired, y: PropTypes.number.isRequired }) }; // }, // "../assets/js/app/components/marks-new-thread.js" /!******************************************************!\ !* ../assets/js/app/components/marks-new-thread.js ! \*****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksNewThread) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _ui_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./ui/button / "../assets/js/app/components/ui/button.js"); / harmony import / var _ui_marker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./ui/marker / "../assets/js/app/components/ui/marker.js"); / harmony import / var _ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./ui/popover/popover / "../assets/js/app/components/ui/popover/popover.js"); / harmony import / var _marks_new_thread_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./marks-new-thread-form / "../assets/js/app/components/marks-new-thread-form.js"); / harmony import / var _hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ../hooks/use-scroll-into-view / "../assets/js/app/hooks/use-scroll-into-view.js"); / harmony import / var _ui_div_base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ./ui/div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _shared_note_popover_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ./shared/note-popover-content / "../assets/js/app/components/shared/note-popover-content.js"); / harmony import / var _marks_element_portal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/! ./marks-element-portal / "../assets/js/app/components/marks-element-portal.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_7__["default"]))` display: flex !important; flex-direction: column !important; gap: 28px !important; padding: 20px 16px !important; width: 360px !important; border-radius: 4px !important; `; function MarksNewThread(props) { const ref = (0,_hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_6__["default"])(); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_element_portal__WEBPACK_IMPORTED_MODULE_9__["default"], { elementId: props.elementId, position: props.position }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"], { defaultOpen: true, onOpenChange: props.onOpenChange }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"].Trigger, { asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_2__["default"], { variant: 'transparent', ref: ref }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_marker__WEBPACK_IMPORTED_MODULE_3__["default"], { variant: "active", size: "md" }))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared_note_popover_content__WEBPACK_IMPORTED_MODULE_8__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_new_thread_form__WEBPACK_IMPORTED_MODULE_5__["default"], { elementId: props.elementId, position: props.position }))))); } MarksNewThread.propTypes = { elementId: PropTypes.string.isRequired, position: PropTypes.shape({ x: PropTypes.number.isRequired, y: PropTypes.number.isRequired }), onOpenChange: PropTypes.func.isRequired }; // }, // "../assets/js/app/components/marks-note-actions-delete-dialog.js" /!**********************************************************************!\ !* ../assets/js/app/components/marks-note-actions-delete-dialog.js ! \*********************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksNoteActionsDeleteDialog) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/alert-dialog/alert-dialog / "../assets/js/app/components/ui/alert-dialog/alert-dialog.js"); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / harmony import / var _hooks_use_watch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../hooks/use-watch / "../assets/js/app/hooks/use-watch.js"); / harmony import / var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../hooks/use-notes-mutations / "../assets/js/app/hooks/use-notes-mutations.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); function MarksNoteActionsDeleteDialog(props) { const deleteMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_4__.useDeleteMutation)(); (0,_hooks_use_watch__WEBPACK_IMPORTED_MODULE_3__["default"])(() => { if (props.onLoadingChange) { props.onLoadingChange(deleteMutation.isLoading); } }, [deleteMutation.isLoading]); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"], { open: props.isOpen, onOpenChange: props.onOpenChange }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].Content, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].DescriptionContainer, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].Title, null, props.note.isReply() ? __('Delete this reply?', 'elementor-pro') : __('Delete this note?', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].Description, null, props.note.isReply() ? __('Deleted replies can\'t be recovered.', 'elementor-pro') : __('Deleted notes can\'t be recovered.', 'elementor-pro'))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].ActionsContainer, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].Cancel, null, __('Cancel', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].Action, { onClick: () => { window.top.$e.run('notes/delete', { noteId: props.note.id }); deleteMutation.mutateAsync({ id: props.note.id, parentId: props.note.parentId, force: true }); } }, __('Delete', 'elementor-pro'))))); } MarksNoteActionsDeleteDialog.propTypes = { isOpen: PropTypes.bool.isRequired, onOpenChange: PropTypes.func.isRequired, note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_2__["default"]), onLoadingChange: PropTypes.func }; // }, // "../assets/js/app/components/marks-note-actions-read.js" /!*************************************************************!\ !* ../assets/js/app/components/marks-note-actions-read.js ! \************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksNoteActionsRead) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/dropdown/dropdown / "../assets/js/app/components/ui/dropdown/dropdown.js"); / harmony import / var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../hooks/use-notes-mutations / "../assets/js/app/hooks/use-notes-mutations.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); function MarksNoteActionsRead(props) { const alreadyRead = props.note.isRead, readMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_2__.useReadMutation)(); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Item, { icon: "eicon-envelope", disabled: readMutation.isLoading, onSelect: () => readMutation.mutateAsync({ ids: [props.note.id, props.note.parentId], isRead: !alreadyRead }) }, alreadyRead ? __('Mark as unread', 'elementor-pro') : __('Mark as read', 'elementor-pro')); } MarksNoteActionsRead.propTypes = { note: PropTypes.shape({ id: PropTypes.number, parentId: PropTypes.number, isRead: PropTypes.bool }).isRequired }; // }, // "../assets/js/app/components/marks-note-actions-resolve.js" /!****************************************************************!\ !* ../assets/js/app/components/marks-note-actions-resolve.js ! \***************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksNoteActionsResolve) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/icon-button/icon-button / "../assets/js/app/components/ui/icon-button/icon-button.js"); / harmony import / var _components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../components/ui/tooltip/tooltip / "../assets/js/app/components/ui/tooltip/tooltip.js"); / harmony import / var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../hooks/use-notes-mutations / "../assets/js/app/hooks/use-notes-mutations.js"); / harmony import / var _hooks_use_watch__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../hooks/use-watch / "../assets/js/app/hooks/use-watch.js"); / harmony import / var _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../hooks/use-active-thread / "../assets/js/app/hooks/use-active-thread.js"); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); function MarksNoteActionsResolve(props) { const alreadyResolved = props.note.isResolved, resolveMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_3__.useResolveMutation)(), { clearActive } = (0,_hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_5__["default"])(); (0,_hooks_use_watch__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { if (props.onLoadingChange) { props.onLoadingChange(resolveMutation.isLoading); } }, [resolveMutation.isLoading]); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_2__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_2__["default"].Trigger, { asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_1__["default"], { name: alreadyResolved ? 'eicon-check-circle-o' : 'eicon-check', disabled: resolveMutation.isLoading, onClick: async () => { const isResolved = !alreadyResolved; if (isResolved) { window.top.$e.run('notes/resolve', { noteId: props.note.id }); } else { window.top.$e.run('notes/re-open', { noteId: props.note.id }); } await resolveMutation.mutateAsync({ id: props.note.id, isResolved }); if (isResolved) { clearActive(props.note.id); } } })), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_2__["default"].Content, null, alreadyResolved ? __('Re-open', 'elementor-pro') : __('Resolve', 'elementor-pro'), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_2__["default"].Arrow, null))); } MarksNoteActionsResolve.propTypes = { note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_6__["default"]).isRequired, onLoadingChange: PropTypes.func }; // }, // "../assets/js/app/components/marks-note-actions-show-readers.js" /!*********************************************************************!\ !* ../assets/js/app/components/marks-note-actions-show-readers.js ! \********************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksNoteActionsShowReaders) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../components/ui/tooltip/tooltip / "../assets/js/app/components/ui/tooltip/tooltip.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _ui_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./ui/icon / "../assets/js/app/components/ui/icon.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const TooltipContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"].Content)` max-width: 200px; `; const Icon = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_ui_icon__WEBPACK_IMPORTED_MODULE_3__["default"]))` padding: 4px !important; color: #a4afb7 !important; transition: 0.2s all !important; display: grid !important; place-items: center !important; font-size: 18px !important; border-radius: 100% !important; &:hover, &:focus { color: #6d7882; outline: none; background: #f1f3f5; } `; function MarksNoteActionsShowReaders(props) { if (0 === props.readers.length) { return null; } return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"], { delayDuration: 400 }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"].Trigger, { asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Icon, { className: "eicon-preview-medium", tabIndex: 0 })), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TooltipContent, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("strong", null, __('Seen by', 'elementor-pro') + ': '), props.readers.map(reader => reader.name).join(', '), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"].Arrow, null))); } MarksNoteActionsShowReaders.propTypes = { readers: PropTypes.arrayOf(PropTypes.shape({ name: PropTypes.string })).isRequired }; // }, // "../assets/js/app/components/marks-note-actions.js" /!********************************************************!\ !* ../assets/js/app/components/marks-note-actions.js ! \*******************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksNoteActions) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/dropdown/dropdown / "../assets/js/app/components/ui/dropdown/dropdown.js"); / harmony import / var _ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./ui/icon-button/icon-button / "../assets/js/app/components/ui/icon-button/icon-button.js"); / harmony import / var _marks_note_actions_delete_dialog__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./marks-note-actions-delete-dialog / "../assets/js/app/components/marks-note-actions-delete-dialog.js"); / harmony import / var _marks_note_actions_read__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./marks-note-actions-read / "../assets/js/app/components/marks-note-actions-read.js"); / harmony import / var _marks_note_actions_resolve__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./marks-note-actions-resolve / "../assets/js/app/components/marks-note-actions-resolve.js"); / harmony import / var _marks_note_actions_show_readers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./marks-note-actions-show-readers / "../assets/js/app/components/marks-note-actions-show-readers.js"); / harmony import / var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ../hooks/use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var _hooks_use_user_can__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ../hooks/use-user-can / "../assets/js/app/hooks/use-user-can.js"); / harmony import / var _services_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/! ../../services/copy-to-clipboard / "../assets/js/services/copy-to-clipboard/index.js"); / harmony import / var _marks_thread__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/! ./marks-thread / "../assets/js/app/components/marks-thread.js"); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); function MarksNoteActions(props) { const { direction } = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_7__["default"])(), { setIsDisabled } = (0,_marks_thread__WEBPACK_IMPORTED_MODULE_10__.useMarksThreadContext)(), [isDeleteDialogOpen, setIsDeleteDialogOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), canDeleteNote = (0,_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_8__["default"])(_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_8__.CAPABILITY_DELETE, props.note), canEditNote = (0,_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_8__["default"])(_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_8__.CAPABILITY_EDIT, props.note), canResolveNote = props.note.isThread() && canEditNote, shouldRenderDropdown = canEditNote \|\| canDeleteNote \|\| props.note.isThread(); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { return () => setIsDisabled(false); }, []); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, canResolveNote && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_actions_resolve__WEBPACK_IMPORTED_MODULE_5__["default"], { note: props.note, onLoadingChange: isLoading => setIsDisabled(isLoading) }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_actions_show_readers__WEBPACK_IMPORTED_MODULE_6__["default"], { readers: props.note.readers }), shouldRenderDropdown && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__["default"], { modal: false, dir: direction, onOpenChange: isOpen => { if (isOpen) { window.top.$e.run('notes/open-note-actions'); } else { window.top.$e.run('notes/close-note-actions'); } } }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Trigger, { asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_2__["default"], { name: "eicon-ellipsis-h" })), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Content, { align: "end" }, props.note.isThread() && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_actions_read__WEBPACK_IMPORTED_MODULE_4__["default"], { note: props.note }), canEditNote && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Item, { onSelect: () => props.setIsEditMode(true), icon: "eicon-edit" }, __('Edit', 'elementor-pro')), props.note.isThread() && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Item, { onSelect: () => { window.top.$e.run('notes/copy-link', { id: props.note.id }); }, icon: "eicon-copy", disabled: !(0,_services_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_9__.canCopyToClipboard)(), tooltip: !(0,_services_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_9__.canCopyToClipboard)() && __('Supported in "https" sites only', 'elementor-pro') }, __('Copy Link', 'elementor-pro')), canDeleteNote && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Separator, null), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Item, { onSelect: () => setIsDeleteDialogOpen(true), icon: "eicon-trash", variant: "danger" }, __('Delete', 'elementor-pro'))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Arrow, null))), canDeleteNote && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_actions_delete_dialog__WEBPACK_IMPORTED_MODULE_3__["default"], { note: props.note, isOpen: isDeleteDialogOpen, onOpenChange: setIsDeleteDialogOpen, onLoadingChange: isLoading => setIsDisabled(isLoading) })); } MarksNoteActions.propTypes = { note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_11__["default"]).isRequired, setIsEditMode: PropTypes.func.isRequired }; // }, // "../assets/js/app/components/marks-note-textarea.js" /!*********************************************************!\ !* ../assets/js/app/components/marks-note-textarea.js ! \********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksNoteTextarea) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_textarea__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/textarea / "../assets/js/app/components/ui/textarea.js"); / harmony import / var _hooks_use_auto_focus__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../hooks/use-auto-focus / "../assets/js/app/hooks/use-auto-focus.js"); / harmony import / var _mentions_mentions_user_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./mentions/mentions-user-list / "../assets/js/app/components/mentions/mentions-user-list.js"); / harmony import / var _ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./ui/typeahead/typeahead / "../assets/js/app/components/ui/typeahead/typeahead.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var react_query__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! react-query / "../../../node_modules/react-query/es/index.js"); / harmony import / var _query_client__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ../query-client / "../assets/js/app/query-client.js"); / harmony import / var _ui_div_base__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ./ui/div-base / "../assets/js/app/components/ui/div-base.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_5__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_8__["default"]))` position: relative; `; function MarksNoteTextarea(props) { const ref = (0,_hooks_use_auto_focus__WEBPACK_IMPORTED_MODULE_2__["default"])(props.defaultValue), placeholder = props.isReply ? __('Type your reply. Use @ to mention...', 'elementor-pro') : __('Type a note. Use @ to mention...', 'elementor-pro'); const fragment = ({ search }) => /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_query__WEBPACK_IMPORTED_MODULE_6__.QueryClientProvider, { client: _query_client__WEBPACK_IMPORTED_MODULE_7__["default"] }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mentions_mentions_user_list__WEBPACK_IMPORTED_MODULE_3__["default"], { search: search })); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_4__["default"], { debounce: 250, fragment: fragment, onSelect: () => window.top.$e.run('notes/choose-mention') }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_textarea__WEBPACK_IMPORTED_MODULE_1__["default"], { name: "content", placeholder: placeholder, onKeyDown: e => { if (props.onMetaAndEnterKeyDown && (e.metaKey \|\| e.ctrlKey) && 'enter' === e.key.toLowerCase()) { props.onMetaAndEnterKeyDown(e); } }, disabled: props.disabled, ref: ref, defaultValue: props.defaultValue, onChange: props.onChange, rows: 1, maxRows: 6, autoSize: true }))); } MarksNoteTextarea.propTypes = { name: PropTypes.string, disabled: PropTypes.bool, onMetaAndEnterKeyDown: PropTypes.func, defaultValue: PropTypes.string, onChange: PropTypes.func, isReply: PropTypes.bool.isRequired }; MarksNoteTextarea.defaultProps = { isReply: false }; // }, // "../assets/js/app/components/marks-note-view-external-indicator.js" /!************************************************************************!\ !* ../assets/js/app/components/marks-note-view-external-indicator.js ! \***********************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksNoteViewExternalIndicator) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../hooks/use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const Text = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].p` all: revert; color: #a4afb6 !important; margin: 0 !important; padding: 0 !important; font-family: Roboto, sans-serif !important; font-size: 10px !important; font-weight: normal !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: 1.5 !important; letter-spacing: normal !important; word-spacing: normal !important; `; const Strong = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].strong` font-weight: 500; `; // Responsible for showing an indicator if the note was created in another route or post. function MarksNoteViewExternalIndicator(props) { const { route: currentRoute } = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_1__["default"])(), isSameDocument = props.note.document?.id === currentRoute.post_id, isSameRoute = props.note.routeUrl === currentRoute.url; // If the document is not loaded on the note or the route and the document are the same the current route // and current document, this component should not render anything. if (!props.note.document \|\| isSameDocument && isSameRoute) { return null; } return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Text, null, __('Noted on:', 'elementor-pro'), ' ', /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Strong, null, isSameDocument ? props.note.routeTitle : props.note.document.typeTitle)); } MarksNoteViewExternalIndicator.propTypes = { note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_2__["default"]).isRequired }; // }, // "../assets/js/app/components/marks-note-view.js" /!*****************************************************!\ !* ../assets/js/app/components/marks-note-view.js ! \****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksNoteView) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_avatar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/avatar / "../assets/js/app/components/ui/avatar.js"); / harmony import / var _marks_note_actions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./marks-note-actions / "../assets/js/app/components/marks-note-actions.js"); / harmony import / var _marks_edit_note_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./marks-edit-note-form / "../assets/js/app/components/marks-edit-note-form.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / harmony import / var _shared_note_content__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./shared/note-content / "../assets/js/app/components/shared/note-content/index.js"); / harmony import / var _marks_note_view_external_indicator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ./marks-note-view-external-indicator / "../assets/js/app/components/marks-note-view-external-indicator.js"); / harmony import / var _ui_div_base__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ./ui/div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/! ../hooks/use-reverse-html-entities / "../assets/js/app/hooks/use-reverse-html-entities.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const sizesMap = { sm: { text: 9 }, md: { text: 12 } }; const Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_8__["default"]))` --color-gray-500: #a4afb6; --color-gray-600: #6d7882; display: flex !important; align-items: start !important; gap: 12px !important; &, & :not( [class="eicon"] ) { font-family: Roboto, sans-serif !important; } `; const Body = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_8__["default"]))` display: flex !important; flex-direction: column !important; gap: 12px !important; flex-grow: 1 !important; line-height: 1 !important; `; const Header = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_8__["default"]))` display: flex !important; gap: 10px !important; padding-top: 4px !important; line-height: 1 !important; `; const HeaderMeta = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_8__["default"]))` display: flex !important; flex-direction: column !important; gap: 5px !important; flex-grow: 1 !important; line-height: 1 !important; `; const HeaderActions = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_8__["default"]))` display: flex !important; gap: 5px !important; flex-shrink: 0 !important; align-items: center !important; line-height: 1 !important; `; const Text = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].span` color: var(${({ muted }) => muted ? '--color-gray-500' : '--color-gray-600'}) !important; margin: 0 !important; padding: 0 !important; ${({ size }) => size && (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)` font-size: ${sizesMap[size].text}px !important; `}; ${({ weight }) => weight && (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)` font-weight: ${weight} !important; `}; ${({ lineHeight }) => (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)` line-height: ${lineHeight \|\| 1} !important; `}; `; function MarksNoteView(props) { const [isEditMode, setIsEditMode] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), noteContent = (0,_hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_9__.useReverseHtmlEntities)(props.note.content); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_avatar__WEBPACK_IMPORTED_MODULE_1__["default"], { size: 'md', src: props.note.author.avatarUrls['48'] }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Body, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Header, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderMeta, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Text, { size: 'md', weight: 500 }, props.note.author.name), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Text, { size: 'sm', lineHeight: 1.5, muted: true }, props.note.getFormattedCreatedAt())), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderActions, null, !isEditMode && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_actions__WEBPACK_IMPORTED_MODULE_2__["default"], { note: props.note, setIsEditMode: setIsEditMode }))), !isEditMode && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared_note_content__WEBPACK_IMPORTED_MODULE_6__["default"], null, noteContent), isEditMode && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_edit_note_form__WEBPACK_IMPORTED_MODULE_3__["default"], { note: props.note, onClose: () => setIsEditMode(false) }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_view_external_indicator__WEBPACK_IMPORTED_MODULE_7__["default"], { note: props.note }))); } MarksNoteView.propTypes = { note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_5__["default"]).isRequired }; // }, // "../assets/js/app/components/marks-reply-form.js" /!******************************************************!\ !* ../assets/js/app/components/marks-reply-form.js ! \*****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksReplyForm) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/button / "../assets/js/app/components/ui/button.js"); / harmony import / var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../hooks/use-notes-mutations / "../assets/js/app/hooks/use-notes-mutations.js"); / harmony import / var _marks_note_textarea__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./marks-note-textarea / "../assets/js/app/components/marks-note-textarea.js"); / harmony import / var _shared_note_form__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./shared/note-form / "../assets/js/app/components/shared/note-form.js"); / harmony import / var _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../hooks/use-active-thread / "../assets/js/app/hooks/use-active-thread.js"); / harmony import / var _hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ../hooks/use-forms-in-writing-mode / "../assets/js/app/hooks/use-forms-in-writing-mode.js"); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ../utils / "../assets/js/app/utils.js"); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); function MarksReplyForm(props) { const formId = `e-notes-new-reply-for-${props.thread.id}`; const createMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_2__.useCreateMutation)(), { clearActive } = (0,_hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_5__["default"])(), { isInWritingMode } = (0,_hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_6__["default"])(); const onSubmit = async (e, { content, form }) => { window.top.$e.run('notes/reply', { parentId: props.thread.id }); await createMutation.mutateAsync({ elementId: props.thread.elementId, parentId: props.thread.id, content }); form.reset(); }; return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_4__["default"], { id: formId, onSubmit: onSubmit }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_textarea__WEBPACK_IMPORTED_MODULE_3__["default"], { disabled: createMutation.isLoading, onMetaAndEnterKeyDown: e => (0,_utils__WEBPACK_IMPORTED_MODULE_7__.submitForm)(e.currentTarget.form), isReply: true }), isInWritingMode(formId) && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_4__["default"].ButtonsContainer, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_1__["default"], { disabled: createMutation.isLoading, type: "submit" }, __('Reply', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_1__["default"], { disabled: createMutation.isLoading, variant: 'outlined', type: "reset", onClick: e => { window.top.$e.run('notes/cancel-reply', { parentId: props.thread.id }); e.target.form.reset(); clearActive(); } }, __('Cancel', 'elementor-pro')))); } MarksReplyForm.propTypes = { thread: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_8__["default"]) }; // }, // "../assets/js/app/components/marks-thread-view.js" /!*******************************************************!\ !* ../assets/js/app/components/marks-thread-view.js ! \******************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MarksThreadView) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _marks_note_view__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./marks-note-view / "../assets/js/app/components/marks-note-view.js"); / harmony import / var _hooks_use_note__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../hooks/use-note / "../assets/js/app/hooks/use-note.js"); / harmony import / var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../hooks/use-notes-mutations / "../assets/js/app/hooks/use-notes-mutations.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _marks_reply_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./marks-reply-form / "../assets/js/app/components/marks-reply-form.js"); / harmony import / var _ui_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./ui/icon / "../assets/js/app/components/ui/icon.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const Loader = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_ui_icon__WEBPACK_IMPORTED_MODULE_6__["default"])).attrs({ className: 'eicon-loading eicon-animation-spin' })` align-self: center !important; color: #a4afb6 !important; `; const Error = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].p` all: revert; font-family: Roboto, sans-serif !important; font-size: 12px !important; font-weight: normal !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; color: #6d7882 !important; margin: 0 !important; padding: 0 !important; `; function MarksThreadView(props) { const { isLoading, isPlaceholderData, isFetching, data: thread, isSuccess, isError } = (0,_hooks_use_note__WEBPACK_IMPORTED_MODULE_2__["default"])(props.threadId), hasReplies = 0 !== thread.repliesCount; // Set read status. useSetReadStatus({ thread, shouldTrigger: isSuccess && !isPlaceholderData && !isFetching }); if (isLoading) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Loader, null); } if (isError) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Error, null, __('Something went wrong.', 'elementor-pro')); } return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_view__WEBPACK_IMPORTED_MODULE_1__["default"], { note: thread, key: thread.id }), // Show a loader until the replies are loaded. hasReplies && isPlaceholderData && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Loader, null), thread.replies.map(reply => /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_note_view__WEBPACK_IMPORTED_MODULE_1__["default"], { key: reply.id, note: reply })), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_reply_form__WEBPACK_IMPORTED_MODULE_5__["default"], { thread: thread })); } // Hook to set Thread (& replies) read status. function useSetReadStatus({ thread, shouldTrigger }) { // Flag to run the hook action once and prevent unnecessary calculations / requests. const didRunOnce = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false), readMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_3__.useReadMutation)(); // Set thread as read. (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { if (didRunOnce.current \|\| !shouldTrigger) { return; } const ids = [thread, ...(thread.replies \|\| [])].filter(note => !note.isRead).map(note => note.id); if (0 !== ids.length) { readMutation.mutate({ ids, isRead: true }); } didRunOnce.current = true; }, [thread, shouldTrigger]); } MarksThreadView.propTypes = { threadId: PropTypes.number.isRequired }; // }, // "../assets/js/app/components/marks-thread.js" /!**************************************************!\ !* ../assets/js/app/components/marks-thread.js ! \*************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / Context: () => (/ binding / Context), / harmony export / "default": () => (/ binding / MarksThread), / harmony export / useMarksThreadContext: () => (/ binding / useMarksThreadContext) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _ui_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./ui/button / "../assets/js/app/components/ui/button.js"); / harmony import / var _ui_marker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./ui/marker / "../assets/js/app/components/ui/marker.js"); / harmony import / var _ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./ui/popover/popover / "../assets/js/app/components/ui/popover/popover.js"); / harmony import / var _marks_thread_view__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./marks-thread-view / "../assets/js/app/components/marks-thread-view.js"); / harmony import / var _hooks_use_new_thread_events__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ../hooks/use-new-thread-events / "../assets/js/app/hooks/use-new-thread-events.js"); / harmony import / var _hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ../hooks/use-scroll-into-view / "../assets/js/app/hooks/use-scroll-into-view.js"); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / harmony import / var _ui_div_base__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/! ./ui/div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _shared_note_popover_content__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/! ./shared/note-popover-content / "../assets/js/app/components/shared/note-popover-content.js"); / harmony import / var _marks_element_portal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/! ./marks-element-portal / "../assets/js/app/components/marks-element-portal.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_9__["default"]))` display: flex !important; flex-direction: column !important; gap: 28px !important; padding: 20px 16px !important; width: 360px !important; border-radius: 4px !important; transition: 0.3s all !important; ${({ disabled }) => disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)` opacity: 0.5; pointer-events: none; `} `; const Context = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(); function useMarksThreadContext() { return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context); } function MarksThread(props) { const [isDisabled, setIsDisabled] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), ref = (0,_hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_7__["default"])(props.isActive); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_element_portal__WEBPACK_IMPORTED_MODULE_11__["default"], { elementId: props.note.elementId, position: props.note.position }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"], { open: props.isActive, onOpenChange: props.onOpenChange }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"].Trigger, { asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_2__["default"], { variant: 'transparent', className: _hooks_use_new_thread_events__WEBPACK_IMPORTED_MODULE_6__.DISABLE_NEW_THREAD }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_marker__WEBPACK_IMPORTED_MODULE_3__["default"], { ref: ref, variant: props.isActive \|\| props.note.isUnreadThread() ? 'solid' : 'ghost', size: 'md', muted: props.note.isResolved }, props.note.id))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared_note_popover_content__WEBPACK_IMPORTED_MODULE_10__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, { disabled: isDisabled }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Context.Provider, { value: { isDisabled, setIsDisabled } }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_thread_view__WEBPACK_IMPORTED_MODULE_5__["default"], { threadId: props.note.id })))))); } MarksThread.propTypes = { note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_8__["default"]).isRequired, onOpenChange: PropTypes.func.isRequired, isActive: PropTypes.bool.isRequired }; // }, // "../assets/js/app/components/marks.js" /!*******************************************!\ !* ../assets/js/app/components/marks.js ! \******************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Marks) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _marks_thread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./marks-thread / "../assets/js/app/components/marks-thread.js"); / harmony import / var _marks_new_thread__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./marks-new-thread / "../assets/js/app/components/marks-new-thread.js"); / harmony import / var _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../hooks/use-active-thread / "../assets/js/app/hooks/use-active-thread.js"); / harmony import / var _hooks_use_notes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../hooks/use-notes / "../assets/js/app/hooks/use-notes.js"); / harmony import / var _hooks_use_new_thread_events__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../hooks/use-new-thread-events / "../assets/js/app/hooks/use-new-thread-events.js"); function Marks() { const { data: notes = [] } = (0,_hooks_use_notes__WEBPACK_IMPORTED_MODULE_4__["default"])(), { activeThread, clearActive, setActive, isThreadActive } = (0,_hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__["default"])(); (0,_hooks_use_new_thread_events__WEBPACK_IMPORTED_MODULE_5__["default"])(); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, notes.map(note => /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_thread__WEBPACK_IMPORTED_MODULE_1__["default"], { key: note.id, note: note, isActive: isThreadActive(note.id), onOpenChange: isOpen => { if (!isOpen) { clearActive(note.id); return; } setActive({ type: _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__.THREAD, data: { noteId: note.id } }); } })), _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__.NEW_THREAD === activeThread?.type && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_new_thread__WEBPACK_IMPORTED_MODULE_2__["default"], { elementId: activeThread.data.elementId, position: activeThread.data.position, onOpenChange: isOpen => { if (!isOpen) { clearActive(); } } })); } // }, // "../assets/js/app/components/mentions/mentions-user-disabled.js" /!*********************************************************************!\ !* ../assets/js/app/components/mentions/mentions-user-disabled.js ! \********************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MentionsUserDisabled) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _models_user__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../../models/user / "../assets/js/app/models/user.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../../hooks/use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var _hooks_use_user_can__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../../hooks/use-user-can / "../assets/js/app/hooks/use-user-can.js"); / harmony import / var _ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../ui/tooltip/tooltip / "../assets/js/app/components/ui/tooltip/tooltip.js"); / harmony import / var _ui_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ../ui/icon / "../assets/js/app/components/ui/icon.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const UserDisabledTooltip = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].div` display: flex !important; position: absolute !important; width: 100% !important; height: 100% !important; inset-inline-start: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 11px !important; // Fixes bug with the position of Popover with portalled=false inside another Popover // @see https://github.com/radix-ui/primitives/issues/370 [data-radix-popper-content-wrapper] { transform: translateY(-100%) !important; top: 10px !important; inset-inline-start: auto !important; inset-inline-end: -10px !important; } `; const TooltipShadow = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].div` overflow: hidden !important; position: relative !important; flex: 1 !important; height: 100% !important; &::before { content: '' !important; position: absolute !important; width: 100vw !important; height: 100vh !important; top: 50% !important; transform: translateY(-50%) !important; inset-inline-end: 0 !important; box-shadow: inset 0 0 60px 40px #f1f3f5 !important; } `; const TooltipTriggerText = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].div` display: inline-flex !important; align-items: center !important; white-space: pre-wrap !important; padding: 10px !important; background: #f1f3f5 !important; `; const SetPermissionsLink = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].a.attrs(() => ({ target: '_blank', rel: 'noreferrer' }))` color: #6d7882 !important; background: #f1f3f5 !important; padding: 10px !important; display: inline-flex !important; align-items: center !important; &:hover, &:focus { color: #58d0f5 !important; text-decoration: none !important; } `; const TooltipContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"].Content)` background: #ffffff !important; color: #6d7882 !important; line-height: 1.3 !important; font-style: italic !important; padding: 12px !important; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important; max-width: 262px !important; box-sizing: border-box !important; &::after { content: '' !important; position: absolute !important; width: 10px !important; height: 10px !important; border: 5px solid transparent !important; border-top-color: #ffffff !important; bottom: -9px !important; inset-inline-end: 20px !important; } `; const LearnMoreLink = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].a.attrs(() => ({ target: '_blank' }))` all: revert; display: block !important; text-decoration: none !important; color: #58d0f5 !important; &:hover, &:focus { text-decoration: underline !important; } `; function MentionsUserDisabled(props) { const { urls } = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_3__["default"])(), mentionedUserCanEditPost = props.user.capabilities.post.edit, currentUserCanEditUsers = (0,_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_4__["default"])(_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_4__.CAPABILITY_EDIT_USERS), currentUserCanFixPermissions = currentUserCanEditUsers && mentionedUserCanEditPost; const tooltipLink = currentUserCanEditUsers ? urls.help_notes_features : ''; const tooltipLabel = currentUserCanFixPermissions ? __('Give access to Notes', 'elementor-pro') : __("Can't mention them", 'elementor-pro'); const tooltipMessage = useTooltipMessage(props.user.capabilities); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(UserDisabledTooltip, { role: "tooltip", "aria-label": tooltipLabel }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TooltipShadow, null), currentUserCanFixPermissions ? /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SetPermissionsLink, { href: `${urls.admin_url_edit_user}?user_id=${props.user.id}#e-notes`, className: "elementor-clickable" }, tooltipLabel + ' ', /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_icon__WEBPACK_IMPORTED_MODULE_6__["default"], { className: "eicon-editor-external-link" })) : /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], { delayDuration: 0 }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"].Trigger, { onMouseDown: e => e.preventDefault(), asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TooltipTriggerText, { "aria-label": tooltipMessage }, tooltipLabel + ' ', /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_icon__WEBPACK_IMPORTED_MODULE_6__["default"], { className: "eicon-help-o" }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TooltipContent, { portalled: false }, tooltipMessage, tooltipLink && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LearnMoreLink, { href: tooltipLink, className: "elementor-clickable" }, __('Learn more', 'elementor-pro'))))))); } MentionsUserDisabled.propTypes = { user: PropTypes.instanceOf(_models_user__WEBPACK_IMPORTED_MODULE_1__["default"]).isRequired }; function useTooltipMessage(capabilities) { const mentionedUserCanReadNotes = capabilities.notes.read, mentionedUserCanEditPost = capabilities.post.edit, currentUserCanEditUsers = (0,_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_4__["default"])(_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_4__.CAPABILITY_EDIT_USERS); if (!currentUserCanEditUsers) { return __('Contact the site admin to give this person the right permissions.', 'elementor-pro'); } if (!mentionedUserCanEditPost) { if (!mentionedUserCanReadNotes) { return __('This person needs: (1) permission to view this post, as well as (2) access to use Notes.', 'elementor-pro'); } return __('They need permission to view this post.', 'elementor-pro'); } return ''; } // }, // "../assets/js/app/components/mentions/mentions-user-list.js" /!*****************************************************************!\ !* ../assets/js/app/components/mentions/mentions-user-list.js ! \****************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / MentionsUserList) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _hooks_use_users__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../../hooks/use-users / "../assets/js/app/hooks/use-users.js"); / harmony import / var _ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../ui/typeahead/typeahead / "../assets/js/app/components/ui/typeahead/typeahead.js"); / harmony import / var _ui_avatar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../ui/avatar / "../assets/js/app/components/ui/avatar.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../../hooks/use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var _hooks_use_user_can__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ../../hooks/use-user-can / "../assets/js/app/hooks/use-user-can.js"); / harmony import / var _ui_div_base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ../ui/div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _mentions_user_disabled__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ./mentions-user-disabled / "../assets/js/app/components/mentions/mentions-user-disabled.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const defaultParams = { limit: 5, order_by: 'user_registered', order: 'desc' }; const List = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_2__["default"].List)` position: absolute !important; top: 100% !important; `; const UserDetails = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_7__["default"]))` display: flex !important; flex-direction: column !important; justify-content: space-between !important; gap: 2px !important; &::before, &::after { display: none !important; } `; const UserContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_2__["default"].ListItem)` display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; position: relative !important; &[aria-disabled='true'] { opacity: 1 !important; &:hover { background-color: #f1f3f5 !important; } ${UserDetails} { opacity: .5 !important; } &:not(:hover) { > [role='tooltip'] { display: none !important; } } } `; const UserName = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].span` all: revert; padding: 0 !important; margin: 0 !important; font-size: 12px !important; font-weight: 500 !important; color: inherit !important; `; const UserSlug = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].span` font-size: 10px !important; color: #a4afb6 !important; `; const Link = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].a.attrs(() => ({ target: '_blank', rel: 'noreferrer' }))` all: revert; color: #58d0f5 !important; font-family: Roboto, sans-serif !important; font-size: 1em !important; font-weight: normal !important; text-transform: none !important; font-style: normal !important; text-decoration: underline !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; &:hover, &:focus { color: #6d7882 !important; text-decoration: underline; // Repeat in order to override theme styles. } `; const FooterTitle = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].strong` font-weight: 500 !important; `; function MentionsUserList(props) { const { route, urls } = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_5__["default"])(), canCreateUsers = (0,_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_6__["default"])(_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_6__.CAPABILITY_CREATE_USERS); const { data = [], isSuccess } = (0,_hooks_use_users__WEBPACK_IMPORTED_MODULE_1__["default"])({ params: { ...defaultParams, search: props.search, post_id: route.post_id ?? null } }); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(List, null, data.map(user => { const isUserDisabled = !user.capabilities.notes.read \|\| !user.capabilities.post.edit; return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(UserContainer, { key: user.id, value: user.slug, disabled: isUserDisabled }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_avatar__WEBPACK_IMPORTED_MODULE_3__["default"], { size: 'md', src: user.avatarUrls['48'] }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(UserDetails, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(UserName, null, user.name), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(UserSlug, null, user.slug)), isUserDisabled && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mentions_user_disabled__WEBPACK_IMPORTED_MODULE_8__["default"], { user: user })); }), isSuccess && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_2__["default"].ListFooter, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FooterTitle, null, __("Can't find someone?", 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, canCreateUsers ? /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, __('Add them from the', 'elementor-pro'), ' ', /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Link, { href: urls.admin_url_create_user, className: "elementor-clickable" }, __('WP Dashboard', 'elementor-pro'))) : __('Ask the site admin to add them', 'elementor-pro')))); } MentionsUserList.propTypes = { search: PropTypes.string }; // }, // "../assets/js/app/components/panel-body-current-route.js" /!**************************************************************!\ !* ../assets/js/app/components/panel-body-current-route.js ! \*************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelBodyCurrentRoute) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _panel_note_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./panel-note-item / "../assets/js/app/components/panel-note-item.js"); / harmony import / var _panel_page_title__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./panel-page-title / "../assets/js/app/components/panel-page-title.js"); / harmony import / var _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../hooks/use-active-thread / "../assets/js/app/hooks/use-active-thread.js"); / harmony import / var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../hooks/use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / harmony import / var _panel_empty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./panel-empty / "../assets/js/app/components/panel-empty.js"); / harmony import / var _ui_toast_toast__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ./ui/toast/toast / "../assets/js/app/components/ui/toast/toast.js"); / harmony import / var _ui_toast_toast_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ./ui/toast/toast-icon / "../assets/js/app/components/ui/toast/toast-icon.js"); / harmony import / var _ui_toast_toast_title__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/! ./ui/toast/toast-title / "../assets/js/app/components/ui/toast/toast-title.js"); / harmony import / var _ui_toast_toast_description__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/! ./ui/toast/toast-description / "../assets/js/app/components/ui/toast/toast-description.js"); / harmony import / var _ui_toast_toast_close__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/! ./ui/toast/toast-close / "../assets/js/app/components/ui/toast/toast-close.js"); / harmony import / var _hooks_use_stoppable_effect__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/! ../hooks/use-stoppable-effect / "../assets/js/app/hooks/use-stoppable-effect.js"); / harmony import / var _hooks_use_viewable_notes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/! ../hooks/use-viewable-notes / "../assets/js/app/hooks/use-viewable-notes.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); function PanelBodyCurrentRoute(props) { const { route } = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_4__["default"])(), { activeThread, isThreadActive, setActive, clearActive } = (0,_hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__["default"])(), [isToastOpen, setIsToastOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), [viewableNotes, nonViewableNotes] = (0,_hooks_use_viewable_notes__WEBPACK_IMPORTED_MODULE_13__["default"])(props.notes); // Clear the active thread if it isn't viewable. (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const { noteId } = activeThread?.data \|\| {}; if (noteId) { const isActiveNoteViewable = !!viewableNotes.find(note => note.id === noteId && note.isThread()); if (!isActiveNoteViewable) { clearActive(noteId); } } }, [viewableNotes, activeThread]); // Show toast only once, when there are some non-viewable notes on the page. (0,_hooks_use_stoppable_effect__WEBPACK_IMPORTED_MODULE_12__["default"])(stop => { const shouldShowToast = nonViewableNotes.length > 0; if (shouldShowToast) { setIsToastOpen(true); stop(); } }, [nonViewableNotes]); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !viewableNotes.length ? /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_empty__WEBPACK_IMPORTED_MODULE_6__["default"], null) : /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_page_title__WEBPACK_IMPORTED_MODULE_2__["default"], { count: viewableNotes.length }, route.title), viewableNotes.map(note => /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_note_item__WEBPACK_IMPORTED_MODULE_1__["default"], { key: note.id, note: note, isActive: isThreadActive(note.id), onClick: () => setActive({ type: _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__.THREAD, data: { noteId: note.id } }) }))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_toast_toast__WEBPACK_IMPORTED_MODULE_7__["default"], { open: isToastOpen, onOpenChange: setIsToastOpen, variant: "info" }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_toast_toast_icon__WEBPACK_IMPORTED_MODULE_8__["default"], { className: "eicon-info-circle" }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_toast_toast_title__WEBPACK_IMPORTED_MODULE_9__["default"], null, __('Some notes are not shown.', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_toast_toast_description__WEBPACK_IMPORTED_MODULE_10__["default"], null, __('This page contains notes on elements that are still in draft mode.', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_toast_toast_close__WEBPACK_IMPORTED_MODULE_11__["default"], null))); } PanelBodyCurrentRoute.propTypes = { notes: PropTypes.arrayOf(PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_5__["default"])).isRequired }; // }, // "../assets/js/app/components/panel-body-summary.js" /!********************************************************!\ !* ../assets/js/app/components/panel-body-summary.js ! \*******************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelBodySummary) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _panel_page_title__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./panel-page-title / "../assets/js/app/components/panel-page-title.js"); / harmony import / var _models_note_summary__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../models/note-summary / "../assets/js/app/models/note-summary.js"); / harmony import / var _ui_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./ui/icon / "../assets/js/app/components/ui/icon.js"); / harmony import / var _ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./ui/tooltip/tooltip / "../assets/js/app/components/ui/tooltip/tooltip.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ../hooks/use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var _panel_empty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ./panel-empty / "../assets/js/app/components/panel-empty.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_5__["default"].a` position: absolute !important; font-size: 14px !important; inset-inline-end: 14px !important; top: 50% !important; margin-top: -.5em !important; color: #a4afb7 !important; `; function PanelBodySummary(props) { const { route: { url: currentRouteURL } } = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_6__["default"])(); if (!props.notesSummary.length) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_empty__WEBPACK_IMPORTED_MODULE_7__["default"], null); } return props.notesSummary.map(noteSummary => /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_page_title__WEBPACK_IMPORTED_MODULE_1__["default"], { count: noteSummary.notesCount, key: noteSummary.url }, noteSummary.title, noteSummary.url !== currentRouteURL && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Trigger, { asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledLink, { href: `${noteSummary.fullURL}#e:run:notes/open`, rel: "noopener noreferrer", target: "_blank", className: "elementor-clickable" }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_icon__WEBPACK_IMPORTED_MODULE_3__["default"], { className: "eicon-editor-external-link" }))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Content, null, __('Open page in a new tab', 'elementor-pro'), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Arrow, null))))); } PanelBodySummary.propTypes = { notesSummary: PropTypes.arrayOf(PropTypes.instanceOf(_models_note_summary__WEBPACK_IMPORTED_MODULE_2__["default"])).isRequired }; // }, // "../assets/js/app/components/panel-close-button.js" /!********************************************************!\ !* ../assets/js/app/components/panel-close-button.js ! \*******************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelCloseButton) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/tooltip/tooltip / "../assets/js/app/components/ui/tooltip/tooltip.js"); / harmony import / var _ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./ui/icon-button/icon-button / "../assets/js/app/components/ui/icon-button/icon-button.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; function PanelCloseButton() { const handleClick = () => window.top.$e.run('notes/close'); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"].Trigger, { asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_2__["default"], { name: "eicon-editor-close", onClick: handleClick })), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"].Content, null, __('Close notes mode', 'elementor-pro'), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"].Arrow, null))); } // }, // "../assets/js/app/components/panel-empty.js" /!*************************************************!\ !* ../assets/js/app/components/panel-empty.js ! \************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelEmpty) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _ui_div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./ui/div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _ui_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./ui/icon / "../assets/js/app/components/ui/icon.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; const Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_2__["default"]))` display: flex !important; align-items: center !important; justify-content: center !important; height: 100% !important; width: 100% !important; text-align: center !important; padding: 13px 20px 43px 20px !important; `; const IconContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_2__["default"]))` font-size: 30px !important; color: #a4afb6 !important; margin: 0 0 20px 0 !important; `; const Heading = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].h4` all: revert; font-family: Roboto, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: 1.4 !important; letter-spacing: normal !important; word-spacing: normal !important; color: #6d7882 !important; margin: 0 0 12px 0 !important; padding: 0 15px !important; &::before, &::after { display: none; } `; const Text = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].p` all: revert; font-family: Roboto, sans-serif !important; font-size: 11px !important; font-weight: normal !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: 1.5 !important; letter-spacing: normal !important; word-spacing: normal !important; margin: 0 !important; color: #6d7882 !important; `; const Link = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].a` all: revert; display: inline-flex !important; justify-content: center !important; align-item: center !important; font-family: Roboto, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: 1.4 !important; letter-spacing: normal !important; word-spacing: normal !important; margin: 42px 0 0 0 !important; color: #6d7882 !important; > i { color: #a4afb7 !important; font-size: 18px !important; margin-inline-start: 4px !important; } &:hover { i::before { color: #58d0f5; content: '\\e926'; // eicon-info-circle } } `; function PanelEmpty() { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(IconContainer, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_icon__WEBPACK_IMPORTED_MODULE_3__["default"], { className: "eicon-commenting-o" })), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Heading, null, __('Share your thoughts with a Note', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Text, null, __('Select an element on the page to leave a comment, ask a question, etc.', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Link, { href: "https://go.elementor.com/app-notes/", target: "_blank", className: "elementor-clickable" }, __('Learn More', 'elementor-pro'), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_icon__WEBPACK_IMPORTED_MODULE_3__["default"], { className: "eicon-info" })))); } // }, // "../assets/js/app/components/panel-error.js" /!*************************************************!\ !* ../assets/js/app/components/panel-error.js ! \************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelError) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _ui_div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./ui/div-base / "../assets/js/app/components/ui/div-base.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; const Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_2__["default"]))` display: flex !important; align-items: center !important; justify-content: center !important; height: 100% !important; width: 100% !important; text-align: center !important; padding: 13px 13px 43px 13px !important; `; const Text = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].p` all: revert; font-family: Roboto, sans-serif !important; font-size: 12px !important; font-weight: ${({ weight }) => weight \|\| 400} !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; margin: 0 !important; color: #6d7882 !important; `; function PanelError() { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Text, { weight: 700 }, __('Could not load the panel.', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Text, null, __('Please refresh the page and try again.', 'elementor-pro')))); } // }, // "../assets/js/app/components/panel-fetch-icon.js" /!******************************************************!\ !* ../assets/js/app/components/panel-fetch-icon.js ! \*****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelFetchIcon) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/icon-button/icon-button / "../assets/js/app/components/ui/icon-button/icon-button.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./ui/tooltip/tooltip / "../assets/js/app/components/ui/tooltip/tooltip.js"); / harmony import / var _hooks_use_watch__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../hooks/use-watch / "../assets/js/app/hooks/use-watch.js"); / harmony import / var _styles_animation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../styles/animation / "../assets/js/app/styles/animation.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const StyledIconButton = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_1__["default"]))` animation-duration: 1.3s; animation-iteration-count: infinite; animation-timing-function: linear; &[data-state="loading"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_5__.spin}; } &[data-state="none"] { animation-name: none; } `; function PanelFetchIcon(props) { const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(props.isFetching); (0,_hooks_use_watch__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { if (props.isFetching) { setLoading(true); } }, [props.isFetching]); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_3__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_3__["default"].Trigger, { asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledIconButton, { name: "eicon-sync", "data-state": loading ? 'loading' : 'none', onClick: () => { window.top.$e.run('notes/refresh-panel'); props.refetch(); }, onAnimationIteration: () => { // Make sure to finish spin only when the animation ends. if (!props.isFetching) { setLoading(false); } } })), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_3__["default"].Content, null, __('Refresh', 'elementor-pro'), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_3__["default"].Arrow, null))); } PanelFetchIcon.propTypes = { isFetching: PropTypes.bool.isRequired, refetch: PropTypes.func.isRequired }; // }, // "../assets/js/app/components/panel-note-item.js" /!*****************************************************!\ !* ../assets/js/app/components/panel-note-item.js ! \****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelNoteItem) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _ui_marker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./ui/marker / "../assets/js/app/components/ui/marker.js"); / harmony import / var _hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../hooks/use-scroll-into-view / "../assets/js/app/hooks/use-scroll-into-view.js"); / harmony import / var _shared_note_content__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./shared/note-content / "../assets/js/app/components/shared/note-content/index.js"); / harmony import / var _ui_div_base__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./ui/div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _ui_button_base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ./ui/button-base / "../assets/js/app/components/ui/button-base.js"); / harmony import / var _hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ../hooks/use-reverse-html-entities / "../assets/js/app/hooks/use-reverse-html-entities.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_ui_button_base__WEBPACK_IMPORTED_MODULE_7__["default"]))` --spacing: 12px; --background: #fafbfb; --color: #6d7882; --padding: var( --spacing ); --font-family: Roboto, sans-serif; --font-size: 12px; --font-weight: 400; --width: 100%; --display: flex; gap: var( --spacing ); margin: 1px 0 0 0 !important; border: none; text-align: inherit; border-radius: 0; transition: 0.2s all; line-height: 1.5; cursor: pointer; white-space: normal; &:hover, &:focus { --background: #f1f1f1; --color: #6d7882; } ${({ isActive }) => { return isActive && (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)` --background: #e8f4fb; &:hover, &:focus { --background: #e0f2fc; } `; }} `; const IconCol = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_6__["default"]))` flex-shrink: 0; &::before, &::after { display: none !important; } `; const ContentCol = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_6__["default"]))` flex-grow: 1; &::before, &::after { display: none !important; } `; const Title = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].p` all: revert; margin: 0 0 8px 0 !important; font-family: Roboto, sans-serif !important; font-size: 10px !important; font-weight: 500 !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; `; const Date = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].span` color: #a4afb6; `; const RepliesCount = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].p` all: revert; margin: 4px 0 0 0 !important; color: #a4afb6 !important; font-family: Roboto, sans-serif !important; font-size: 10px !important; font-weight: normal !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; `; const NoteContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_shared_note_content__WEBPACK_IMPORTED_MODULE_5__["default"]))` --line-height: 1.5; --max-rows: 6; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: var( --max-rows ) !important; max-height: calc( ( 1em var( --line-height ) * var( --max-rows ) ) ) !important; overflow: hidden !important; & > p { margin: 0 !important; // To make the ellipsis look better on multi-paragraph content. } `; function PanelNoteItem(props) { const ref = (0,_hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_4__["default"])(props.isActive, { block: 'nearest', inline: 'nearest' }), noteContent = (0,_hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_8__.useReverseHtmlEntities)(props.note.content); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, { isActive: props.isActive, onClick: props.onClick, ref: ref }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(IconCol, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_marker__WEBPACK_IMPORTED_MODULE_3__["default"], { variant: props.isActive \|\| props.note.isUnreadThread() ? 'solid' : 'ghost', size: 'sm', muted: props.note.isResolved }, props.note.id)), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ContentCol, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Title, null, props.note.author.name, " ", /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Date, null, props.note.getFormattedCreatedAt())), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(NoteContent, { disableInteractions: true }, noteContent), props.note.repliesCount > 0 && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RepliesCount, null, __('%s replies', 'elementor-pro').replace('%s', props.note.repliesCount)))); } PanelNoteItem.propTypes = { note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_1__["default"]).isRequired, onClick: PropTypes.func, isActive: PropTypes.bool }; /*/ }, // "../assets/js/app/components/panel-page-title.js" /!******************************************************!\ !* ../assets/js/app/components/panel-page-title.js ! \*****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelPageTitle) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const StyledPanelPageTitle = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].h4` all: revert; padding: 10px 12px !important; background: #fff !important; font-family: Roboto, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; color: #6d7882 !important; margin: 1px 0 0 0 !important; line-height: 1.2 !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; letter-spacing: normal !important; word-spacing: normal !important; position: relative !important; &::before, &::after { display: none !important; } `; const StyledCount = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].span` color: #a4afb6; font-size: 11px; `; function PanelPageTitle(props) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledPanelPageTitle, null, props.children, ' ', props.count && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCount, null, "(", props.count, ")")); } PanelPageTitle.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]), count: PropTypes.number }; // }, // "../assets/js/app/components/panel-popover.js" /!***************************************************!\ !* ../assets/js/app/components/panel-popover.js ! \**************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelPopover) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _ui_checkbox_checkbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./ui/checkbox/checkbox / "../assets/js/app/components/ui/checkbox/checkbox.js"); / harmony import / var _ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./ui/icon-button/icon-button / "../assets/js/app/components/ui/icon-button/icon-button.js"); / harmony import / var _ui_label_label__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./ui/label/label / "../assets/js/app/components/ui/label/label.js"); / harmony import / var _ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./ui/popover/popover / "../assets/js/app/components/ui/popover/popover.js"); / harmony import / var _ui_radio_radio__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./ui/radio/radio / "../assets/js/app/components/ui/radio/radio.js"); / harmony import / var _ui_separator_separator__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./ui/separator/separator / "../assets/js/app/components/ui/separator/separator.js"); / harmony import / var _hooks_use_notes_filters__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ../hooks/use-notes-filters / "../assets/js/app/hooks/use-notes-filters.js"); / harmony import / var _hooks_use_notes_or_notes_summary__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ../hooks/use-notes-or-notes-summary / "../assets/js/app/hooks/use-notes-or-notes-summary.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/! ../hooks/use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const PopoverContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_9__["default"])(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"].Content)` padding: 16px 16px 10px !important; `; function PanelPopover(props) { const [filters, setFilters] = (0,_hooks_use_notes_filters__WEBPACK_IMPORTED_MODULE_7__["default"])(); const { direction } = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_10__["default"])(); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"], { onOpenChange: isOpen => { if (isOpen) { window.top.$e.run('notes/open-panel-filters'); } else { window.top.$e.run('notes/close-panel-filters'); } } }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"].Trigger, { asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_2__["default"], { name: "eicon-ellipsis-h", size: "sm" })), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverContent, { align: 'rtl' === direction ? 'end' : 'start', sideOffset: 5 }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_5__["default"].Group, { value: props.view, onValueChange: props.setView, dir: direction }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_3__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_5__["default"], { value: _hooks_use_notes_or_notes_summary__WEBPACK_IMPORTED_MODULE_8__.VIEW_NOTES }), __('Current page', 'elementor-pro'))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_3__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_5__["default"], { value: _hooks_use_notes_or_notes_summary__WEBPACK_IMPORTED_MODULE_8__.VIEW_NOTES_SUMMARY }), __('All site', 'elementor-pro')))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_separator_separator__WEBPACK_IMPORTED_MODULE_6__["default"], null), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_5__["default"].Group, { value: filters.only_relevant ? '1' : '0', onValueChange: value => setFilters({ only_relevant: '1' === value ? true : null }), dir: direction }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_3__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_5__["default"], { value: "0" }), __('All notes', 'elementor-pro'))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_3__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_5__["default"], { value: "1" }), __('Only yours', 'elementor-pro')))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_separator_separator__WEBPACK_IMPORTED_MODULE_6__["default"], null), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_3__["default"], { htmlFor: "notes-filter-show-resolved" }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_checkbox_checkbox__WEBPACK_IMPORTED_MODULE_1__["default"], { id: "notes-filter-show-resolved", checked: null === filters.is_resolved, onCheckedChange: value => setFilters({ is_resolved: value ? null : false }) }), __('Show resolved', 'elementor-pro'))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_3__["default"], { htmlFor: "notes-filter-only-unread" }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_checkbox_checkbox__WEBPACK_IMPORTED_MODULE_1__["default"], { id: "notes-filter-only-unread", checked: filters.only_unread, onCheckedChange: value => setFilters({ only_unread: value ? true : null }) }), __('Show unread only', 'elementor-pro'))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"].Arrow, null), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"].CloseButton, null))); } PanelPopover.propTypes = { view: PropTypes.string.isRequired, setView: PropTypes.func.isRequired }; // }, // "../assets/js/app/components/panel.js" /!*******************************************!\ !* ../assets/js/app/components/panel.js ! \******************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Panel) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _panel_body_current_route__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./panel-body-current-route / "../assets/js/app/components/panel-body-current-route.js"); / harmony import / var _panel_body_summary__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./panel-body-summary / "../assets/js/app/components/panel-body-summary.js"); / harmony import / var _panel_close_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./panel-close-button / "../assets/js/app/components/panel-close-button.js"); / harmony import / var _panel_error__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./panel-error / "../assets/js/app/components/panel-error.js"); / harmony import / var _panel_popover__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./panel-popover / "../assets/js/app/components/panel-popover.js"); / harmony import / var _ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./ui/panel/panel / "../assets/js/app/components/ui/panel/panel.js"); / harmony import / var _hooks_use_notes_or_notes_summary__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ../hooks/use-notes-or-notes-summary / "../assets/js/app/hooks/use-notes-or-notes-summary.js"); / harmony import / var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ../hooks/use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var _panel_fetch_icon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/! ./panel-fetch-icon / "../assets/js/app/components/panel-fetch-icon.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; function Panel() { const { direction } = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_8__["default"])(), { view, setView, data = [], refetch, isSuccess, isLoading, isFetching, isError, isNotesView, isNotesSummaryView } = (0,_hooks_use_notes_or_notes_summary__WEBPACK_IMPORTED_MODULE_7__["default"])(); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"], { isFloating: true, defaultPosition: { x: 'rtl' === direction ? -50 : 50, y: 50 }, defaultSize: { width: 240, height: 400 } }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].Header, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].HeaderSideCol, { align: "start" }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_popover__WEBPACK_IMPORTED_MODULE_5__["default"], { view: view, setView: setView })), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].HeaderTitle, null, __('Notes Panel', 'elementor-pro')), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].HeaderSideCol, { align: "end" }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_fetch_icon__WEBPACK_IMPORTED_MODULE_9__["default"], { isFetching: isFetching, refetch: refetch }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_close_button__WEBPACK_IMPORTED_MODULE_3__["default"], null))), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].Body, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].Loading, { show: isLoading }), isError && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_error__WEBPACK_IMPORTED_MODULE_4__["default"], null), isSuccess && isNotesView && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_body_current_route__WEBPACK_IMPORTED_MODULE_1__["default"], { notes: data }), isSuccess && isNotesSummaryView && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_body_summary__WEBPACK_IMPORTED_MODULE_2__["default"], { notesSummary: data })), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].Footer, null)); } // }, // "../assets/js/app/components/shared/note-content/index.js" /!***************************************************************!\ !* ../assets/js/app/components/shared/note-content/index.js ! \**************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _note_content__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./note-content / "../assets/js/app/components/shared/note-content/note-content.js"); / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (_note_content__WEBPACK_IMPORTED_MODULE_0__["default"]); // }, // "../assets/js/app/components/shared/note-content/note-content-email.js" /!****************************************************************************!\ !* ../assets/js/app/components/shared/note-content/note-content-email.js ! \***************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / NoteContentEmail) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _note_content_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./note-content-link / "../assets/js/app/components/shared/note-content/note-content-link.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); function NoteContentEmail(props) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_note_content_link__WEBPACK_IMPORTED_MODULE_1__["default"], { href: `mailto:${props.token.value}` }, props.children); } NoteContentEmail.propTypes = { children: PropTypes.node.isRequired, token: PropTypes.shape({ value: PropTypes.string }).isRequired }; // }, // "../assets/js/app/components/shared/note-content/note-content-link.js" /!***************************************************************************!\ !* ../assets/js/app/components/shared/note-content/note-content-link.js ! \**************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const NoteContentLink = styled_components__WEBPACK_IMPORTED_MODULE_0__["default"].a` all: revert; --color-editor-info: #58d0f5; --color-editor-info-dark: #10bcf2; font-family: Roboto, sans-serif !important; font-size: 1em !important; font-weight: normal !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; cursor: pointer; &, &:visited { color: var( --color-editor-info ) !important; } &:hover, &:focus { color: var( --color-editor-info-dark ) !important; } `; NoteContentLink.defaultProps = { target: '_blank', rel: 'noopener noreferrer', className: 'elementor-clickable' }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (NoteContentLink); // }, // "../assets/js/app/components/shared/note-content/note-content-mention.js" /!******************************************************************************!\ !* ../assets/js/app/components/shared/note-content/note-content-mention.js ! \*****************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const NoteContentMention = styled_components__WEBPACK_IMPORTED_MODULE_0__["default"].span` color: #58d0f5; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (NoteContentMention); // }, // "../assets/js/app/components/shared/note-content/note-content-paragraph.js" /!********************************************************************************!\ !* ../assets/js/app/components/shared/note-content/note-content-paragraph.js ! \*******************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const NoteContentParagraph = styled_components__WEBPACK_IMPORTED_MODULE_0__["default"].p` --color-gray-600: #6d7882; font-family: Roboto, sans-serif !important; font-size: 12px !important; font-weight: 400 !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: 1.5 !important; letter-spacing: normal !important; word-spacing: normal !important; color: var(--color-gray-600); margin: 0 0 .5em 0 !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (NoteContentParagraph); // }, // "../assets/js/app/components/shared/note-content/note-content-token-renderer.js" /!*************************************************************************************!\ !* ../assets/js/app/components/shared/note-content/note-content-token-renderer.js ! \************************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / NoteContentTokenRenderer) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _note_content_paragraph__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./note-content-paragraph / "../assets/js/app/components/shared/note-content/note-content-paragraph.js"); / harmony import / var _note_content_mention__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./note-content-mention / "../assets/js/app/components/shared/note-content/note-content-mention.js"); / harmony import / var _note_content_url__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./note-content-url / "../assets/js/app/components/shared/note-content/note-content-url.js"); / harmony import / var _note_content_email__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./note-content-email / "../assets/js/app/components/shared/note-content/note-content-email.js"); / harmony import / var _note_content_wow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./note-content-wow / "../assets/js/app/components/shared/note-content/note-content-wow.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const componentMap = { Paragraph: _note_content_paragraph__WEBPACK_IMPORTED_MODULE_1__["default"], Mention: _note_content_mention__WEBPACK_IMPORTED_MODULE_2__["default"], Url: _note_content_url__WEBPACK_IMPORTED_MODULE_3__["default"], Email: _note_content_email__WEBPACK_IMPORTED_MODULE_4__["default"], Wow: _note_content_wow__WEBPACK_IMPORTED_MODULE_5__["default"], default: ({ children }) => children }; function NoteContentTokenRenderer(props) { const Component = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => componentMap[props.token.type] \|\| componentMap.default, [props.token.type]); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, { token: props.token }, Array.isArray(props.token.value) ? props.token.value.map((childToken, index) => /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(NoteContentTokenRenderer, { token: childToken, key: index })) : props.token.value); } // Put the token shape outside to allow recursive. const tokenShape = {}; tokenShape.value = PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.shape(tokenShape))]); NoteContentTokenRenderer.propTypes = { token: PropTypes.shape(tokenShape) }; // }, // "../assets/js/app/components/shared/note-content/note-content-url.js" /!**************************************************************************!\ !* ../assets/js/app/components/shared/note-content/note-content-url.js ! \*************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / NoteContentUrl) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _note_content_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./note-content-link / "../assets/js/app/components/shared/note-content/note-content-link.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); function NoteContentUrl(props) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_note_content_link__WEBPACK_IMPORTED_MODULE_1__["default"], { href: props.token.value }, props.children); } NoteContentUrl.propTypes = { children: PropTypes.node.isRequired, token: PropTypes.shape({ value: PropTypes.string }).isRequired }; // }, // "../assets/js/app/components/shared/note-content/note-content-wow.js" /!**************************************************************************!\ !* ../assets/js/app/components/shared/note-content/note-content-wow.js ! \*************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / NoteContentWow) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const confetti = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.keyframes)` 0% { opacity: 1; background-position: 40% 66%, 54% 40%, 32% 36%, 46% 38%, 38% 55%, 60% 32%, 43% 34%, 31% 35%, 53% 63%, 58% 42%, 56% 37%, 40% 50%, 46% 46%, 36% 59%, 43% 50%, 63% 70%, 44% 40%, 51% 30%, 38% 45%, 37% 62%, 46% 34%, 45% 45%, 43% 44%, 43% 53%, 64% 42%, 31% 36%, 38% 54%, 40% 34%, 64% 48%, 43% 47%, 43% 50%, 56% 40%, 35% 68%, 68% 69%, 63% 35%, 32% 61%, 67% 57%, 51% 43%, 53% 45%, 47% 40%, 33% 42%, 35% 65%, 67% 47%, 30% 44%, 67% 52%, 41% 46%, 44% 55%, 38% 40%, 39% 37%, 37% 35%; } 45% { opacity: 1; background-size: var(--radius) var(--radius); } 100% { opacity: 0; background-size: 0 0; background-position: 8% 105%, 83% 50%, 53% 74%, 44% 9%, 6% 67%, 13% 62%, 88% 47%, 60% 18%, 78% 50%, 105% 11%, 59% 22%, 47% 98%, 77% 84%, 51% 60%, 70% 10%, 91% 103%, 8% 16%, 61% 1%, -5% 52%, 75% 74%, 58% 52%, 74% 30%, 51% 55%, 13% 78%, 28% 86%, 40% 1%, 24% 38%, 58% 6%, 70% 42%, 11% 22%, 73% 59%, 10% 57%, 72% 22%, 48% 26%, 44% -7%, 72% 29%, 50% 74%, 99% 87%, 17% 36%, 4% -8%, -11% 22%, 79% 95%, 19% 60%, 30% 4%, 110% 5%, 0% 71%, 82% 56%, 9% 68%, 69% 41%, 19% 61%; } `; const StyledSurprise = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].span` display: inline-block !important; position: relative !important; isolation: isolate !important; box-sizing: border-box !important; &::before { --radius: 2px; --color-1: #d50000; --color-2: #c51162; --color-3: #aa00ff; --color-4: #2962ff; --color-5: #00c853; --color-6: #ffd600; content: '' !important; position: absolute !important; inset: -25px !important; pointer-events: none !important; opacity: 0; z-index: -1 !important; transform: scale(1.5) !important; background-repeat: no-repeat !important; background-size: calc(2 var(--radius)) calc(2 * var(--radius)); background-image: radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ) !important; ${({ isAnimated }) => isAnimated && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)` animation: ${confetti} ease 1s forwards !important; `} } `; function NoteContentWow(props) { const [isAnimated, setIsAnimated] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSurprise, { isAnimated: isAnimated, onMouseEnter: () => setIsAnimated(true), onAnimationEnd: () => setIsAnimated(false) }, props.children); } NoteContentWow.propTypes = { children: PropTypes.node.isRequired, token: PropTypes.shape({ value: PropTypes.string }).isRequired }; /*/ }, // "../assets/js/app/components/shared/note-content/note-content.js" /!**********************************************************************!\ !* ../assets/js/app/components/shared/note-content/note-content.js ! \*********************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / NoteContent) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _note_content_token_renderer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./note-content-token-renderer / "../assets/js/app/components/shared/note-content/note-content-token-renderer.js"); / harmony import / var _services_rich_text_parser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../../../../services/rich-text-parser / "../assets/js/services/rich-text-parser/index.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _ui_div_base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../../ui/div-base / "../assets/js/app/components/ui/div-base.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const richTextParser = (0,_services_rich_text_parser__WEBPACK_IMPORTED_MODULE_2__["default"])(); const Wrapper = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_4__["default"]))` white-space: normal; word-break: break-word; word-wrap: break-word; ${({ disableInteractions }) => disableInteractions && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)` pointer-events: none; `}; `; function NoteContent(props) { const contentToken = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => richTextParser.parse(props.children), [props.children]); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Wrapper, { disableInteractions: props.disableInteractions, className: props.className }, contentToken && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_note_content_token_renderer__WEBPACK_IMPORTED_MODULE_1__["default"], { token: contentToken })); } NoteContent.propTypes = { children: PropTypes.string.isRequired, disableInteractions: PropTypes.bool, className: PropTypes.string }; NoteContent.defaultProps = { disableInteractions: false }; // }, // "../assets/js/app/components/shared/note-form.js" /!******************************************************!\ !* ../assets/js/app/components/shared/note-form.js ! \*****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / NoteForm) / harmony export / }); / harmony import / var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @babel/runtime/helpers/extends / "../../../node_modules/@babel/runtime/helpers/esm/extends.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _ui_div_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../ui/div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../../hooks/use-forms-in-writing-mode / "../assets/js/app/hooks/use-forms-in-writing-mode.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const StyledForm = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].form` all: revert; display: flex !important; flex-direction: column !important; gap: 16px !important; `; NoteForm.ButtonsContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_ui_div_base__WEBPACK_IMPORTED_MODULE_3__["default"]))` display: flex !important; flex-direction: row-reverse !important; justify-content: end !important; gap: 8px !important; `; function NoteForm({ onReset, onChange, onSubmit, ...props }) { const { isInWritingMode, addToWritingMode, removeFromWritingMode } = (0,_hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_4__["default"])(); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledForm, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, { onReset: e => { removeFromWritingMode(props.id); // Tweak to force emptying of data-value for the textarea container const contentEl = e.currentTarget.content; if ('undefined' !== typeof contentEl) { const event = new Event('input', { bubbles: true }); contentEl.value = ''; contentEl.dispatchEvent(event); } onReset?.(e); }, onChange: e => { const hasChanged = e.target.value.trim() !== e.target.defaultValue, isCurrentFormInWritingMode = isInWritingMode(props.id); if (hasChanged && !isCurrentFormInWritingMode) { addToWritingMode(props.id); } if (!hasChanged && isCurrentFormInWritingMode) { removeFromWritingMode(props.id); } onChange?.(e); }, onSubmit: async e => { e.preventDefault(); if (!isInWritingMode(props.id)) { return; } const form = e.currentTarget, content = form.content.value.trim(); await onSubmit?.(e, { form, content }); } })); } NoteForm.propTypes = { id: PropTypes.string.isRequired, onChange: PropTypes.func, onReset: PropTypes.func, onSubmit: PropTypes.func }; // }, // "../assets/js/app/components/shared/note-popover-content.js" /!*****************************************************************!\ !* ../assets/js/app/components/shared/note-popover-content.js ! \****************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / NotePopoverContent) / harmony export / }); / harmony import / var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @babel/runtime/helpers/extends / "../../../node_modules/@babel/runtime/helpers/esm/extends.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); / harmony import / var _ui_popover_popover__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../ui/popover/popover / "../assets/js/app/components/ui/popover/popover.js"); / harmony import / var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../../hooks/use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../../utils / "../assets/js/app/utils.js"); / harmony import / var _hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../../hooks/use-forms-in-writing-mode / "../assets/js/app/hooks/use-forms-in-writing-mode.js"); const bounce = { keyframes: [{ transform: 'scale(1)', opacity: '1' }, { transform: 'scale(1.05)', opacity: '0.85' }, { transform: 'scale(1)', opacity: '1' }], options: { easing: 'ease-in-out', duration: 500 } }; function NotePopoverContent(props) { const { direction } = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_3__["default"])(), { formsInWritingMode } = (0,_hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_5__["default"])(), ref = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_2__["default"].Content, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, { align: 'rtl' === direction ? 'end' : 'start', alignOffset: 18, sideOffset: 15, ref: ref, onInteractOutside: async e => { // If there are no forms in writing mode, it should behave normally. if (0 === formsInWritingMode.length) { return; } e.preventDefault(); if (0 === ref.current.getAnimations().length) { await (0,_utils__WEBPACK_IMPORTED_MODULE_4__.scrollIntoView)(ref.current); ref.current.animate(bounce.keyframes, bounce.options); } } })); } // }, // "../assets/js/app/components/ui/alert-dialog/alert-dialog-action.js" /!*************************************************************************!\ !* ../assets/js/app/components/ui/alert-dialog/alert-dialog-action.js ! \************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-alert-dialog / "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _button_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../button-base / "../assets/js/app/components/ui/button-base.js"); const AlertDialogAction = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_button_base__WEBPACK_IMPORTED_MODULE_2__["default"])).attrs(() => ({ as: _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Action }))` --font-size: 16px; --color: #b01b1b; --padding: 13px; margin: 0; flex-grow: 1; transition: 0.2s all; border: none; border-radius: 0; &:focus, &:hover { --background: #f1f3f5; --color: #b01b1b; } `; AlertDialogAction.propTypes = { ..._radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Action.propTypes }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogAction); // }, // "../assets/js/app/components/ui/alert-dialog/alert-dialog-actions-container.js" /!************************************************************************************!\ !* ../assets/js/app/components/ui/alert-dialog/alert-dialog-actions-container.js ! \***********************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _div_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../div-base / "../assets/js/app/components/ui/div-base.js"); const AlertDialogActionsContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_1__["default"]))` display: flex; align-items: center; border-top: 1px solid #d5dadf; & > button:not(:first-child) { /* * will create a divider between the buttons, * not matter how much buttons exists in the container. / border-inline-start: 1px solid #d5dadf; } `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogActionsContainer); // }, // "../assets/js/app/components/ui/alert-dialog/alert-dialog-cancel.js" /!*************************************************************************!\ !* ../assets/js/app/components/ui/alert-dialog/alert-dialog-cancel.js ! \************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-alert-dialog / "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _button_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../button-base / "../assets/js/app/components/ui/button-base.js"); const AlertDialogCancel = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_button_base__WEBPACK_IMPORTED_MODULE_2__["default"])).attrs(() => ({ as: _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Cancel }))` --color: #6d7882; --padding: 13px; --font-size: 16px; --border: none; margin: 0; flex-grow: 1; transition: 0.2s all; border-radius: 0; &:focus, &:hover { --background: #f1f3f5; --color: #6d7882; } `; AlertDialogCancel.propTypes = { ..._radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Cancel.propTypes }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogCancel); // }, // "../assets/js/app/components/ui/alert-dialog/alert-dialog-content.js" /!**************************************************************************!\ !* ../assets/js/app/components/ui/alert-dialog/alert-dialog-content.js ! \*************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / AlertDialogContent) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-alert-dialog / "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../../../utils / "../assets/js/app/utils.js"); const overlayShow = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.keyframes)` 0% { opacity: 0; } 100% { opacity: 1; } `; const contentShow = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.keyframes)` 0% { opacity: 0; transform: translate(-50%, -48%) scale(.96); } 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } `; const StyledContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_1__.Content))` all: revert; font-family: Roboto, sans-serif !important; font-size: 1em !important; font-weight: normal !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; background-color: #fff !important; box-shadow: 2px 8px 23px rgba(0, 0, 0, 0.2) !important; border-radius: 3px !important; width: 375px !important; text-align: center !important; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; max-height: 85vh !important; animation-duration: 150ms !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; animation-name: ${contentShow} !important; z-index: ${_utils__WEBPACK_IMPORTED_MODULE_3__.MAX_Z_INDEX} !important; &:focus { outline: none !important; } `; const StyledOverlay = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_1__.Overlay))` background-color: rgba(0, 0, 0, 0.5) !important; position: fixed !important; inset: 0 !important; animation-duration: 150ms !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; animation-name: ${overlayShow} !important; z-index: ${_utils__WEBPACK_IMPORTED_MODULE_3__.MAX_Z_INDEX} !important; `; function AlertDialogContent(props) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_1__.Portal, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledOverlay, null), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledContent, props)); } AlertDialogContent.propTypes = { ..._radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_1__.Content.propTypes }; // }, // "../assets/js/app/components/ui/alert-dialog/alert-dialog-description-container.js" /!****************************************************************************************!\ !* ../assets/js/app/components/ui/alert-dialog/alert-dialog-description-container.js ! \***************************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _div_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../div-base / "../assets/js/app/components/ui/div-base.js"); const AlertDialogDescriptionContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_1__["default"]))` padding: 30px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogDescriptionContainer); // }, // "../assets/js/app/components/ui/alert-dialog/alert-dialog-description.js" /!******************************************************************************!\ !* ../assets/js/app/components/ui/alert-dialog/alert-dialog-description.js ! \*****************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-alert-dialog / "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const AlertDialogDescription = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Description))` all: revert; font-family: Roboto, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; margin: 0 !important; color: #495157 !important; `; AlertDialogDescription.propTypes = { ..._radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Description.propTypes }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogDescription); // }, // "../assets/js/app/components/ui/alert-dialog/alert-dialog-title.js" /!************************************************************************!\ !* ../assets/js/app/components/ui/alert-dialog/alert-dialog-title.js ! \***********************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-alert-dialog / "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const AlertDialogTitle = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Title))` all: revert; font-family: Roboto, sans-serif !important; font-size: 17px !important; font-weight: 500 !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; margin: 0 !important; color: #495157 !important; &::before, &::after { display: none; } `; AlertDialogTitle.propTypes = { ..._radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Title.propTypes }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogTitle); // }, // "../assets/js/app/components/ui/alert-dialog/alert-dialog.js" /!******************************************************************!\ !* ../assets/js/app/components/ui/alert-dialog/alert-dialog.js ! \*****************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-alert-dialog / "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js"); / harmony import / var _alert_dialog_content__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./alert-dialog-content / "../assets/js/app/components/ui/alert-dialog/alert-dialog-content.js"); / harmony import / var _alert_dialog_title__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./alert-dialog-title / "../assets/js/app/components/ui/alert-dialog/alert-dialog-title.js"); / harmony import / var _alert_dialog_description_container__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./alert-dialog-description-container / "../assets/js/app/components/ui/alert-dialog/alert-dialog-description-container.js"); / harmony import / var _alert_dialog_actions_container__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./alert-dialog-actions-container / "../assets/js/app/components/ui/alert-dialog/alert-dialog-actions-container.js"); / harmony import / var _alert_dialog_description__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./alert-dialog-description / "../assets/js/app/components/ui/alert-dialog/alert-dialog-description.js"); / harmony import / var _alert_dialog_cancel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./alert-dialog-cancel / "../assets/js/app/components/ui/alert-dialog/alert-dialog-cancel.js"); / harmony import / var _alert_dialog_action__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ./alert-dialog-action / "../assets/js/app/components/ui/alert-dialog/alert-dialog-action.js"); const AlertDialog = _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Root; AlertDialog.Trigger = _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Trigger; AlertDialog.Content = _alert_dialog_content__WEBPACK_IMPORTED_MODULE_1__["default"]; AlertDialog.Description = _alert_dialog_description__WEBPACK_IMPORTED_MODULE_5__["default"]; AlertDialog.DescriptionContainer = _alert_dialog_description_container__WEBPACK_IMPORTED_MODULE_3__["default"]; AlertDialog.ActionsContainer = _alert_dialog_actions_container__WEBPACK_IMPORTED_MODULE_4__["default"]; AlertDialog.Title = _alert_dialog_title__WEBPACK_IMPORTED_MODULE_2__["default"]; AlertDialog.Cancel = _alert_dialog_cancel__WEBPACK_IMPORTED_MODULE_6__["default"]; AlertDialog.Action = _alert_dialog_action__WEBPACK_IMPORTED_MODULE_7__["default"]; AlertDialog.propTypes = _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_0__.Root.propTypes; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialog); // }, // "../assets/js/app/components/ui/avatar.js" /!***********************************************!\ !* ../assets/js/app/components/ui/avatar.js ! \**********************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const sizesMap = { sm: { width: 16 }, md: { width: 32 }, lg: { width: 64 } }; const Avatar = styled_components__WEBPACK_IMPORTED_MODULE_0__["default"].img` all: revert; aspect-ratio: 1 / 1; border-radius: 100%; height: auto; width: ${({ size }) => sizesMap[size].width}px; `; Avatar.propTypes = { size: PropTypes.oneOf(['sm', 'md', 'lg']).isRequired, src: PropTypes.string.isRequired }; Avatar.defaultProps = { size: 'md' }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Avatar); // }, // "../assets/js/app/components/ui/button-base.js" /!****************************************************!\ !* ../assets/js/app/components/ui/button-base.js ! \***************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); /* * Simple button component to handle themes overrides. / const ButtonBase = styled_components__WEBPACK_IMPORTED_MODULE_0__["default"].button` all: revert; --color: #000; --padding: 0; --background: transparent; --font-weight: 500; --font-size: 16px; --font-family: Roboto, sans-serif; --text-transform: none; --letter-spacing: 0; --font-style: normal; --text-decoration: none; --line-height: normal; --word-spacing: normal; --text-shadow: none; --box-shadow: none; --border: none; --border-radius: 0; // Override themes selectors. &, &&, &[type="button"], &[type="submit"], &[type="reset"], &:hover, &:focus, &:active, &:not( :hover ):not( :active ):not( .has-background ), &:not( :hover ):not( :active ):not( .has-text-color ) { font-family: var( --font-family ) !important; font-size: var( --font-size ) !important; font-weight: var( --font-weight ) !important; text-transform: var( --text-transform ) !important; letter-spacing: var( --letter-spacing ) !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; word-spacing: normal !important; color: var( --color ) !important; background: var( --background ) !important; border: var( --border ) !important; text-shadow: var( --text-shadow ) !important; box-shadow: var( --box-shadow ) !important; border-radius: var( --border-radius ) !important; padding: var( --padding ) !important; outline: none !important; width: var( --width, auto ) !important; height: var( --height, auto ) !important; display: var( --display, inline-block ) !important; min-height: revert !important; } &:before, &:after { display: none !important; } `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (ButtonBase); // }, // "../assets/js/app/components/ui/button.js" /!***********************************************!\ !* ../assets/js/app/components/ui/button.js ! \**********************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _button_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./button-base / "../assets/js/app/components/ui/button-base.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const colorsMap = { contained: { background: '--color-editor-info', border: '--color-editor-info', text: '--color-white', backgroundHover: '--color-editor-info-dark' }, outlined: { background: '--color-ghost', border: '--color-gray-400', text: '--color-gray-600', backgroundHover: '--color-darken' }, transparent: { background: '--color-ghost', border: '--color-ghost', text: '--color-default' } }; const sizesMap = { md: { padding: '--padding-md', fontSize: '--font-size-md' } }; const Button = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_button_base__WEBPACK_IMPORTED_MODULE_1__["default"]))` --color-editor-info: #58d0f5; --color-editor-info-dark: #10bcf2; --color-default: inherit; --color-ghost: transparent; --color-white: #fff; --color-gray-400: #c2cbd2; --color-gray-600: #6d7882; --color-darken: rgba( 0, 0, 0, .05 ); --font-size-md: 13px; --padding-md: 8px 12px; --padding: var( ${({ size }) => sizesMap[size].padding} ); --color: var( ${({ variant }) => colorsMap[variant].text} ); --background: var( ${({ variant }) => colorsMap[variant].background} ); --border-color: var( ${({ variant }) => colorsMap[variant].border} ); --border: 1px solid var( --border-color ); --cursor: pointer; --font-weight: 400; --font-family: Roboto, sans-serif; --font-size: var( ${({ size }) => sizesMap[size].fontSize} ); --border-radius: 3px; font-style: normal !important; text-align: center !important; line-height: 1 !important; cursor: var( --cursor ) !important; transition: .3s all !important; &, & { cursor: var( --cursor ) !important; } ${({ disabled }) => disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)` opacity: .5; pointer-events: none; --cursor: not-allowed; `} ${({ variant }) => 'transparent' === variant && (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)` --padding: 0; `} &:hover, &:focus { --background: var( ${({ variant }) => colorsMap[variant].backgroundHover \|\| colorsMap[variant].background} ); } `; Button.propTypes = { variant: PropTypes.oneOf(['contained', 'outlined', 'transparent']).isRequired, size: PropTypes.oneOf(['md']).isRequired, disabled: PropTypes.bool }; Button.defaultProps = { variant: 'contained', size: 'md' }; /* harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Button); // }, // "../assets/js/app/components/ui/checkbox/checkbox.js" /!**********************************************************!\ !* ../assets/js/app/components/ui/checkbox/checkbox.js ! \*********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Checkbox) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! @radix-ui/react-checkbox / "../../../node_modules/@radix-ui/react-checkbox/dist/index.module.js"); / harmony import / var _button_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../button-base / "../assets/js/app/components/ui/button-base.js"); / harmony import / var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../icon / "../assets/js/app/components/ui/icon.js"); const StyledCheckbox = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_button_base__WEBPACK_IMPORTED_MODULE_3__["default"])).attrs(() => ({ as: _radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_2__.Root }))` --border-color: #a4afb6; --background: #fff; --border: 1px solid var( --border-color ); --border-radius: 3px; --width: 12px; --height: 12px; --display: inline-flex; align-items: center; justify-content: center; position: relative; margin: 0; outline: none; transition: 0.2s all; overflow: hidden; &[data-state="checked"] { --border-color: #39b54a; } &:hover, &:focus { outline: none; --background: #eee; & > { --background: rgba(57, 181, 74, 0.8); } } `; const StyledIndicator = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_2__.Indicator))` all: revert; position: absolute !important; inset: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #39b54a !important; color: #fff !important; outline: none !important; font-size: 8px !important; `; function Checkbox(props) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCheckbox, props, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledIndicator, null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], { className: "eicon-check" }))); } Checkbox.propTypes = { ..._radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_2__.Root.propTypes }; /*/ }, // "../assets/js/app/components/ui/div-base.js" /!*************************************************!\ !* ../assets/js/app/components/ui/div-base.js ! \************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); /* * Simple div to handle themes overrides. / const DivBase = styled_components__WEBPACK_IMPORTED_MODULE_0__["default"].div` all: revert; box-sizing: border-box; &:before, &:after { display: none !important; } `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (DivBase); // }, // "../assets/js/app/components/ui/dropdown/dropdown-arrow.js" /!****************************************************************!\ !* ../assets/js/app/components/ui/dropdown/dropdown-arrow.js ! \***************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-dropdown-menu / "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const DropdownArrow = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_0__.Arrow))` fill: #fff; margin: 0 10px; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (DropdownArrow); // }, // "../assets/js/app/components/ui/dropdown/dropdown-content.js" /!******************************************************************!\ !* ../assets/js/app/components/ui/dropdown/dropdown-content.js ! \*****************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-dropdown-menu / "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js"); / harmony import / var _styles_animation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../../../styles/animation / "../assets/js/app/styles/animation.js"); const DropdownContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_1__.Content))` all: revert; background: #fff !important; border-radius: 3px !important; min-width: 120px !important; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important; animation-duration: 400ms !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; padding: 4px !important; &[data-state="open"] { &[data-side="top"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideUpAndFade}; } &[data-side="right"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideRightAndFade}; } &[data-side="bottom"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideDownAndFade}; } &[data-side="left"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideLeftAndFade}; } } `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (DropdownContent); // }, // "../assets/js/app/components/ui/dropdown/dropdown-item.js" /!***************************************************************!\ !* ../assets/js/app/components/ui/dropdown/dropdown-item.js ! \**************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / DropdownItem) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! @radix-ui/react-dropdown-menu / "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js"); / harmony import / var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../icon / "../assets/js/app/components/ui/icon.js"); / harmony import / var _tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../tooltip/tooltip / "../assets/js/app/components/ui/tooltip/tooltip.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const variants = { default: { hoverTextColor: '#6d7882', hoverIconColor: '#a4afb6' }, danger: { hoverTextColor: '#b01b1b', hoverIconColor: '#d9534f' } }; const Icon = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_icon__WEBPACK_IMPORTED_MODULE_3__["default"]))` color: #a4afb6 !important; transition: 0.2s all; `; const ItemWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].span` display: flex !important; align-items: center !important; gap: 8px !important; `; const StyledDropdownItem = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.Item))` all: revert; font-family: Roboto, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: 1.2 !important; letter-spacing: normal !important; word-spacing: normal !important; cursor: pointer !important; border-radius: 4px !important; padding: 7px 12px !important; color: #6d7882 !important; transition: 0.2s all !important; &[data-disabled] { opacity: 0.5 !important; cursor: default !important; } &:focus { background: #f1f3f5 !important; outline: none !important; color: ${({ variant }) => variants[variant].hoverTextColor} !important; ${Icon} { color: ${({ variant }) => variants[variant].hoverIconColor} !important; } } `; function DropdownItem({ children, icon, tooltip, ...props }) { const DropdownItemContent = /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ItemWrapper, null, icon && /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Icon, { className: icon }), children); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledDropdownItem, props, tooltip ? /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"], null, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Trigger, { asChild: true }, DropdownItemContent), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Content, null, tooltip, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Arrow, null))) : DropdownItemContent); } DropdownItem.propTypes = { ...DropdownItem.propTypes, icon: PropTypes.string, tooltip: PropTypes.node, variant: PropTypes.oneOf(['default', 'danger']) }; DropdownItem.defaultProps = { variant: 'default' }; // }, // "../assets/js/app/components/ui/dropdown/dropdown-separator.js" /!********************************************************************!\ !* ../assets/js/app/components/ui/dropdown/dropdown-separator.js ! \*******************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-dropdown-menu / "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js"); const DropdownSeparator = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_1__.Separator))` height: 1px !important; background: #f1f3f5 !important; margin: 7px 10px !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (DropdownSeparator); // }, // "../assets/js/app/components/ui/dropdown/dropdown.js" /!**********************************************************!\ !* ../assets/js/app/components/ui/dropdown/dropdown.js ! \*********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-dropdown-menu / "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js"); / harmony import / var _dropdown_content__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./dropdown-content / "../assets/js/app/components/ui/dropdown/dropdown-content.js"); / harmony import / var _dropdown_item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./dropdown-item / "../assets/js/app/components/ui/dropdown/dropdown-item.js"); / harmony import / var _dropdown_arrow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./dropdown-arrow / "../assets/js/app/components/ui/dropdown/dropdown-arrow.js"); / harmony import / var _dropdown_separator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./dropdown-separator / "../assets/js/app/components/ui/dropdown/dropdown-separator.js"); const Dropdown = _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_0__.Root; Dropdown.Trigger = _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_0__.Trigger; Dropdown.Content = _dropdown_content__WEBPACK_IMPORTED_MODULE_1__["default"]; Dropdown.Item = _dropdown_item__WEBPACK_IMPORTED_MODULE_2__["default"]; Dropdown.Arrow = _dropdown_arrow__WEBPACK_IMPORTED_MODULE_3__["default"]; Dropdown.Separator = _dropdown_separator__WEBPACK_IMPORTED_MODULE_4__["default"]; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Dropdown); // }, // "../assets/js/app/components/ui/icon-button/icon-button.js" /!****************************************************************!\ !* ../assets/js/app/components/ui/icon-button/icon-button.js ! \***************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @babel/runtime/helpers/extends / "../../../node_modules/@babel/runtime/helpers/esm/extends.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _button_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../button-base / "../assets/js/app/components/ui/button-base.js"); / harmony import / var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../icon / "../assets/js/app/components/ui/icon.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const fontSizeMapping = { sm: '15px', md: '18px' }; const StyledIconButton = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_button_base__WEBPACK_IMPORTED_MODULE_3__["default"]))` --color: #a4afb7; --background: transparent; --padding: 4px; --font-size: ${({ size }) => fontSizeMapping[size]}; --border: none; --border-radius: 100%; --display: grid; transition: 0.2s all; place-items: center; border-radius: 100%; cursor: pointer; &:hover, &:focus { --background: transparent; --color: #6d7882; outline: none; } &:focus { --background: #f1f3f5; } ${({ disabled }) => disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)` opacity: .5; pointer-events: none; cursor: not-allowed; `} `; const IconButton = react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(({ name, ...props }, ref) => { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledIconButton, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, { ref: ref }), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], { className: name })); }); IconButton.displayName = 'IconButton'; IconButton.propTypes = { size: PropTypes.oneOf(['sm', 'md']), name: PropTypes.string.isRequired, onClick: PropTypes.func, disabled: PropTypes.bool }; IconButton.defaultProps = { size: 'md' }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (IconButton); // }, // "../assets/js/app/components/ui/icon.js" /!*********************************************!\ !* ../assets/js/app/components/ui/icon.js ! \********************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); /* * Simple i tag to handle themes overrides. / const Icon = styled_components__WEBPACK_IMPORTED_MODULE_0__["default"].i` margin: 0 !important; padding: 0 !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Icon); // }, // "../assets/js/app/components/ui/label/label.js" /!****************************************************!\ !* ../assets/js/app/components/ui/label/label.js ! \***************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_label__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-label / "../../../node_modules/@radix-ui/react-label/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const Label = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_radix_ui_react_label__WEBPACK_IMPORTED_MODULE_0__.Label))` all: revert; font-size: 11px !important; color: #a4afb6 !important; font-weight: 500 !important; font-family: Roboto, sans-serif !important; user-select: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; line-height: 2 !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Label); // }, // "../assets/js/app/components/ui/marker.js" /!***********************************************!\ !* ../assets/js/app/components/ui/marker.js ! \**********************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const sizesMap = { xs: 20, sm: 25, md: 34, lg: 80, xl: 160 }; const colorsMap = { active: { background: '--color-editor-info', text: '--color-white' }, solid: { background: '--color-editor-info', text: '--color-white' }, ghost: { background: '--color-ghost', text: '--color-gray' } }; const bounce = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.keyframes)` 0% { opacity: 0; transform: scale(.8); transform-origin: 50% 100%; } 50% { opacity: 1; transform: scale(1.2); transform-origin: 50% 100%; } 100% { opacity: 1; transform: scale(1); transform-origin: 50% 100%; } `; const Marker = styled_components__WEBPACK_IMPORTED_MODULE_0__["default"].span.withConfig({ shouldForwardProp: prop => 'children' === prop })` all: revert; --color-editor-info: #58d0f5; --color-ghost: #fff; --color-white: #fff; --color-gray: #a4afb6; --color-shadow: rgba(0, 0, 0, 0.2); --size: ${({ size }) => sizesMap[size]}; --position: relative; display: grid; place-items: center; position: relative; height: calc(var(--size) 1px); width: calc(var(--size) * 1px); line-height: 2.8; font-family: Roboto, sans-serif !important; font-size: calc(var(--size) * .38px); font-weight: 500; color: var(${({ variant }) => colorsMap[variant].text}); isolation: isolate; animation: .3s ${bounce} both; transition: .3s all; ${({ muted }) => muted && (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)` --color-shadow: transparent; opacity: .5 !important; `} &::before { --background-color: var(${({ variant }) => colorsMap[variant].background}); --border-color: var( --background-color ); content: ''; display: block; position: absolute; z-index: -1; inset: 0; background-color: var( --background-color ); border: calc(var(--size) / 20 * 1px) solid var(--border-color); border-radius: 100% 100% 25% 100%; transform: rotate(45deg); ${({ variant }) => 'active' === variant && (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)` mask-image: radial-gradient(transparent 30%, #000 32%); `} ${({ variant }) => 'ghost' === variant && (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)` --border-color: var(--color-gray); `} } `; Marker.propTypes = { variant: PropTypes.oneOf(['active', 'solid', 'ghost']).isRequired, size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired, muted: PropTypes.bool, children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]) }; Marker.defaultProps = { variant: 'solid', size: 'md', muted: false }; /* harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Marker); // }, // "../assets/js/app/components/ui/panel/panel-body.js" /!*********************************************************!\ !* ../assets/js/app/components/ui/panel/panel-body.js ! \********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelBody) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _panel_resizer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./panel-resizer / "../assets/js/app/components/ui/panel/panel-resizer.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const StyledPanelBody = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_2__["default"]))` position: relative !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; `; function PanelBody(props) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledPanelBody, props, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_resizer__WEBPACK_IMPORTED_MODULE_3__["default"], null, props.children)); } PanelBody.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]) }; // }, // "../assets/js/app/components/ui/panel/panel-draggable.js" /!**************************************************************!\ !* ../assets/js/app/components/ui/panel/panel-draggable.js ! \*************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelDraggable) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var react_draggable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react-draggable / "../../../node_modules/react-draggable/build/cjs/cjs.js"); / harmony import / var react_draggable__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react_draggable__WEBPACK_IMPORTED_MODULE_1__); / harmony import / var _hooks_use_debounced_callback__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../../../hooks/use-debounced-callback / "../assets/js/app/hooks/use-debounced-callback.js"); / harmony import / var _panel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./panel / "../assets/js/app/components/ui/panel/panel.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); function PanelDraggable(props) { const { size: { defaultWidth } } = (0,_panel__WEBPACK_IMPORTED_MODULE_3__.usePanelContext)(), [bounds, setBounds] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}), [position, setPosition] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(props.defaultPosition), positionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({}); positionRef.current = position; const onStopDrag = (event, dragElement) => { const { x, y } = dragElement; setPosition({ x, y }); }; /* * Reset the position of the panel if it is outside the bounds of the window after resize. / const resetPosition = () => { const { x: currentX, y: currentY } = positionRef.current; const { x: defaultX, y: defaultY } = props.defaultPosition; if (currentX === defaultX && currentY === defaultY) { return; } const newX = currentX < bounds.left \|\| currentX > bounds.right ? defaultX : currentX; const newY = currentY < bounds.top \|\| currentY > bounds.bottom ? defaultY : currentY; if (newX === currentX && newY === currentY) { return; } setPosition({ x: newX, y: newY }); }; /* * Disallow dragging the panel outside the window bounds. * Show at least 15% of the panel on the left and right sides of the window. * Show at least the panel handle on the bottom of the window. / const calculateBounds = (0,_hooks_use_debounced_callback__WEBPACK_IMPORTED_MODULE_2__["default"])(() => { const { innerWidth: windowWidth, innerHeight: windowHeight } = window; setBounds({ top: 0, left: 0 - defaultWidth 0.85, right: windowWidth - defaultWidth * 0.15, bottom: windowHeight - (props.nodeRef.current?.querySelector(props.handleClass)?.offsetHeight \|\| 0) }); }, 100); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { resetPosition(); }, [bounds]); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { calculateBounds(); window.addEventListener('resize', calculateBounds); return () => { window.removeEventListener('resize', calculateBounds); }; }, []); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react_draggable__WEBPACK_IMPORTED_MODULE_1___default()), { handle: props.handleClass, defaultPosition: props.defaultPosition, nodeRef: props.nodeRef, bounds: bounds, position: positionRef.current, onStop: onStopDrag }, props.children); } PanelDraggable.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]), handleClass: PropTypes.string, defaultPosition: PropTypes.shape({ x: PropTypes.number, y: PropTypes.number }), nodeRef: PropTypes.shape({ current: PropTypes.object }), isFloating: PropTypes.bool }; /*/ }, // "../assets/js/app/components/ui/panel/panel-footer.js" /!***********************************************************!\ !* ../assets/js/app/components/ui/panel/panel-footer.js ! \**********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _div_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../div-base / "../assets/js/app/components/ui/div-base.js"); const PanelFooter = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_1__["default"]))` background: #fff !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (PanelFooter); // }, // "../assets/js/app/components/ui/panel/panel-header-side-col.js" /!********************************************************************!\ !* ../assets/js/app/components/ui/panel/panel-header-side-col.js ! \*******************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _div_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../div-base / "../assets/js/app/components/ui/div-base.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const PanelHeaderSideCol = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_1__["default"]))` display: flex !important; justify-self: ${({ align }) => align} !important; `; PanelHeaderSideCol.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]), align: PropTypes.oneOf(['start', 'end']).isRequired }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (PanelHeaderSideCol); // }, // "../assets/js/app/components/ui/panel/panel-header-title.js" /!*****************************************************************!\ !* ../assets/js/app/components/ui/panel/panel-header-title.js ! \****************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const PanelHeaderTitle = styled_components__WEBPACK_IMPORTED_MODULE_0__["default"].h3` all: revert; font-family: Roboto, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: 24px !important; letter-spacing: normal !important; word-spacing: normal !important; color: #6d7882 !important; text-align: center !important; flex-grow: 1 !important; margin: 0 !important; user-select: none !important; &::before, &::after { display: none !important; } `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (PanelHeaderTitle); // }, // "../assets/js/app/components/ui/panel/panel-header.js" /!***********************************************************!\ !* ../assets/js/app/components/ui/panel/panel-header.js ! \**********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelHeader) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _panel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./panel / "../assets/js/app/components/ui/panel/panel.js"); / harmony import / var _div_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../div-base / "../assets/js/app/components/ui/div-base.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const StyledPanelHeader = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_3__["default"]))` display: grid !important; grid-template-columns: 1fr 2fr 1fr !important; grid-column-gap: 10px !important; align-items: center !important; background: #ffffff !important; padding: 6px 8px !important; flex-shrink: 0 !important; ${({ isFloating }) => isFloating && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)` cursor: move; `} `; function PanelHeader(props) { const { floating: { active, handleClassName } } = (0,_panel__WEBPACK_IMPORTED_MODULE_2__.usePanelContext)(); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledPanelHeader, { className: handleClassName, isFloating: active }, props.children); } PanelHeader.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]) }; // }, // "../assets/js/app/components/ui/panel/panel-loading.js" /!************************************************************!\ !* ../assets/js/app/components/ui/panel/panel-loading.js ! \***********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelLoading) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../icon / "../assets/js/app/components/ui/icon.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const StyledPanelLoading = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_2__["default"]))` position: absolute !important; inset: 0 !important; background: #e6e9ec !important; transition: 0.3s all !important; font-size: 30px !important; display: grid !important; place-items: center !important; color: #a4afb6 !important; ${({ show }) => !show && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)` opacity: 0 !important; pointer-events: none !important; `} `; function PanelLoading(props) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledPanelLoading, props, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], { className: "eicon-loading eicon-animation-spin" })); } PanelLoading.propTypes = { show: PropTypes.bool }; // }, // "../assets/js/app/components/ui/panel/panel-resizer.js" /!************************************************************!\ !* ../assets/js/app/components/ui/panel/panel-resizer.js ! \***********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PanelResizer) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _panel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./panel / "../assets/js/app/components/ui/panel/panel.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_2__["default"]))` flex: 1 1 auto !important; inset: 0 !important; display: inline-flex !important; flex-direction: column !important; overflow: hidden !important; &.resizing { user-select: none; } `; const Children = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_2__["default"]))` overflow-y: auto !important; flex-grow: 1 !important; flex-shrink: 1 !important; `; const handleProps = { height: 20 }; const Handle = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_2__["default"]))` flex: 0 0 ${handleProps.height}px !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; background-color: #fff !important; margin-top: 1px !important; cursor: row-resize !important; `; function PanelResizer(props) { const { size: { defaultHeight } } = (0,_panel__WEBPACK_IMPORTED_MODULE_3__.usePanelContext)(); const resizableRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); const childrenRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); const handleRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); let minHeight = 0, maxHeight, currentHeight, currentY = 0; const onMouseMove = e => { resizableRef.current.classList.add('resizing'); const delta = e.clientY - currentY; currentHeight = currentHeight + delta; if (currentHeight < minHeight) { currentHeight = minHeight; } if (currentHeight > maxHeight) { currentHeight = maxHeight; } currentY = e.clientY; setCurrentHeight(); }; const onMouseUp = () => { document.removeEventListener('mousemove', onMouseMove); resizableRef.current.classList.remove('resizing'); }; const onMouseDown = e => { currentY = e.clientY; document.addEventListener('mousemove', onMouseMove); document.addEventListener('mouseup', onMouseUp); }; const calculateMinMax = () => { currentHeight = defaultHeight; setCurrentHeight(); minHeight += handleProps.height; maxHeight = window.innerHeight; }; const setCurrentHeight = () => { resizableRef.current.style.height = `${currentHeight}px`; }; (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { calculateMinMax(); handleRef.current.addEventListener('mousedown', onMouseDown); return () => { if (handleRef.current) { handleRef.current.removeEventListener('mousedown', onMouseDown); } }; }, [props.children]); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, { ref: resizableRef }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Children, { ref: childrenRef }, props.children), /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Handle, { ref: handleRef }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", { className: "eicon-ellipsis-h" }))); } PanelResizer.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]) }; // }, // "../assets/js/app/components/ui/panel/panel.js" /!****************************************************!\ !* ../assets/js/app/components/ui/panel/panel.js ! \***************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Panel), / harmony export / usePanelContext: () => (/ binding / usePanelContext) / harmony export / }); / harmony import / var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @babel/runtime/helpers/extends / "../../../node_modules/@babel/runtime/helpers/esm/extends.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); / harmony import / var _div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../div-base / "../assets/js/app/components/ui/div-base.js"); / harmony import / var _panel_draggable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./panel-draggable / "../assets/js/app/components/ui/panel/panel-draggable.js"); / harmony import / var _panel_body__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./panel-body / "../assets/js/app/components/ui/panel/panel-body.js"); / harmony import / var _panel_footer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./panel-footer / "../assets/js/app/components/ui/panel/panel-footer.js"); / harmony import / var _panel_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./panel-header / "../assets/js/app/components/ui/panel/panel-header.js"); / harmony import / var _panel_header_side_col__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ./panel-header-side-col / "../assets/js/app/components/ui/panel/panel-header-side-col.js"); / harmony import / var _panel_header_title__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ./panel-header-title / "../assets/js/app/components/ui/panel/panel-header-title.js"); / harmony import / var _panel_loading__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/! ./panel-loading / "../assets/js/app/components/ui/panel/panel-loading.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/! ../../../utils / "../assets/js/app/utils.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const StyledPanel = (0,styled_components__WEBPACK_IMPORTED_MODULE_10__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_2__["default"]))` display: flex !important; flex-direction: column !important; background: #e6e9ec !important; overflow: hidden !important; border-radius: 3px !important; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important; ${({ defaultSize }) => defaultSize && (0,styled_components__WEBPACK_IMPORTED_MODULE_10__.css)` width: ${defaultSize.width}px !important; max-height: 100vh !important; `} ${({ isFloating }) => isFloating && (0,styled_components__WEBPACK_IMPORTED_MODULE_10__.css)` position: fixed !important; top: 0 !important; inset-inline-start: 0 !important; z-index: ${_utils__WEBPACK_IMPORTED_MODULE_11__.MAX_Z_INDEX} !important; `} // The class comes from the react-draggable component. &:not(.react-draggable-dragging) { transition: transform 0.3s ease-out !important; } :focus { outline: none; } `; const PanelContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)({}); function Panel(props) { const panelRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(); const contextValue = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => { return { floating: { active: !!props.isFloating, handleClassName: 'floating-handle' }, size: { defaultWidth: props.defaultSize.width, defaultHeight: props.defaultSize.height } }; }, [props.isFloating]); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PanelContext.Provider, { value: contextValue }, props.isFloating ? /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_panel_draggable__WEBPACK_IMPORTED_MODULE_3__["default"], { handleClass: `.${contextValue.floating.handleClassName}`, defaultPosition: props.defaultPosition, nodeRef: panelRef }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledPanel, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, { ref: panelRef, defaultSize: props.defaultSize }))) : /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledPanel, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, { defaultSize: props.defaultSize }))); } Panel.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]), defaultPosition: PropTypes.shape({ x: PropTypes.number, y: PropTypes.number }), defaultSize: PropTypes.shape({ width: PropTypes.number, height: PropTypes.number }), isFloating: PropTypes.bool }; Panel.Header = _panel_header__WEBPACK_IMPORTED_MODULE_6__["default"]; Panel.HeaderTitle = _panel_header_title__WEBPACK_IMPORTED_MODULE_8__["default"]; Panel.HeaderSideCol = _panel_header_side_col__WEBPACK_IMPORTED_MODULE_7__["default"]; Panel.Body = _panel_body__WEBPACK_IMPORTED_MODULE_4__["default"]; Panel.Loading = _panel_loading__WEBPACK_IMPORTED_MODULE_9__["default"]; Panel.Footer = _panel_footer__WEBPACK_IMPORTED_MODULE_5__["default"]; function usePanelContext() { const contextValue = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(PanelContext); if (!contextValue) { throw new Error('`usePanelContext` must be used inside Panel\'s components.'); } return contextValue; } /*/ }, // "../assets/js/app/components/ui/popover/popover-arrow.js" /!**************************************************************!\ !* ../assets/js/app/components/ui/popover/popover-arrow.js ! \*************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-popover / "../../../node_modules/@radix-ui/react-popover/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const PopoverArrow = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_0__.Arrow))` fill: #fff; margin: 0 10px; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (PopoverArrow); // }, // "../assets/js/app/components/ui/popover/popover-close-button.js" /!*********************************************************************!\ !* ../assets/js/app/components/ui/popover/popover-close-button.js ! \********************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / PopoverCloseButton) / harmony export / }); / harmony import / var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @babel/runtime/helpers/extends / "../../../node_modules/@babel/runtime/helpers/esm/extends.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); / harmony import / var _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! @radix-ui/react-popover / "../../../node_modules/@radix-ui/react-popover/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _icon_button_icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../icon-button/icon-button / "../assets/js/app/components/ui/icon-button/icon-button.js"); const StyledCloseButton = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_4__["default"]))` --position-spacing: 4px; position: absolute; top: var(--position-spacing); inset-inline-end: var(--position-spacing); `; function PopoverCloseButton(props) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__.Close, { asChild: true }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledCloseButton, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, { name: "eicon-editor-close", size: "sm" }))); } PopoverCloseButton.propTypes = { ..._radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__.Close.propTypes }; // }, // "../assets/js/app/components/ui/popover/popover-content.js" /!****************************************************************!\ !* ../assets/js/app/components/ui/popover/popover-content.js ! \***************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-popover / "../../../node_modules/@radix-ui/react-popover/dist/index.module.js"); / harmony import / var _styles_animation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../../../styles/animation / "../assets/js/app/styles/animation.js"); const PopoverContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_1__.Content))` all: revert; font-family: Roboto, sans-serif !important; font-size: 1em !important; font-weight: normal !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; background: #fff !important; border-radius: 3px !important; min-width: 120px !important; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important; animation-duration: 400ms !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; &[data-state="open"] { &[data-side="top"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideUpAndFade}; } &[data-side="right"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideRightAndFade}; } &[data-side="bottom"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideDownAndFade}; } &[data-side="left"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideLeftAndFade}; } :focus { outline: none; } } `; /* harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (PopoverContent); // }, // "../assets/js/app/components/ui/popover/popover.js" /!********************************************************!\ !* ../assets/js/app/components/ui/popover/popover.js ! \*******************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _popover_arrow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./popover-arrow / "../assets/js/app/components/ui/popover/popover-arrow.js"); / harmony import / var _popover_close_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./popover-close-button / "../assets/js/app/components/ui/popover/popover-close-button.js"); / harmony import / var _popover_content__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./popover-content / "../assets/js/app/components/ui/popover/popover-content.js"); / harmony import / var _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! @radix-ui/react-popover / "../../../node_modules/@radix-ui/react-popover/dist/index.module.js"); const Popover = _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_3__.Root; Popover.Trigger = _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_3__.Trigger; Popover.Content = _popover_content__WEBPACK_IMPORTED_MODULE_2__["default"]; Popover.Arrow = _popover_arrow__WEBPACK_IMPORTED_MODULE_0__["default"]; Popover.CloseButton = _popover_close_button__WEBPACK_IMPORTED_MODULE_1__["default"]; Popover.propTypes = _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_3__.Root.propTypes; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Popover); // }, // "../assets/js/app/components/ui/radio/radio.js" /!****************************************************!\ !* ../assets/js/app/components/ui/radio/radio.js ! \***************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Radio) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-radio-group / "../../../node_modules/@radix-ui/react-radio-group/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _button_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../button-base / "../assets/js/app/components/ui/button-base.js"); const StyledItem = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_button_base__WEBPACK_IMPORTED_MODULE_3__["default"])).attrs(() => ({ as: _radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_1__.Item }))` --border-color: #a4afb6; --background: #fff; --border: 1px solid var( --border-color ); --border-radius: 100%; --width: 12px; --height: 12px; --display: inline-flex; align-items: center; justify-content: center; position: relative; margin: 0; outline: none; transition: 0.2s all; overflow: hidden; &[data-state="checked"] { --border-color: #39b54a; } &:hover, &:focus { outline: none; --background: #eee; & > { --background: rgba(57, 181, 74, 0.8); } } `; const StyledIndicator = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_1__.Indicator))` all: revert; position: absolute !important; top: 0 !important; right: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #39b54a !important; color: #fff !important; outline: none !important; font-size: 8px !important; margin: 2px !important; border-radius: 100% !important; width: 6px !important; height: 6px !important; `; function Radio(props) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledItem, props, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledIndicator, null)); } Radio.propTypes = { ..._radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_1__.Item.propTypes }; Radio.Group = _radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_1__.RadioGroup; /*/ }, // "../assets/js/app/components/ui/separator/separator.js" /!************************************************************!\ !* ../assets/js/app/components/ui/separator/separator.js ! \***********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Separator) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _radix_ui_react_separator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-separator / "../../../node_modules/@radix-ui/react-separator/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const StyledSeparator = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_radix_ui_react_separator__WEBPACK_IMPORTED_MODULE_1__.Root))` background: #f1f3f5; &[data-orientation=horizontal] { height: 1px; width: 100%; margin: 10px 0; } &[data-orientation=vertical] { height: 100%; width: 1px; margin: 0 10px; } `; function Separator() { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSeparator, null); } Separator.propTypes = { ..._radix_ui_react_separator__WEBPACK_IMPORTED_MODULE_1__.Root.propTypes }; // }, // "../assets/js/app/components/ui/textarea.js" /!*************************************************!\ !* ../assets/js/app/components/ui/textarea.js ! \************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @babel/runtime/helpers/extends / "../../../node_modules/@babel/runtime/helpers/esm/extends.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _div_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./div-base / "../assets/js/app/components/ui/div-base.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_div_base__WEBPACK_IMPORTED_MODULE_3__["default"]))` --font: 300 12px Roboto, sans-serif; --line-height: 1.5; --padding-block: 8px; font-size: 12px !important; border-radius: 4px !important; border: 1px solid #c2cbd2 !important; transition: .3s border-color, .3s opacity !important; padding: var(--padding-block) 12px !important; overflow: auto !important; width: 100% !important; box-sizing: border-box !important; ${({ maxRows }) => maxRows && (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)` --max-rows: ${maxRows}; max-height: calc((1em var(--line-height) * var(--max-rows)) + (var(--padding-block) * 2)) !important; `}; textarea { all: revert; border: none !important; font: var( --font ) !important; line-height: var(--line-height) !important; padding: 0 !important; margin: 0 !important; color: #6d7882 !important; display: block !important; height: 100% !important; &::placeholder { color: #c2cbd2 !important; } } &:focus-within { border-color: #a4afb6 !important; // Accessibility-friendly, since the Container itself has a border on focus. textarea:focus { outline: none !important; border: none !important; } } ${({ disabled }) => disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)` opacity: .5 !important; pointer-events: none !important; `} ${({ autoSize }) => autoSize && (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)` display: inline-grid !important; vertical-align: top !important; align-items: center !important; textarea { grid-area: 2 / 1 !important; resize: none !important; background: none !important; appearance: none !important; box-shadow: none !important; overflow: hidden !important; &::placeholder { all: revert; } } &::after { content: attr(data-value) ' ' !important; display: block !important; font: var( --font ) !important; white-space: pre-wrap !important; grid-area: 2 / 1 !important; visibility: hidden !important; line-height: var(--line-height) !important; }`}`; const Textarea = react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(({ maxRows, autoSize, ...props }, ref) => { const containerRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Container, { maxRows: maxRows, "data-value": props.value \|\| props.defaultValue, autoSize: autoSize, ref: containerRef, disabled: props.disabled }, /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("textarea", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, { ref: ref, onInput: e => { if (props.onInput) { props.onInput(e); } containerRef.current.dataset.value = e.target.value; } }))); }); Textarea.displayName = 'Textarea'; Textarea.propTypes = { disabled: PropTypes.bool, autoSize: PropTypes.bool, maxRows: PropTypes.number, onInput: PropTypes.func, value: PropTypes.string, defaultValue: PropTypes.string }; /* harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Textarea); // }, // "../assets/js/app/components/ui/toast/toast-action.js" /!***********************************************************!\ !* ../assets/js/app/components/ui/toast/toast-action.js ! \**********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-toast / "../../../node_modules/@radix-ui/react-toast/dist/index.module.js"); / harmony import / var _button_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../button-base / "../assets/js/app/components/ui/button-base.js"); const ToastAction = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_button_base__WEBPACK_IMPORTED_MODULE_2__["default"])).attrs(() => ({ as: _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_1__.ToastAction }))` --font-weight: 600 !important; --font-size: inherit !important; --font-family: inherit !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (ToastAction); // }, // "../assets/js/app/components/ui/toast/toast-close.js" /!**********************************************************!\ !* ../assets/js/app/components/ui/toast/toast-close.js ! \*********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-toast / "../../../node_modules/@radix-ui/react-toast/dist/index.module.js"); / harmony import / var _button_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../button-base / "../assets/js/app/components/ui/button-base.js"); const ToastClose = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_button_base__WEBPACK_IMPORTED_MODULE_2__["default"])).attrs(() => ({ as: _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_1__.ToastClose }))` --height: 1em !important; --width: 1em !important; --display: block !important; margin-inline-start: auto !important; position: relative !important; &::before, &::after { content: '' !important; display: block !important; position: absolute !important; left: 50% !important; top: 50% !important; margin-left: -1px !important; margin-top: -.5em !important; height: 1em !important; width: 2px; border-radius: 9999px !important; background-color: #69727d !important; transform-origin: center center !important; transition: .3s all; } &::before { transform: rotate( 45deg ) !important; } &::after { transform: rotate( -45deg ) !important; } &:hover::before, &:hover::after { background-color: #232629 !important } `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (ToastClose); // }, // "../assets/js/app/components/ui/toast/toast-description.js" /!****************************************************************!\ !* ../assets/js/app/components/ui/toast/toast-description.js ! \***************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-toast / "../../../node_modules/@radix-ui/react-toast/dist/index.module.js"); const ToastDescription = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_1__.ToastDescription))` font-weight: normal !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (ToastDescription); // }, // "../assets/js/app/components/ui/toast/toast-icon.js" /!*********************************************************!\ !* ../assets/js/app/components/ui/toast/toast-icon.js ! \********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../icon / "../assets/js/app/components/ui/icon.js"); const ToastIcon = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_icon__WEBPACK_IMPORTED_MODULE_1__["default"]))` color: var( --color ) !important; // Inherited from the <Toast /> component. `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (ToastIcon); // }, // "../assets/js/app/components/ui/toast/toast-title.js" /!**********************************************************!\ !* ../assets/js/app/components/ui/toast/toast-title.js ! \*********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-toast / "../../../node_modules/@radix-ui/react-toast/dist/index.module.js"); const ToastTitle = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_1__.ToastTitle))` font-weight: bold !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (ToastTitle); // }, // "../assets/js/app/components/ui/toast/toast-viewport.js" /!*************************************************************!\ !* ../assets/js/app/components/ui/toast/toast-viewport.js ! \************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-toast / "../../../node_modules/@radix-ui/react-toast/dist/index.module.js"); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../../../utils / "../assets/js/app/utils.js"); const ToastViewport = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_1__.ToastViewport))` display: flex !important; flex-direction: column !important; gap: 12px !important; position: fixed !important; max-width: 960px !important; width: 100% !important; left: 50% !important; bottom: 10px !important; padding-inline: 0 10px !important; transform: translateX( -50% ) !important; z-index: ${_utils__WEBPACK_IMPORTED_MODULE_2__.MAX_Z_INDEX} !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (ToastViewport); // }, // "../assets/js/app/components/ui/toast/toast.js" /!****************************************************!\ !* ../assets/js/app/components/ui/toast/toast.js ! \***************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-toast / "../../../node_modules/@radix-ui/react-toast/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _toast_action__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./toast-action / "../assets/js/app/components/ui/toast/toast-action.js"); / harmony import / var _toast_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./toast-icon / "../assets/js/app/components/ui/toast/toast-icon.js"); / harmony import / var _styles_animation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ../../../styles/animation / "../assets/js/app/styles/animation.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const colorsMap = { default: { background: '#f1f2f3', icon: '#69727d', action: '#69727d' }, success: { background: '#e9fbee', icon: '#1d6d38', action: '#1d6d38' }, warning: { background: '#fff5e6', icon: '#976402', action: '#976402' }, info: { background: '#e6f6ff', icon: '#006bb8', action: '#006bb8' }, danger: { background: '#fde8ec', icon: '#b92136', action: '#b92136' } }; const Toast = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_0__.Toast))` display: flex !important; gap: 8px !important; align-items: center !important; width: 100% !important; box-sizing: border-box !important; padding: 12px 16px !important; font-size: 14px !important; line-height: normal !important; color: #3a3f45 !important; text-align: start !important; border-radius: 6px !important; box-shadow: 0 0 15px 0 rgba( 0,0,0,.2 ) !important; animation-duration: 400ms !important; animation-timing-function: cubic-bezier( 0.16, 1, 0.3, 1 ) !important; background-color: ${({ variant }) => colorsMap[variant].background} !important; &[data-state="open"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_4__.slideUpAndFade} !important; } &[data-state="closed"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_4__.fadeOut} !important; } ${_toast_icon__WEBPACK_IMPORTED_MODULE_3__["default"]} { --color: ${({ variant }) => colorsMap[variant].icon} !important; } ${_toast_action__WEBPACK_IMPORTED_MODULE_2__["default"]} { --color: ${({ variant }) => colorsMap[variant].icon} !important; } `; Toast.propTypes = { variant: PropTypes.oneOf(['default', 'success', 'warning', 'info', 'danger']).isRequired }; Toast.defaultProps = { variant: 'default' }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Toast); // }, // "../assets/js/app/components/ui/tooltip/tooltip-arrow.js" /!**************************************************************!\ !* ../assets/js/app/components/ui/tooltip/tooltip-arrow.js ! \*************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-tooltip / "../../../node_modules/@radix-ui/react-tooltip/dist/index.module.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const TooltipArrow = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_0__.Arrow))` fill: #26292c; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (TooltipArrow); // }, // "../assets/js/app/components/ui/tooltip/tooltip-content.js" /!****************************************************************!\ !* ../assets/js/app/components/ui/tooltip/tooltip-content.js ! \***************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / harmony import / var _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! @radix-ui/react-tooltip / "../../../node_modules/@radix-ui/react-tooltip/dist/index.module.js"); / harmony import / var _styles_animation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../../../styles/animation / "../assets/js/app/styles/animation.js"); const TooltipContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_1__.Content))` all: revert; font-family: Roboto, sans-serif !important; font-size: 12px !important; font-weight: normal !important; text-transform: none !important; font-style: normal !important; text-decoration: none !important; line-height: normal !important; letter-spacing: normal !important; word-spacing: normal !important; background: #26292c !important; color: #fff !important; border-radius: 3px !important; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important; padding: 5px 12px !important; animation-duration: 400ms !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform, opacity !important; max-width: 150px !important; &[data-state="delayed-open"] { &[data-side="top"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideUpAndFade} } &[data-side="right"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideRightAndFade} } &[data-side="bottom"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideDownAndFade} } &[data-side="left"] { animation-name: ${_styles_animation__WEBPACK_IMPORTED_MODULE_2__.slideLeftAndFade} } } `; TooltipContent.propTypes = _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_1__.Content.propTypes; TooltipContent.defaultProps = { side: 'top' }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (TooltipContent); // }, // "../assets/js/app/components/ui/tooltip/tooltip.js" /!********************************************************!\ !* ../assets/js/app/components/ui/tooltip/tooltip.js ! \*******************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @radix-ui/react-tooltip / "../../../node_modules/@radix-ui/react-tooltip/dist/index.module.js"); / harmony import / var _tooltip_arrow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./tooltip-arrow / "../assets/js/app/components/ui/tooltip/tooltip-arrow.js"); / harmony import / var _tooltip_content__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./tooltip-content / "../assets/js/app/components/ui/tooltip/tooltip-content.js"); const Tooltip = _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_0__.Root; Tooltip.Trigger = _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_0__.Trigger; Tooltip.Arrow = _tooltip_arrow__WEBPACK_IMPORTED_MODULE_1__["default"]; Tooltip.Content = _tooltip_content__WEBPACK_IMPORTED_MODULE_2__["default"]; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Tooltip); // }, // "../assets/js/app/components/ui/typeahead/typeahead-list-footer.js" /!************************************************************************!\ !* ../assets/js/app/components/ui/typeahead/typeahead-list-footer.js ! \***********************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var _typeahead_list_item__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./typeahead-list-item / "../assets/js/app/components/ui/typeahead/typeahead-list-item.js"); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const TypeaheadListFooter = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_typeahead_list_item__WEBPACK_IMPORTED_MODULE_0__["default"])).attrs(() => ({ role: 'contentinfo' }))` font-family: Roboto, sans-serif !important; background: #f1f3f5 !important; text-align: center !important; font-size: 12px !important; line-height: 1.5 !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (TypeaheadListFooter); // }, // "../assets/js/app/components/ui/typeahead/typeahead-list-item.js" /!**********************************************************************!\ !* ../assets/js/app/components/ui/typeahead/typeahead-list-item.js ! \*********************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / TypeaheadListItem) / harmony export / }); / harmony import / var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @babel/runtime/helpers/extends / "../../../node_modules/@babel/runtime/helpers/esm/extends.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const StyledItem = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].li` all: revert; font-family: Roboto, sans-serif !important; font-size: 12px !important; color: #6d7882 !important; background: #ffffff !important; padding: 8px !important; cursor: pointer !important; &:first-child { border-top-right-radius: inherit; border-top-left-radius: inherit; } &:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } &[role="option"]:hover, &[aria-selected="true"] { background: #58d0f5 !important; &, & { color: #ffffff !important; } } &[aria-disabled="true"] { cursor: not-allowed !important; opacity: .5 !important; } `; function TypeaheadListItem({ children, value, disabled, ...rest }) { return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledItem, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ role: disabled ? 'listitem' : 'option', "data-value": value }, disabled ? { 'aria-disabled': true } : {}, rest), children); } TypeaheadListItem.propTypes = { value: PropTypes.string.isRequired, disabled: PropTypes.bool, children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired }; TypeaheadListItem.defaultProps = { value: '' }; /*/ }, // "../assets/js/app/components/ui/typeahead/typeahead-list.js" /!*****************************************************************!\ !* ../assets/js/app/components/ui/typeahead/typeahead-list.js ! \****************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const TypeaheadList = styled_components__WEBPACK_IMPORTED_MODULE_0__["default"].ul` all: revert; padding: 0 !important; margin: 0 !important; list-style: none !important; width: 272px !important; z-index: 1 !important; // Just needs any 'z-index' value in order to appear above other things. background: #ffffff !important; border-radius: 3px !important; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important; `; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (TypeaheadList); // }, // "../assets/js/app/components/ui/typeahead/typeahead.js" /!************************************************************!\ !* ../assets/js/app/components/ui/typeahead/typeahead.js ! \***********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _hooks_use_debounced_callback__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../../../hooks/use-debounced-callback / "../assets/js/app/hooks/use-debounced-callback.js"); / harmony import / var _typeahead_list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./typeahead-list / "../assets/js/app/components/ui/typeahead/typeahead-list.js"); / harmony import / var _typeahead_list_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./typeahead-list-item / "../assets/js/app/components/ui/typeahead/typeahead-list-item.js"); / harmony import / var _typeahead_list_footer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./typeahead-list-footer / "../assets/js/app/components/ui/typeahead/typeahead-list-footer.js"); / harmony import / var _github_text_expander_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! @github/text-expander-element / "../../../node_modules/@github/text-expander-element/dist/index.js"); / provided dependency / var PropTypes = __webpack_require__(/! prop-types / "../../../node_modules/prop-types/index.js"); const Typeahead = props => { const ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null), fragment = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); /* * Debounced fragment renderer. * * @param {Function} resolve - Promise resolve function. * @param {string} text - Text to pass to the rendered fragment as a filter prop. * * @return {void} / const debouncedResultsRender = (0,_hooks_use_debounced_callback__WEBPACK_IMPORTED_MODULE_1__["default"])(({ resolve, text }) => { if (!fragment.current) { fragment.current = document.createElement('div'); } const result = props.fragment({ search: text }); ReactDOM.render(result, fragment.current); // eslint-disable-line react/no-deprecated resolve({ matched: true, fragment: fragment.current }); }, props.debounce); /* * Handle mention change. * * @param {CustomEvent} e * * @return {void} / const onChange = e => { const { provide, text } = e.detail; provide(new Promise(resolve => debouncedResultsRender({ resolve, text }))); }; /* * Handle mention select. * * @param {CustomEvent} e * * @return {void} / const onValue = e => { const { item } = e.detail; e.detail.value = `${props.handle}${item.dataset.value}`; props.onSelect(item, e); }; // Init & cleanup events. (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { ref.current.addEventListener('text-expander-change', onChange); ref.current.addEventListener('text-expander-value', onValue); return () => { if (ref.current) { ref.current.removeEventListener('text-expander-change', onChange); ref.current.removeEventListener('text-expander-value', onValue); } }; }, []); return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("text-expander", { keys: props.handle, ref: ref, multiword: props.multiword ? props.handle : null }, props.children); }; Typeahead.List = _typeahead_list__WEBPACK_IMPORTED_MODULE_2__["default"]; Typeahead.ListItem = _typeahead_list_item__WEBPACK_IMPORTED_MODULE_3__["default"]; Typeahead.ListFooter = _typeahead_list_footer__WEBPACK_IMPORTED_MODULE_4__["default"]; Typeahead.propTypes = { fragment: PropTypes.func.isRequired, debounce: PropTypes.number.isRequired, handle: PropTypes.string.isRequired, multiword: PropTypes.bool.isRequired, children: PropTypes.node.isRequired, onSelect: PropTypes.func.isRequired }; Typeahead.defaultProps = { debounce: 0, handle: '@', multiword: false, onSelect: () => {} }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (Typeahead); // }, // "../assets/js/app/context/elements.js" /!*******************************************!\ !* ../assets/js/app/context/elements.js ! \******************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / ElementsProvider: () => (/ binding / ElementsProvider), / harmony export / useElements: () => (/ binding / useElements) / harmony export / }); / harmony import / var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! @babel/runtime/helpers/extends / "../../../node_modules/@babel/runtime/helpers/esm/extends.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); const ElementsContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null); /* * * @return {{elements: Map<string, HTMLElement>, getDocumentIdByElement: Function}} context / const useElements = () => { return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(ElementsContext); }; const ElementsProvider = props => { const [elements, setElements] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(() => new Map()); (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { const map = new Map(), noteCapableElements = document.querySelectorAll('.elementor-element[data-id]'); noteCapableElements.forEach(element => { const { id } = element.dataset; if (!map.has(id)) { map.set(id, element); } }); setElements(map); }, []); /* * Get the document ID for an element. * Used mainly for handling Header / Footer notes when create a note in a page and not directly on them. * * @param {string} elementId - Elementor element ID. * @param {string\|number} defaultId - Default ID to return. * * @return {string\|number} / const getDocumentIdByElement = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((elementId, defaultId = window.top.$e.components.get('notes').config.route.post_id) => { if (!elements.has(elementId)) { return defaultId; } const document = elements.get(elementId).closest('[data-elementor-id]'); if (!document) { return defaultId; } return document.dataset.elementorId; }, [elements]); const value = { elements, getDocumentIdByElement }; return /#__PURE__/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ElementsContext.Provider, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ value: value }, props)); }; // }, // "../assets/js/app/hooks/use-active-thread.js" /!**************************************************!\ !* ../assets/js/app/hooks/use-active-thread.js ! \*************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / NEW_THREAD: () => (/ binding / NEW_THREAD), / harmony export / THREAD: () => (/ binding / THREAD), / harmony export / "default": () => (/ binding / useActiveThread) / harmony export / }); / harmony import / var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react-redux / "../../../node_modules/react-redux/es/index.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); const THREAD = 'thread'; const NEW_THREAD = 'new-thread'; function useActiveThread() { const activeThread = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useSelector)(state => state.notes.active); /* * Set the current active thread. * * @return void / const setActive = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(({ type, data }) => { const allowedTypes = [THREAD, NEW_THREAD]; if (!allowedTypes.includes(type)) { throw new Error('`setActive()` type must be one of: ' + allowedTypes.join(', ')); } return window.top.$e.run('notes/set-active', { type, data }); }, []); /* * Clear the current active thread state. * * @param {number\|null} id - Always clear if `id = null`, or clear only if `id` is provided and is the active thread. * * @return void / const clearActive = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((id = null) => { return window.top.$e.run('notes/clear-active', { id }); }, []); /* * Determine of a thread is currently active. * * @return {boolean} / const isThreadActive = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(noteId => { return THREAD === activeThread?.type && activeThread?.data.noteId === noteId; }, [activeThread]); return { activeThread, setActive, clearActive, isThreadActive }; } // }, // "../assets/js/app/hooks/use-auto-focus.js" /!***********************************************!\ !* ../assets/js/app/hooks/use-auto-focus.js ! \**********************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useAutoFocus) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* * When using the native autofocus and the input is filled with value the cursor * will be positioned at the start of the input value, this hook make sure the cursor will be at the end. * * @param {string\|undefined} value the value of the input * @return {React.MutableRefObject<undefined>} reference / function useAutoFocus(value) { const ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { if (ref.current) { const lastCharPosition = value ? value.length : 0; ref.current.focus(); ref.current.setSelectionRange(lastCharPosition, lastCharPosition); } }, []); return ref; } // }, // "../assets/js/app/hooks/use-debounced-callback.js" /!*******************************************************!\ !* ../assets/js/app/hooks/use-debounced-callback.js ! \******************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useDebouncedCallback) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); function useDebouncedCallback(callback, wait) { const timeout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((...args) => { const later = () => { clearTimeout(timeout.current); callback(...args); }; clearTimeout(timeout.current); timeout.current = setTimeout(later, wait); }, [callback, wait]); } // }, // "../assets/js/app/hooks/use-forms-in-writing-mode.js" /!**********************************************************!\ !* ../assets/js/app/hooks/use-forms-in-writing-mode.js ! \*********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useFormsInWritingMode) / harmony export / }); / harmony import / var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react-redux / "../../../node_modules/react-redux/es/index.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* * A util that manage all the forms that the user start to write some content on them. * * @return {Object} results / function useFormsInWritingMode() { const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useDispatch)(), { actions } = window.top.$e.store.get('notes'), formsInWritingMode = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useSelector)(state => state.notes.formsInWritingMode); const isInWritingMode = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(id => formsInWritingMode.includes(id), [formsInWritingMode]); const addToWritingMode = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(id => dispatch(actions.addFormToWritingMode(id)), [dispatch]); const removeFromWritingMode = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(id => dispatch(actions.removeFormFromWritingMode(id)), [dispatch]); return { formsInWritingMode, isInWritingMode, addToWritingMode, removeFromWritingMode }; } // }, // "../assets/js/app/hooks/use-new-thread-events.js" /!******************************************************!\ !* ../assets/js/app/hooks/use-new-thread-events.js ! \*****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / DISABLE_NEW_THREAD: () => (/ binding / DISABLE_NEW_THREAD), / harmony export / "default": () => (/ binding / useNewThreadEvents) / harmony export / }); / harmony import / var _use_user_can__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./use-user-can / "../assets/js/app/hooks/use-user-can.js"); / harmony import / var _use_active_thread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./use-active-thread / "../assets/js/app/hooks/use-active-thread.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_2___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__); / harmony import / var _context_elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../context/elements / "../assets/js/app/context/elements.js"); // ClassName used to disable new thread events on click. const DISABLE_NEW_THREAD = 'e-notes--disable-new-thread'; // ClassName used to display the mark and the hover on an element. const NOTABLE_CLASSNAME = 'e-route-notes--notable'; /* * Bind click events to notable elements. * * @return {void} / function useNewThreadEvents() { const canCreateThread = useCanCreateThread(), { elements } = (0,_context_elements__WEBPACK_IMPORTED_MODULE_3__.useElements)(), { setActive } = (0,_use_active_thread__WEBPACK_IMPORTED_MODULE_1__["default"])(); // Don't open new thread popover when clicking on an elements that disables it. // (e.g. marker that opens a note). const isNewThreadDisabled = e => { const isDisabledByKeyboard = e.ctrlKey \|\| e.metaKey \|\| e.altKey, isDisabledByClass = e.target.closest(`.${DISABLE_NEW_THREAD}`); return isDisabledByKeyboard \|\| isDisabledByClass; }; // Disable default links behavior. (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => { const onClick = e => { if (isNewThreadDisabled(e)) { return; } e.preventDefault(); e.stopPropagation(); }; elements.forEach(element => { element.addEventListener('click', onClick); }); return () => { elements.forEach(element => { element.removeEventListener('click', onClick); }); }; }, [elements]); // Change the active element on Elementor element click, to open a new-thread popover. (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => { const onPointerDown = e => { const isPrimaryMouseButton = 1 === e.buttons; if (!isPrimaryMouseButton \|\| isNewThreadDisabled(e)) { return; } e.preventDefault(); e.stopPropagation(); setActive({ type: _use_active_thread__WEBPACK_IMPORTED_MODULE_1__.NEW_THREAD, data: { elementId: e.currentTarget.dataset.id, position: getClickPositionRelativeToTarget(e) } }); }; // Bind events. if (elements.size && canCreateThread) { elements.forEach(element => { // Using `pointerdown` instead of `click` because when interacting out of the popover, // a `click` event is being propagated to the underlying elements when the user releases // the mouse pointer, which triggers the click handler. This behavior causes a bug where // a new thread form is being opened instead of just closing the popover. element.addEventListener('pointerdown', onPointerDown); }); document.body.classList.add(NOTABLE_CLASSNAME); } // Cleanup. return () => { elements.forEach(element => { element.removeEventListener('pointerdown', onPointerDown); }); document.body.classList.remove(NOTABLE_CLASSNAME); }; }, [elements, canCreateThread]); } /* * Check if the user has permissions to create thread and there is no active thread. * * @return {boolean} does user have permissions to create a thread / function useCanCreateThread() { const hasPermission = (0,_use_user_can__WEBPACK_IMPORTED_MODULE_0__["default"])(_use_user_can__WEBPACK_IMPORTED_MODULE_0__.CAPABILITY_CREATE), { activeThread } = (0,_use_active_thread__WEBPACK_IMPORTED_MODULE_1__["default"])(); return (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(() => hasPermission && !activeThread, [hasPermission, activeThread]); } /* * Get the mouse click position as percentages, relative to the `currentTarget`. * * @param {MouseEvent} e * * @return {{x: number, y: number}} location / function getClickPositionRelativeToTarget(e) { const rect = e.currentTarget.getBoundingClientRect(); return { x: (e.clientX - rect.left) / rect.width 100, y: (e.clientY - rect.top) / rect.height * 100 }; } /*/ }, // "../assets/js/app/hooks/use-note.js" /!*****************************************!\ !* ../assets/js/app/hooks/use-note.js ! \****************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useNote) / harmony export / }); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / harmony import / var react_query__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react-query / "../../../node_modules/react-query/es/index.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_2___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__); // Hook to fetch note data by ID. function useNote(noteId) { const queryClient = (0,react_query__WEBPACK_IMPORTED_MODULE_1__.useQueryClient)(), onSuccess = useOnSuccess(queryClient), placeholderData = usePlaceholderDataCallback(queryClient, noteId); return (0,react_query__WEBPACK_IMPORTED_MODULE_1__.useQuery)(['note', noteId], async ({ queryKey: [, id], signal }) => { const { data } = await window.top.$e.data.get('notes/index', { id }, { refresh: true, signal }); return _models_note__WEBPACK_IMPORTED_MODULE_0__["default"].createFromResponse(data.data); }, { onSuccess, placeholderData // Use Note placeholder data from the "main" query. }); } // Get placeholder data for note. function usePlaceholderDataCallback(queryClient, noteId) { return (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(() => { return queryClient.getQueryData('notes', { active: true, exact: false })?.find(note => note.id === noteId); }, [queryClient, noteId]); } // Hook to replace the Thread data in the "main" query, each time a Thread is fetched. function useOnSuccess(queryClient) { return (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(fetchedNote => { if (fetchedNote.isReply()) { return; } queryClient.setQueriesData({ queryKey: ['notes'], exact: false, active: true }, notes => { if (!notes) { return notes; } // Replace the corresponding Thread (it must be new array to trigger re-render in react components). return notes.map(note => note.id === fetchedNote.id ? fetchedNote : note); }); }, [queryClient]); } // }, // "../assets/js/app/hooks/use-notes-config.js" /!*************************************************!\ !* ../assets/js/app/hooks/use-notes-config.js ! \************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useNotesConfig) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* * Returns notes configuration * * @return {Object} config / function useNotesConfig() { return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => window.top.$e.components.get('notes').config, []); } // }, // "../assets/js/app/hooks/use-notes-filters.js" /!**************************************************!\ !* ../assets/js/app/hooks/use-notes-filters.js ! \*************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useNotesFilters) / harmony export / }); / harmony import / var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react-redux / "../../../node_modules/react-redux/es/index.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* * Use & set Notes filters from the global state. / function useNotesFilters() { const filters = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useSelector)(state => state.notes.filters), setFilters = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((newFilters, overwrite = false) => { return window.top.$e.run('notes/filter', { filters: newFilters, overwrite }); }, []); return [filters, setFilters]; } // }, // "../assets/js/app/hooks/use-notes-mutations.js" /!****************************************************!\ !* ../assets/js/app/hooks/use-notes-mutations.js ! \***************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / useCreateMutation: () => (/ binding / useCreateMutation), / harmony export / useDeleteMutation: () => (/ binding / useDeleteMutation), / harmony export / useReadMutation: () => (/ binding / useReadMutation), / harmony export / useResolveMutation: () => (/ binding / useResolveMutation), / harmony export / useUpdateMutation: () => (/ binding / useUpdateMutation) / harmony export / }); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / harmony import / var _use_notes_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../utils / "../assets/js/app/utils.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_3___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__); / harmony import / var react_query__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! react-query / "../../../node_modules/react-query/es/index.js"); / harmony import / var _context_elements__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ../context/elements / "../assets/js/app/context/elements.js"); / harmony import / var _use_active_thread__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./use-active-thread / "../assets/js/app/hooks/use-active-thread.js"); function useCreateMutation() { const invalidateSingle = useInvalidateSingle(), invalidateList = useInvalidateList(), invalidateSummary = useInvalidateSummary(), { getDocumentIdByElement } = (0,_context_elements__WEBPACK_IMPORTED_MODULE_5__.useElements)(), config = (0,_use_notes_config__WEBPACK_IMPORTED_MODULE_1__["default"])(); return (0,react_query__WEBPACK_IMPORTED_MODULE_4__.useMutation)(async ({ postId, elementId, content, position = { x: 0, y: 0 }, routeUrl = config.route.url, routeTitle = config.route.title, routePostId = config.route.post_id, status = 'publish', parentId, isPublic = null }) => { if (!postId) { postId = getDocumentIdByElement(elementId); } const { data } = await window.top.$e.data.create('notes/index', { post_id: postId, element_id: elementId, content, position, route_post_id: routePostId, route_url: routeUrl, route_title: routeTitle, status, parent_id: parentId, mentioned_usernames: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.extractMentions)(content), ...(null !== isPublic ? { is_public: isPublic } : {}) }); return _models_note__WEBPACK_IMPORTED_MODULE_0__["default"].createFromResponse(data.data); }, { onSuccess: note => Promise.all(note.isThread() ? [invalidateSummary({ exact: false }), invalidateList({ exact: false })] : [invalidateSingle({ id: note.parentId })]) }); } function useUpdateMutation() { const invalidateSingle = useInvalidateSingle(); return (0,react_query__WEBPACK_IMPORTED_MODULE_4__.useMutation)(async ({ id, values: { content } }) => { const { data } = await window.top.$e.data.update('notes/index', { content, mentioned_usernames: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.extractMentions)(content) }, { id }); return _models_note__WEBPACK_IMPORTED_MODULE_0__["default"].createFromResponse(data.data); }, { onSuccess: note => invalidateSingle({ id: note.isThread() ? note.id : note.parentId }) }); } function useDeleteMutation() { const invalidateList = useInvalidateList(), invalidateSingle = useInvalidateSingle(), invalidateSummary = useInvalidateSummary(), { clearActive } = (0,_use_active_thread__WEBPACK_IMPORTED_MODULE_6__["default"])(); return (0,react_query__WEBPACK_IMPORTED_MODULE_4__.useMutation)(async ({ id, parentId, force = false }) => { await window.top.$e.data.delete('notes/index', (0,_utils__WEBPACK_IMPORTED_MODULE_2__.normalizeQueryParams)({ id, force })); return { id, parentId }; }, { onSuccess: ({ id, parentId }) => { clearActive(id); const isThread = !parentId; return Promise.all(isThread ? [invalidateSummary({ exact: false }), invalidateList({ exact: false })] : [invalidateSingle({ id: parentId })]); } }); } function useResolveMutation() { const invalidateList = useInvalidateList(), invalidateSingle = useInvalidateSingle(), invalidateSummary = useInvalidateSummary(); return (0,react_query__WEBPACK_IMPORTED_MODULE_4__.useMutation)(async ({ id, isResolved }) => { const { data } = await window.top.$e.data.update('notes/index', { is_resolved: isResolved }, { id }); return _models_note__WEBPACK_IMPORTED_MODULE_0__["default"].createFromResponse(data.data); }, { onSuccess: note => { // Invalidate only the queries that do filter by is_resolved. const listPredicate = ({ queryKey }) => Object.prototype.hasOwnProperty.call(queryKey[1] \|\| {}, 'is_resolved'); return Promise.all([invalidateSingle({ id: note.id }), invalidateList({ predicate: listPredicate }), invalidateSummary({ predicate: listPredicate })]); } }); } function useReadMutation() { const invalidateList = useInvalidateList(), invalidateSingle = useInvalidateSingle(), invalidateSummary = useInvalidateSummary(); return (0,react_query__WEBPACK_IMPORTED_MODULE_4__.useMutation)(async ({ ids, isRead }) => { ids = ids.filter(id => !!id && id > 0); await window.top.$e.data[isRead ? 'create' : 'delete']('notes/read-status', { ids }); return ids; }, { onSuccess: ids => { // Invalidate "single queries" that their ID was mutated. const singlePredicate = ({ queryKey }) => ids.includes(queryKey[1]); // Invalidate only the queries that filter by only_unread. const listPredicate = ({ queryKey }) => Object.prototype.hasOwnProperty.call(queryKey[1] \|\| {}, 'only_unread'); return Promise.all([invalidateSingle({ predicate: singlePredicate }), invalidateSummary({ predicate: listPredicate }), invalidateList({ predicate: listPredicate, refetchActive: false // Should not remove the note from the active list after reading it, even if `only_unread` is applied. })]); } }); } function useInvalidateSingle() { const queryClient = (0,react_query__WEBPACK_IMPORTED_MODULE_4__.useQueryClient)(); return (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(({ id, ...options }) => { const queryKey = ['note']; if (id) { queryKey.push(id); } return queryClient.invalidateQueries(queryKey, options); }, [queryClient]); } function useInvalidateList() { const queryClient = (0,react_query__WEBPACK_IMPORTED_MODULE_4__.useQueryClient)(); return (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((options = {}) => { const queryKey = ['notes']; return queryClient.invalidateQueries(queryKey, options); }, [queryClient]); } function useInvalidateSummary() { const queryClient = (0,react_query__WEBPACK_IMPORTED_MODULE_4__.useQueryClient)(); return (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((options = {}) => { const queryKey = ['notes/summary']; return queryClient.invalidateQueries(queryKey, options); }, [queryClient]); } // }, // "../assets/js/app/hooks/use-notes-or-notes-summary.js" /!***********************************************************!\ !* ../assets/js/app/hooks/use-notes-or-notes-summary.js ! \**********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / VIEW_NOTES: () => (/ binding / VIEW_NOTES), / harmony export / VIEW_NOTES_SUMMARY: () => (/ binding / VIEW_NOTES_SUMMARY), / harmony export / "default": () => (/ binding / useNotesOrNotesSummary) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _use_notes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./use-notes / "../assets/js/app/hooks/use-notes.js"); / harmony import / var _use_notes_summary__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./use-notes-summary / "../assets/js/app/hooks/use-notes-summary.js"); const VIEW_NOTES = 'notes'; const VIEW_NOTES_SUMMARY = 'notes-summary'; function useNotesOrNotesSummary() { const [view, setView] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(VIEW_NOTES), isNotesView = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => VIEW_NOTES === view, [view]), isNotesSummaryView = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => VIEW_NOTES_SUMMARY === view, [view]); const notesQuery = (0,_use_notes__WEBPACK_IMPORTED_MODULE_1__["default"])({ enabled: isNotesView }), notesSummaryQuery = (0,_use_notes_summary__WEBPACK_IMPORTED_MODULE_2__["default"])({ enabled: isNotesSummaryView }); return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({ ...(VIEW_NOTES === view ? notesQuery : notesSummaryQuery), setView, view, isNotesView, isNotesSummaryView }), [notesQuery, notesSummaryQuery]); } // }, // "../assets/js/app/hooks/use-notes-summary.js" /!**************************************************!\ !* ../assets/js/app/hooks/use-notes-summary.js ! \*************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useNotesSummary) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var react_query__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react-query / "../../../node_modules/react-query/es/index.js"); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ../utils / "../assets/js/app/utils.js"); / harmony import / var _models_note_summary__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../models/note-summary / "../assets/js/app/models/note-summary.js"); / harmony import / var _use_notes_filters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./use-notes-filters / "../assets/js/app/hooks/use-notes-filters.js"); const defaultOptions = { enabled: true, params: {} }; function useNotesSummary(rawOptions = {}) { const [filters] = (0,_use_notes_filters__WEBPACK_IMPORTED_MODULE_4__["default"])(); const options = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({ ...defaultOptions, ...rawOptions }), [rawOptions]); const queryParams = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => (0,_utils__WEBPACK_IMPORTED_MODULE_2__.normalizeQueryParams)({ ...filters, ...(options.params \|\| {}) }), [options.params, filters]); return (0,react_query__WEBPACK_IMPORTED_MODULE_1__.useQuery)(['notes/summary', queryParams], async ({ queryKey: [, params], signal }) => { const { data } = await window.top.$e.data.get('notes/summary', { parent_id: 0, ...params }, { refresh: true, signal }); return data.data.map(rawNote => { return _models_note_summary__WEBPACK_IMPORTED_MODULE_3__["default"].createFromResponse(rawNote); }); }, { keepPreviousData: true, enabled: options.enabled }); } // }, // "../assets/js/app/hooks/use-notes.js" /!******************************************!\ !* ../assets/js/app/hooks/use-notes.js ! \*****************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useNotes) / harmony export / }); / harmony import / var _models_note__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ../models/note / "../assets/js/app/models/note.js"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); / harmony import / var react_query__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! react-query / "../../../node_modules/react-query/es/index.js"); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../utils / "../assets/js/app/utils.js"); / harmony import / var _use_notes_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); / harmony import / var _use_notes_filters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./use-notes-filters / "../assets/js/app/hooks/use-notes-filters.js"); const defaultOptions = { enabled: true, params: {} }; function useNotes(rawOptions = {}) { const { route } = (0,_use_notes_config__WEBPACK_IMPORTED_MODULE_4__["default"])(); const [filters] = (0,_use_notes_filters__WEBPACK_IMPORTED_MODULE_5__["default"])(); const options = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => ({ ...defaultOptions, ...rawOptions }), [rawOptions]); const queryParams = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => { const routeFilter = route.is_elementor_library ? { post_id: route.post_id } : { route_url: encodeURIComponent(route.url) }; return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.normalizeQueryParams)({ parent_id: 0, order_by: 'last_activity_at', order: 'desc', ...routeFilter, ...filters, ...(options.params \|\| {}) }); }, [route, filters, options.params]); return (0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)(['notes', queryParams], async ({ queryKey: [, params], signal }) => { const { data } = await window.top.$e.data.get('notes/index', params, { refresh: true, signal }); return data.data.map(rawNote => { return _models_note__WEBPACK_IMPORTED_MODULE_0__["default"].createFromResponse(rawNote); }); }, { keepPreviousData: true, enabled: options.enabled }); } // }, // "../assets/js/app/hooks/use-reverse-html-entities.js" /!**********************************************************!\ !* ../assets/js/app/hooks/use-reverse-html-entities.js ! \*********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / useReverseHtmlEntities: () => (/ binding / useReverseHtmlEntities) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* * Reverse PHP's `htmlentities()` function. * e.g.: `<a>` will become `<a>`. * * Used to render escaped HTML characters in JSX. * * @param {string} escapedHTML * * @return {string} unescaped HTML / function useReverseHtmlEntities(escapedHTML) { return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => { const textarea = document.createElement('textarea'); textarea.innerHTML = escapedHTML; const { value } = textarea; textarea.remove(); return value; }, [escapedHTML]); } // }, // "../assets/js/app/hooks/use-scroll-into-view.js" /!*****************************************************!\ !* ../assets/js/app/hooks/use-scroll-into-view.js ! \****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useScrollIntoView) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../utils / "../assets/js/app/utils.js"); // Hook to scroll into the `ref` view when a condition is truthy. function useScrollIntoView(condition = true, { onlyIfNeeded = true, ...scrollOptions } = {}) { const ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { if (condition) { /* * Defer to wait for React state stack to be empty, and all of the components have finished rendering, * since it causes a bug in Chromium based browsers. * * @see https://stackoverflow.com/questions/68263352/smooth-scroll-bug-in-react-useeffect-hook-only-on-chrome-chromium * @see https://stackoverflow.com/questions/59782858/scrollintoview-behavior-smooth-is-broken-in-react / setTimeout(() => { (0,_utils__WEBPACK_IMPORTED_MODULE_1__.scrollIntoView)(ref.current, { onlyIfNeeded, ...scrollOptions }); }); } }, [condition]); return ref; } // }, // "../assets/js/app/hooks/use-stoppable-effect.js" /!*****************************************************!\ !* ../assets/js/app/hooks/use-stoppable-effect.js ! \****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useStoppableEffect) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* * Use an effect with an option to stop it. * * Usage: * useStoppableEffect( ( stop ) => { * console.log( 'stuff' ); * * if ( a === 1 ) { * stop(); * } * }, [ deps ] ); * * @param {Function} effect * @param {Array} deps * * @return {void} / function useStoppableEffect(effect, deps) { const shouldRun = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true); const stop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => { shouldRun.current = false; }, []); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { if (shouldRun.current) { effect(stop); } }, deps); } // }, // "../assets/js/app/hooks/use-user-can.js" /!*********************************************!\ !* ../assets/js/app/hooks/use-user-can.js ! \********************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / CAPABILITY_CREATE: () => (/ binding / CAPABILITY_CREATE), / harmony export / CAPABILITY_CREATE_USERS: () => (/ binding / CAPABILITY_CREATE_USERS), / harmony export / CAPABILITY_DELETE: () => (/ binding / CAPABILITY_DELETE), / harmony export / CAPABILITY_EDIT: () => (/ binding / CAPABILITY_EDIT), / harmony export / CAPABILITY_EDIT_USERS: () => (/ binding / CAPABILITY_EDIT_USERS), / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _use_notes_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./use-notes-config / "../assets/js/app/hooks/use-notes-config.js"); const CAPABILITY_CREATE = 'create'; const CAPABILITY_EDIT = 'edit'; const CAPABILITY_DELETE = 'delete'; const CAPABILITY_CREATE_USERS = 'create_users'; const CAPABILITY_EDIT_USERS = 'edit_users'; const useUserCan = (capability, note = null) => { const notesConfig = (0,_use_notes_config__WEBPACK_IMPORTED_MODULE_1__["default"])(); return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => { // Note capabilities. if (note) { return !!note.userCan[capability]; } // Global capabilities. return !!notesConfig.current_user_can[capability]; }, [capability, note, notesConfig]); }; / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (useUserCan); // }, // "../assets/js/app/hooks/use-users.js" /!******************************************!\ !* ../assets/js/app/hooks/use-users.js ! \*****************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useUsers) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../utils / "../assets/js/app/utils.js"); / harmony import / var react_query__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! react-query / "../../../node_modules/react-query/es/index.js"); / harmony import / var _models_user__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ../models/user / "../assets/js/app/models/user.js"); const defaultOptions = { enabled: true, params: {} }; function useUsers(rawOptions = {}) { const options = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({ ...defaultOptions, ...rawOptions }), [rawOptions]); const queryParams = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => { return (0,_utils__WEBPACK_IMPORTED_MODULE_1__.normalizeQueryParams)(options.params \|\| {}); }, [options.params]); return (0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)(['users', queryParams], async ({ queryKey: [, params], signal }) => { const { data } = await window.top.$e.data.get('notes/users', params, { refresh: true, signal }); return data.data.map(user => { return _models_user__WEBPACK_IMPORTED_MODULE_3__["default"].createFromResponse(user); }); }, { keepPreviousData: true, enabled: options.enabled }); } // }, // "../assets/js/app/hooks/use-viewable-notes.js" /!***************************************************!\ !* ../assets/js/app/hooks/use-viewable-notes.js ! \**************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useViewableNotes) / harmony export / }); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react / "react"); / harmony import / var react__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); / harmony import / var _context_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../context/elements / "../assets/js/app/context/elements.js"); /* * @typedef {import('../models/note')} Note / /* * Return a tuple of filtered notes based their visibility to the user in the current page (e.g. have elements). * The first item contains the viewable notes and the second is the non-viewable ones. * * @param {Note[]} notes * * @return {[Note[], Note[]]} notes / function useViewableNotes(notes) { const { elements } = (0,_context_elements__WEBPACK_IMPORTED_MODULE_1__.useElements)(); return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => { if (!notes?.length \|\| !elements?.size) { return [[], []]; } const reduced = notes.reduce((carry, note) => { const key = elements.has(note.elementId) ? 'viewable' : 'nonViewable'; carry[key].push(note); return carry; }, { viewable: [], nonViewable: [] }); return Object.values(reduced); }, [notes, elements]); } // }, // "../assets/js/app/hooks/use-watch.js" /!******************************************!\ !* ../assets/js/app/hooks/use-watch.js ! \*****************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / useWatch) / harmony export / }); const { useEffect, useRef } = React; /* * A util to trigger a callback only when the value changed except the first render. * * @param {Function} callback * @param {Array} deps / function useWatch(callback, deps) { const isFirstRender = useRef(true); useEffect(() => { if (isFirstRender.current) { isFirstRender.current = false; return; } callback(); }, deps); } // }, // "../assets/js/app/models/base-model.js" /!********************************************!\ !* ../assets/js/app/models/base-model.js ! \*******************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / BaseModel) / harmony export / }); class BaseModel { /* * Using init and not the default constructor because there is a problem to fill the instance * dynamically in the constructor. * * @param {Object} data all the properties * @return {BaseModel} Instance of base model / init(data = {}) { Object.entries(data).forEach(([key, value]) => { this[key] = value; }); return this; } } // }, // "../assets/js/app/models/document.js" /!******************************************!\ !* ../assets/js/app/models/document.js ! \*****************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Document) / harmony export / }); / harmony import / var _base_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-model / "../assets/js/app/models/base-model.js"); class Document extends _base_model__WEBPACK_IMPORTED_MODULE_0__["default"] { id; type; typeTitle; /* * Create a document from server response * * @param {Object} data / static createFromResponse(data) { return new Document().init({ id: data.id, type: data.type, typeTitle: data.type_title }); } } // }, // "../assets/js/app/models/note-summary.js" /!**********************************************!\ !* ../assets/js/app/models/note-summary.js ! \*********************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / NoteSummary) / harmony export / }); / harmony import / var _base_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-model / "../assets/js/app/models/base-model.js"); class NoteSummary extends _base_model__WEBPACK_IMPORTED_MODULE_0__["default"] { url = ''; fullURL = ''; title = ''; notesCount = 0; /* * Create a note from server response * * @param {Object} data / static createFromResponse(data) { return new NoteSummary().init({ url: data.url, fullURL: data.full_url, title: data.title, notesCount: data.notes_count }); } } // }, // "../assets/js/app/models/note.js" /!**************************************!\ !* ../assets/js/app/models/note.js ! \*************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Note) / harmony export / }); / harmony import / var _base_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-model / "../assets/js/app/models/base-model.js"); / harmony import / var _user__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./user / "../assets/js/app/models/user.js"); / harmony import / var _document__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./document / "../assets/js/app/models/document.js"); class Note extends _base_model__WEBPACK_IMPORTED_MODULE_0__["default"] { id = null; parentId = 0; elementId = null; content = ''; position = { x: 0, y: 0 }; repliesCount = 0; unreadRepliesCount = 0; replies = []; author = null; readers = []; isRead = false; isResolved = false; routeUrl = ''; routeTitle = ''; userCan = {}; createdAt = null; updatedAt = null; lastActivityAt = null; // Private props _formattedLastActivityAt = ''; _formattedCreatedAt = ''; /* * Create a note from server response * * @param {Object} data / static createFromResponse(data) { return new Note().init({ id: data.id, parentId: data.parent_id, elementId: data.element_id, content: data.content, position: data.position, repliesCount: data.replies_count, unreadRepliesCount: data.unread_replies_count, replies: data.replies.map(reply => Note.createFromResponse(reply)), author: data.author ? _user__WEBPACK_IMPORTED_MODULE_1__["default"].createFromResponse(data.author) : _user__WEBPACK_IMPORTED_MODULE_1__["default"].createDeleted(data.author_display_name), document: data.document ? _document__WEBPACK_IMPORTED_MODULE_2__["default"].createFromResponse(data.document) : null, readers: data.readers ? data.readers.map(reader => _user__WEBPACK_IMPORTED_MODULE_1__["default"].createFromResponse(reader)) : [], isRead: data.is_read, isResolved: data.is_resolved, routeUrl: data.route_url, routeTitle: data.route_title, userCan: data.user_can, createdAt: new Date(data.created_at), updatedAt: new Date(data.updated_at), lastActivityAt: new Date(data.last_activity_at) }); } /* * TODO: Change to WP site settings format. * * @return {string} Last activity date formatted. / getFormattedLastActivityAt() { if (!this._formattedLastActivityAt) { this._formattedLastActivityAt = this.lastActivityAt.toLocaleString(); } return this._formattedLastActivityAt; } /* * TODO: Change to WP site settings format. * * @return {string} Created at date formatted. / getFormattedCreatedAt() { if (!this._formattedCreatedAt) { this._formattedCreatedAt = this.createdAt.toLocaleString(); } return this._formattedCreatedAt; } /* * Get the note deep link. * * @return {string} url / getURL() { const id = this.isReply() ? this.parentId : this.id; return this.constructor.getURL(id); } /* * Get a note deep link by ID. * * @param {number} id * * @return {string} url / static getURL(id) { const { route } = window.top.$e.components.get('notes').config; return route.note_url_pattern.replace('{{NOTE_ID}}', id); } /* * Check if the current note or one of its replies are unread. * * @return {boolean} is unread thread / isUnreadThread() { return this.isThread() && (!this.isRead \|\| this.unreadRepliesCount > 0); } /* * Determine if the Note is a Thread. * * @return {boolean} - Is thread. / isThread() { return 0 === this.parentId; } /* * Determine if the Note is a Reply. * * @return {boolean} - Is reply. / isReply() { return !this.isThread(); } } // }, // "../assets/js/app/models/user.js" /!**************************************!\ !* ../assets/js/app/models/user.js ! \*************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / User) / harmony export / }); / harmony import / var _base_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-model / "../assets/js/app/models/base-model.js"); / provided dependency / var __ = __webpack_require__(/! @wordpress/i18n / "@wordpress/i18n")["__"]; class User extends _base_model__WEBPACK_IMPORTED_MODULE_0__["default"] { id = null; name = ''; slug = ''; avatarUrls = { 24: null, 48: null, 96: null }; capabilities = {}; /* * Create a user from server response * * @param {Object} data / static createFromResponse(data) { return new User().init({ id: data.id, name: data.name, slug: data.slug, avatarUrls: data.avatar_urls, capabilities: { notes: { read: data.capabilities?.notes?.can_read }, post: { edit: data.capabilities?.post?.can_edit } } }); } /* * A factory to create a User model when a user was deleted or not exist for some reason. * * @param {string} name * @return {BaseModel} user / static createDeleted(name = '') { const { avatar_defaults: avatarUrls } = window.top.$e.components.get('notes').config.urls; return new User().init({ name: [name, __('(deleted user)', 'elementor-pro')].join(' '), avatarUrls }); } } // }, // "../assets/js/app/query-client.js" /!***************************************!\ !* ../assets/js/app/query-client.js ! \**************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (__WEBPACK_DEFAULT_EXPORT__) / harmony export / }); / harmony import / var react_query__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! react-query / "../../../node_modules/react-query/es/index.js"); / harmony default export / const __WEBPACK_DEFAULT_EXPORT__ = (new react_query__WEBPACK_IMPORTED_MODULE_0__.QueryClient({ defaultOptions: { queries: { retry: 2, refetchOnWindowFocus: true }, mutations: { retry: 2 } } })); // }, // "../assets/js/app/styles/animation.js" /!*******************************************!\ !* ../assets/js/app/styles/animation.js ! \******************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / fadeOut: () => (/ binding / fadeOut), / harmony export / slideDownAndFade: () => (/ binding / slideDownAndFade), / harmony export / slideLeftAndFade: () => (/ binding / slideLeftAndFade), / harmony export / slideRightAndFade: () => (/ binding / slideRightAndFade), / harmony export / slideUpAndFade: () => (/ binding / slideUpAndFade), / harmony export / spin: () => (/ binding / spin) / harmony export / }); / harmony import / var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! styled-components / "../../../node_modules/styled-components/dist/styled-components.browser.esm.js"); const slideUpAndFade = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.keyframes)` 0% { opacity: 0; transform: translateY(3px); } 100% { opacity: 1; transform: translateY(0); } `; const slideRightAndFade = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.keyframes)` 0% { opacity: 0; transform: translateX(-3px); } 100% { opacity: 1; transform: translateX(0); } `; const slideDownAndFade = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.keyframes)` 0% { opacity: 0; transform: translateY(-3px); } 100% { opacity: 1; transform: translateY(0); } `; const slideLeftAndFade = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.keyframes)` 0% { opacity: 0; transform: translateX(3px); } 100% { opacity: 1; transform: translateX(0); } `; const fadeOut = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.keyframes)` 0% { opacity: 1; } 100% { opacity: 0; } `; const spin = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.keyframes)` 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } `; // }, // "../assets/js/app/utils.js" /!********************************!\ !* ../assets/js/app/utils.js ! \*******************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / MAX_Z_INDEX: () => (/ binding / MAX_Z_INDEX), / harmony export / extractMentions: () => (/ binding / extractMentions), / harmony export / isFullyInViewport: () => (/ binding / isFullyInViewport), / harmony export / normalizeQueryParams: () => (/ binding / normalizeQueryParams), / harmony export / scrollIntoView: () => (/ binding / scrollIntoView), / harmony export / submitForm: () => (/ binding / submitForm) / harmony export / }); / harmony import / var _services_rich_text_parser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ../services/rich-text-parser / "../assets/js/services/rich-text-parser/index.js"); / harmony import / var _services_rich_text_parser_tokens__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ../services/rich-text-parser/tokens / "../assets/js/services/rich-text-parser/tokens/index.js"); /* * Max value for the css property z-index * * @type {number} / const MAX_Z_INDEX = 2147483647; /* * Extract mentions from string. * * @param {string} content - Text to extract from. * * @return {string[]} mentions / function extractMentions(content) { const usernames = (0,_services_rich_text_parser__WEBPACK_IMPORTED_MODULE_0__["default"])({ tokenClasses: [_services_rich_text_parser_tokens__WEBPACK_IMPORTED_MODULE_1__.Mention], fallbackTokenClass: false, parsePipeFunctions: [] }).parse(content).map(token => token.username.value); // Return only unique values. return [...new Set(usernames)]; } /* * Normalize query params object. * * @param {Object} params - Query params definition. * * @return {Object} - Normalized query params. / function normalizeQueryParams(params) { return Object.entries(params).reduce((queryParams, [param, value]) => { // Remove nullish params. if (null === value) { return queryParams; } // Convert booleans to 1/0. if ('boolean' === typeof value) { value = value ? 1 : 0; } return { ...queryParams, [param]: value }; }, {}); } /* * Scroll into an element. * Returns a promise that will be resolved when the element is in the viewport. * TODO: Find a way to resolve the promise after the scroll has finished. * * @param {HTMLElement} element * @param {Object} object * @param {boolean} object.onlyIfNeeded * @param {} object.scrollOptions @return {Promise} a promise that will be resolved when the element is in the viewport / function scrollIntoView(element, { onlyIfNeeded = true, ...scrollOptions } = {}) { if (onlyIfNeeded && isFullyInViewport(element)) { return Promise.resolve(); } return new Promise(resolve => { observeForFirstIntersection(element, () => { resolve(); }); element.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center', ...scrollOptions }); }); } /* * Check if an element is fully in viewport. * * @param {HTMLElement} element * * @return {boolean} is element fully in the viewport / function isFullyInViewport(element) { const { top, left, bottom, right } = element.getBoundingClientRect(); const { top: parentTop, right: parentRight, bottom: parentBottom, left: parentLeft } = element.parentElement.getBoundingClientRect(); const isInBodyView = top >= 0 && left >= 0 && top <= window.innerHeight && left <= window.innerWidth; const isInParentView = top >= parentTop && right <= parentRight && bottom <= parentBottom && left >= parentLeft; return isInBodyView && isInParentView; } /* * Wrap IntersectionObserver for working with single element. * * @param {HTMLElement} element * @param {Function} callback / function observeForFirstIntersection(element, callback) { const observer = new IntersectionObserver((entries, currentObserver) => { if (entries?.[0]?.isIntersecting) { currentObserver.disconnect(); callback(); } }); observer.observe(element); } /* * Programmatically submit a form while triggering React's `onSubmit()` event listener. * * @see https://stackoverflow.com/a/65667238/3829526 * * @param {HTMLFormElement} form * * @return {void} / function submitForm(form) { form.dispatchEvent(new Event('submit', { cancelable: true, bubbles: true })); } // }, // "../assets/js/services/copy-to-clipboard/index.js" /!*******************************************************!\ !* ../assets/js/services/copy-to-clipboard/index.js ! \******************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / canCopyToClipboard: () => (/ binding / canCopyToClipboard), / harmony export / copyToClipboard: () => (/ binding / copyToClipboard) / harmony export / }); /* * Check if there is access to the clipboard API * (Usually, when a website doesn't have an SSL certificate, the browser won't expose the clipboard API). * * @return {boolean} can copy to clipboard? / function canCopyToClipboard() { return !!navigator?.clipboard; } /* * Will copy value to the clipboard * * @param {string} value / function copyToClipboard(value) { if (!canCopyToClipboard()) { throw new Error('Cannot copy to clipboard, please make sure you are using SSL in your website.'); } navigator.clipboard.writeText(value); } // }, // "../assets/js/services/rich-text-parser/index.js" /!******************************************************!\ !* ../assets/js/services/rich-text-parser/index.js ! \*****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / createRichTextParser) / harmony export / }); / harmony import / var _rich_text_parser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./rich-text-parser / "../assets/js/services/rich-text-parser/rich-text-parser.js"); / harmony import / var _parse_pipe_functions___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./parse-pipe-functions/ / "../assets/js/services/rich-text-parser/parse-pipe-functions/index.js"); / harmony import / var _tokens___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./tokens/ / "../assets/js/services/rich-text-parser/tokens/index.js"); /* * Create a RichTextParser instance, set default tokens, and parse pipe functions. * * @param {Object} options * @param {Object[]} options.tokenClasses - Token classes to tokenize into. * @param {Object\|false} options.fallbackTokenClass * @param {Function[]} options.parsePipeFunctions - Parsing pipe functions to trigger after basic parsing. * @return {RichTextParser} parser / function createRichTextParser({ tokenClasses, fallbackTokenClass, parsePipeFunctions } = {}) { const tokenClassesDefaults = [_tokens___WEBPACK_IMPORTED_MODULE_2__.Email, _tokens___WEBPACK_IMPORTED_MODULE_2__.LineBreak, _tokens___WEBPACK_IMPORTED_MODULE_2__.Mention, _tokens___WEBPACK_IMPORTED_MODULE_2__.Url, _tokens___WEBPACK_IMPORTED_MODULE_2__.Wow]; const fallbackTokenClassDefault = _tokens___WEBPACK_IMPORTED_MODULE_2__.Text; // The order here is important! const parsePipeFunctionsDefaults = [_parse_pipe_functions___WEBPACK_IMPORTED_MODULE_1__.wrapTokensIntoParagraph, _parse_pipe_functions___WEBPACK_IMPORTED_MODULE_1__.wrapTokensIntoContent]; return new _rich_text_parser__WEBPACK_IMPORTED_MODULE_0__["default"]({ tokenClasses: tokenClasses ?? tokenClassesDefaults, fallbackTokenClass: fallbackTokenClass ?? fallbackTokenClassDefault, parsePipeFunctions: parsePipeFunctions ?? parsePipeFunctionsDefaults }); } // }, // "../assets/js/services/rich-text-parser/parse-pipe-functions/index.js" /!***************************************************************************!\ !* ../assets/js/services/rich-text-parser/parse-pipe-functions/index.js ! \**************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / wrapTokensIntoContent: () => (/ reexport safe / _wrap_tokens_into_content__WEBPACK_IMPORTED_MODULE_1__["default"]), / harmony export / wrapTokensIntoParagraph: () => (/ reexport safe / _wrap_tokens_into_paragraph__WEBPACK_IMPORTED_MODULE_0__["default"]) / harmony export / }); / harmony import / var _wrap_tokens_into_paragraph__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./wrap-tokens-into-paragraph / "../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-paragraph.js"); / harmony import / var _wrap_tokens_into_content__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./wrap-tokens-into-content / "../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-content.js"); // }, // "../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-content.js" /!**********************************************************************************************!\ !* ../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-content.js ! \*********************************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / wrapTokensIntoContent) / harmony export / }); / harmony import / var _tokens___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ../tokens/ / "../assets/js/services/rich-text-parser/tokens/index.js"); /* * Wrap tokens tree with one Content token. * * @param {Object[]} tokens * * @return {Content} content / function wrapTokensIntoContent(tokens) { return _tokens___WEBPACK_IMPORTED_MODULE_0__.Content.create(tokens); } // }, // "../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-paragraph.js" /!************************************************************************************************!\ !* ../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-paragraph.js ! \***********************************************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / wrapTokensIntoParagraph) / harmony export / }); / harmony import / var _tokens___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ../tokens/ / "../assets/js/services/rich-text-parser/tokens/index.js"); /* * Convert LineBreak tokens into Paragraphs. * input: [ Text, Text, Email, LineBreak, Text, Text ] * output: [ * Paragraph: [ Text, Text, Email ], * Paragraph: [ Text, Text ] * ] * * @param {Object[]} tokens * * @return {Object[]} paragraphs / function wrapTokensIntoParagraph(tokens) { tokens.push(_tokens___WEBPACK_IMPORTED_MODULE_0__.LineBreak.create()); return tokens.reduce((carry, token) => { let currentToken = token; if (token.is(_tokens___WEBPACK_IMPORTED_MODULE_0__.LineBreak)) { const lastParagraphIndex = findLastIndex(carry, t => t.is(_tokens___WEBPACK_IMPORTED_MODULE_0__.Paragraph)); currentToken = _tokens___WEBPACK_IMPORTED_MODULE_0__.Paragraph.create(carry.slice(lastParagraphIndex + 1, carry.length)); carry = carry.slice(0, lastParagraphIndex + 1); } carry.push(currentToken); return carry; }, []); } /* * Find an index of based on the callback but it runs from last to first item. * * @param {Array} array * @param {Function} callback * @return {number} last index / function findLastIndex(array, callback) { for (let i = array.length - 1; i >= 0; i--) { if (callback(array[i], i)) { return i; } } return -1; } // }, // "../assets/js/services/rich-text-parser/rich-text-parser.js" /!*****************************************************************!\ !* ../assets/js/services/rich-text-parser/rich-text-parser.js ! \****************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / RichTextParser) / harmony export / }); / harmony import / var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./utils / "../assets/js/services/rich-text-parser/utils.js"); class RichTextParser { tokenClasses; fallbackTokenClass; parsePipeFunctions; /* * @param {Object} options * @param {Array} options.tokenClasses * @param {Object} options.fallbackTokenClass * @param {Function[]} options.parsePipeFunctions / constructor({ tokenClasses, fallbackTokenClass, parsePipeFunctions } = {}) { this.tokenClasses = tokenClasses; this.fallbackTokenClass = fallbackTokenClass; this.parsePipeFunctions = parsePipeFunctions; } /* * Takes a string and parse it into a meaningful object, based on the configuration that was provided to this class. * input: 'This is text and email: test@elementor.com' * output: { * type: 'Content', * value: [ * { * type: 'Paragraph', * value: [ * { type: 'Text', value: 'This is text and email: ' }, * { type: 'Email', value: 'test@elementor.com' }, * ] * } * ] * } * * @param {string} value * * @return {Object\|Array} content / parse(value) { const lexemes = this.extractLexemes(value), tokens = this.tokenize(lexemes); return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.pipe)(...(this.parsePipeFunctions ?? []))(tokens); } /* * Split the value into lexemes (an array of strings without the meaning) * * @param {string} value * * @return {string[]} lexemes / extractLexemes(value) { return value.trim().split(this.getLexerRegex()).reduce((lexemes, currentLexeme) => { if (currentLexeme) { lexemes.push(currentLexeme); } return lexemes; }, []); } /* * Get all the array of lexemes and transform them into tokens (An object that represent what the part of string is). * * @param {string[]} lexemes * * @return {Object[]} tokens / tokenize(lexemes) { return lexemes.map(lexeme => { const TokenClass = this.tokenClasses.find(tc => tc.isToken(lexeme)); if (!TokenClass) { return this.fallbackTokenClass ? this.fallbackTokenClass.create(lexeme) : null; } return TokenClass.create(lexeme); }).filter(lexeme => !!lexeme); } /* * Generate a regex from each token class that was provided. * * @return {RegExp} regular expression / getLexerRegex() { const patterns = this.tokenClasses.map(tokenClass => tokenClass.getPattern()?.source).filter(pattern => !!pattern); return new RegExp(`(${patterns.join('\|')})`, 'igm'); } } // }, // "../assets/js/services/rich-text-parser/tokens/base-token.js" /!******************************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/base-token.js ! \*****************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / BaseToken) / harmony export / }); class BaseToken { static type = ''; type; value; /* * @param {string \| Array \| null} value / constructor(value) { this.value = value; this.type = this.constructor.type; } /* * Regex pattern for the lexer. * * @return {RegExp} regular expression / static getPattern() { return null; } /* * Checks if a lexeme belongs to the current token. * * @param {string} lexeme * * @return {boolean} does lexeme belong to the current token / static isToken(lexeme) { return !!lexeme.match(new RegExp(this.getPattern(), 'igm')); } /* * Creates a new Token instance. * * @param {string \| Array \| null } value * * @return {this} token / static create(value = null) { return new this(value); } /* * Check if the current token is instance of the provided token class * * @param {Object} tokenClass * * @return {boolean} is a token class instance / is(tokenClass) { return this.type === tokenClass.type; } } // }, // "../assets/js/services/rich-text-parser/tokens/content.js" /!***************************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/content.js ! \**************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Content) / harmony export / }); / harmony import / var _base_token__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-token / "../assets/js/services/rich-text-parser/tokens/base-token.js"); class Content extends _base_token__WEBPACK_IMPORTED_MODULE_0__["default"] { static type = 'Content'; } // }, // "../assets/js/services/rich-text-parser/tokens/email.js" /!*************************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/email.js ! \************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Email) / harmony export / }); / harmony import / var _base_token__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-token / "../assets/js/services/rich-text-parser/tokens/base-token.js"); class Email extends _base_token__WEBPACK_IMPORTED_MODULE_0__["default"] { static type = 'Email'; static getPattern() { return /[\w\-.]+@(?:[\w-]+\.)+[\w-]{2,4}/; } } // }, // "../assets/js/services/rich-text-parser/tokens/handle.js" /!**************************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/handle.js ! \*************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Handle) / harmony export / }); / harmony import / var _base_token__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-token / "../assets/js/services/rich-text-parser/tokens/base-token.js"); class Handle extends _base_token__WEBPACK_IMPORTED_MODULE_0__["default"] { static type = 'Handle'; } // }, // "../assets/js/services/rich-text-parser/tokens/index.js" /!*************************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/index.js ! \************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / Content: () => (/ reexport safe / _content__WEBPACK_IMPORTED_MODULE_4__["default"]), / harmony export / Email: () => (/ reexport safe / _email__WEBPACK_IMPORTED_MODULE_0__["default"]), / harmony export / Handle: () => (/ reexport safe / _handle__WEBPACK_IMPORTED_MODULE_6__["default"]), / harmony export / LineBreak: () => (/ reexport safe / _line_break__WEBPACK_IMPORTED_MODULE_1__["default"]), / harmony export / Mention: () => (/ reexport safe / _mention__WEBPACK_IMPORTED_MODULE_5__["default"]), / harmony export / Paragraph: () => (/ reexport safe / _paragraph__WEBPACK_IMPORTED_MODULE_2__["default"]), / harmony export / Text: () => (/ reexport safe / _text__WEBPACK_IMPORTED_MODULE_3__["default"]), / harmony export / Url: () => (/ reexport safe / _url__WEBPACK_IMPORTED_MODULE_8__["default"]), / harmony export / Username: () => (/ reexport safe / _username__WEBPACK_IMPORTED_MODULE_7__["default"]), / harmony export / Wow: () => (/ reexport safe / _wow__WEBPACK_IMPORTED_MODULE_9__["default"]) / harmony export / }); / harmony import / var _email__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./email / "../assets/js/services/rich-text-parser/tokens/email.js"); / harmony import / var _line_break__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./line-break / "../assets/js/services/rich-text-parser/tokens/line-break.js"); / harmony import / var _paragraph__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./paragraph / "../assets/js/services/rich-text-parser/tokens/paragraph.js"); / harmony import / var _text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./text / "../assets/js/services/rich-text-parser/tokens/text.js"); / harmony import / var _content__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./content / "../assets/js/services/rich-text-parser/tokens/content.js"); / harmony import / var _mention__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./mention / "../assets/js/services/rich-text-parser/tokens/mention.js"); / harmony import / var _handle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./handle / "../assets/js/services/rich-text-parser/tokens/handle.js"); / harmony import / var _username__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ./username / "../assets/js/services/rich-text-parser/tokens/username.js"); / harmony import / var _url__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/! ./url / "../assets/js/services/rich-text-parser/tokens/url.js"); / harmony import / var _wow__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/! ./wow / "../assets/js/services/rich-text-parser/tokens/wow.js"); // }, // "../assets/js/services/rich-text-parser/tokens/line-break.js" /!******************************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/line-break.js ! \*****************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / LineBreak) / harmony export / }); / harmony import / var _base_token__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-token / "../assets/js/services/rich-text-parser/tokens/base-token.js"); class LineBreak extends _base_token__WEBPACK_IMPORTED_MODULE_0__["default"] { static type = 'LineBreak'; constructor(value) { super(value \|\| '\n'); } static getPattern() { return /(?:\r?\n)/; } } // }, // "../assets/js/services/rich-text-parser/tokens/mention.js" /!***************************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/mention.js ! \**************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Mention) / harmony export / }); / harmony import / var _base_token__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-token / "../assets/js/services/rich-text-parser/tokens/base-token.js"); / harmony import / var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./index / "../assets/js/services/rich-text-parser/tokens/index.js"); class Mention extends _base_token__WEBPACK_IMPORTED_MODULE_0__["default"] { static type = 'Mention'; static handleChar = '@'; handle; username; constructor(value) { super(value); this.handle = _index__WEBPACK_IMPORTED_MODULE_1__.Handle.create(this.constructor.handleChar); this.username = _index__WEBPACK_IMPORTED_MODULE_1__.Username.create(value.replace(this.constructor.handleChar, '')); } static getPattern() { return new RegExp(`\\B${this.handleChar}[\\w\\-]+`); } } // }, // "../assets/js/services/rich-text-parser/tokens/paragraph.js" /!*****************************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/paragraph.js ! \****************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Paragraph) / harmony export / }); / harmony import / var _base_token__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-token / "../assets/js/services/rich-text-parser/tokens/base-token.js"); class Paragraph extends _base_token__WEBPACK_IMPORTED_MODULE_0__["default"] { static type = 'Paragraph'; } // }, // "../assets/js/services/rich-text-parser/tokens/text.js" /!************************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/text.js ! \***********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Text) / harmony export / }); / harmony import / var _base_token__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-token / "../assets/js/services/rich-text-parser/tokens/base-token.js"); class Text extends _base_token__WEBPACK_IMPORTED_MODULE_0__["default"] { static type = 'Text'; } // }, // "../assets/js/services/rich-text-parser/tokens/url.js" /!***********************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/url.js ! \**********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Url) / harmony export / }); / harmony import / var _base_token__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-token / "../assets/js/services/rich-text-parser/tokens/base-token.js"); class Url extends _base_token__WEBPACK_IMPORTED_MODULE_0__["default"] { static type = 'Url'; /* * @see https://stackoverflow.com/questions/3809401/what-is-a-good-regular-expression-to-match-a-url * * @return {RegExp} pattern / static getPattern() { return /https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_+.~#?&/=])/; } } /*/ }, // "../assets/js/services/rich-text-parser/tokens/username.js" /!****************************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/username.js ! \***************************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Username) / harmony export / }); / harmony import / var _base_token__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-token / "../assets/js/services/rich-text-parser/tokens/base-token.js"); class Username extends _base_token__WEBPACK_IMPORTED_MODULE_0__["default"] { static type = 'Username'; } // }, // "../assets/js/services/rich-text-parser/tokens/wow.js" /!***********************************************************!\ !* ../assets/js/services/rich-text-parser/tokens/wow.js ! \**********************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / "default": () => (/ binding / Wow) / harmony export / }); / harmony import / var _base_token__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./base-token / "../assets/js/services/rich-text-parser/tokens/base-token.js"); class Wow extends _base_token__WEBPACK_IMPORTED_MODULE_0__["default"] { static type = 'Wow'; static getPattern() { return /(?:(?:\b(?:yay\|wow)\b)\|🎉)/; } } // }, // "../assets/js/services/rich-text-parser/utils.js" /!******************************************************!\ !* ../assets/js/services/rich-text-parser/utils.js ! \*****************************************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); / harmony export / __webpack_require__.d(__webpack_exports__, { / harmony export / pipe: () => (/ binding / pipe) / harmony export / }); /* * A util function to transform data through transform functions * * @param {Function[]} functions * @return {Function} function / function pipe(...functions) { return (value, ...args) => functions.reduce((currentValue, currentFunction) => currentFunction(currentValue, ...args), value); } /**/ } }]); //# sourceMappingURL=notes-app.js.map

| ver. 1.1 | | . | PHP 8.3.30 | Ð“ÐµÐ½ÐµÑ€Ð°Ñ†Ð¸Ñ ÑÑ‚Ñ€Ð°Ð½Ð¸Ñ†Ñ‹: 0.09 | proxy | phpinfo | ÐÐ°ÑÑ‚Ñ€Ð¾Ð¹ÐºÐ°