| @@ -1,8 +1,9 @@ | ||
| 1 | 1 | import { |
| 2 | 2 | addCustomMediaViewsCss, |
| 3 | 3 | removeCustomMediaViewsCss, |
| 4 | 4 | } from '@shared/lib/media-views'; |
| 5 | +import { track } from '@shared/lib/track'; | |
| 5 | 6 | import { useEffect, useRef, useState } from '@wordpress/element'; |
| 6 | 7 | import { __ } from '@wordpress/i18n'; |
| 7 | 8 | import { loadProduct, save, saveProduct } from '../lib/api'; |
| 8 | 9 | import { invalidateBlockSource } from '../lib/block-source-cache'; |
| @@ -7,9 +8,8 @@ | ||
| 7 | 8 | import { loadProduct, save, saveProduct } from '../lib/api'; |
| 8 | 9 | import { invalidateBlockSource } from '../lib/block-source-cache'; |
| 9 | 10 | import { splice } from '../lib/dom'; |
| 10 | 11 | import { friendlyMessage } from '../lib/errors'; |
| 11 | -import { track } from '../lib/insights'; | |
| 12 | 12 | import { closeModal, mountModal } from '../lib/modal-root'; |
| 13 | 13 | import { useQuickEditStore } from '../state/store'; |
| 14 | 14 | import { pushUndo } from '../state/undo'; |
| 15 | 15 | import { BlockTextEditor } from './BlockTextEditor'; |
| @@ -221,9 +221,12 @@ | ||
| 221 | 221 | setError(__('Media library is not loaded.', 'extendify-local')); |
| 222 | 222 | return; |
| 223 | 223 | } |
| 224 | 224 | const mode = initialTab === 'upload' ? 'upload' : 'browse'; |
| 225 | - track('image_source_chosen', { source: mode }); | |
| 225 | + track('quick_edit_action', { | |
| 226 | + element: selected.blockType, | |
| 227 | + type: `image_${mode}`, | |
| 228 | + }); | |
| 226 | 229 | const frame = window.wp.media({ |
| 227 | 230 | title: |
| 228 | 231 | mode === 'upload' |
| 229 | 232 | ? __('Upload image', 'extendify-local') |
| @@ -371,10 +374,11 @@ | ||
| 371 | 374 | frame.open(); |
| 372 | 375 | }; |
| 373 | 376 | |
| 374 | 377 | const openImageModal = (Component) => { |
| 375 | - const source = Component === AiImagePickerModal ? 'ai' : 'unsplash'; | |
| 376 | - track('image_source_chosen', { source }); | |
| 378 | + const type = | |
| 379 | + Component === AiImagePickerModal ? 'image_ai' : 'image_unsplash'; | |
| 380 | + track('quick_edit_action', { element: selected.blockType, type }); | |
| 377 | 381 | const isProduct = selected.source?.kind === 'product'; |
| 378 | 382 | const onAfterSave = (didSave) => { |
| 379 | 383 | closeModal(false); |
| 380 | 384 | if (didSave) { |
