@strapi/admin 5.53.0 → 5.55.0

package/dist/admin/admin/src/features/Tracking.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tracking.js","sources":["../../../../../admin/src/features/Tracking.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport axios, { AxiosResponse } from 'axios';\n\nimport { Tours } from '../components/GuidedTour/Tours';\nimport { useDeviceType } from '../hooks/useDeviceType';\nimport { useInitQuery, useTelemetryPropertiesQuery } from '../services/admin';\n\nimport { useAppInfo } from './AppInfo';\nimport { useAuth } from './Auth';\nimport { useStrapiApp } from './StrapiApp';\n\nexport interface TelemetryProperties {\n  useTypescriptOnServer?: boolean;\n  useTypescriptOnAdmin?: boolean;\n  isHostedOnStrapiCloud?: boolean;\n  numberOfAllContentTypes?: number;\n  numberOfComponents?: number;\n  numberOfDynamicZones?: number;\n}\n\nexport interface TrackingContextValue {\n  uuid?: string | boolean;\n  telemetryProperties?: TelemetryProperties;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\nconst TrackingContext = React.createContext<TrackingContextValue>({\n  uuid: false,\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\n\nexport interface TrackingProviderProps {\n  children: React.ReactNode;\n}\n\nconst TrackingProvider = ({ children }: TrackingProviderProps) => {\n  const token = useAuth('App', (state) => state.token);\n  const { data: initData } = useInitQuery();\n  const { uuid } = initData ?? {};\n  const getAllWidgets = useStrapiApp('TrackingProvider', (state) => state.widgets.getAll);\n\n  const { data } = useTelemetryPropertiesQuery(undefined, {\n    skip: !initData?.uuid || !token,\n  });\n  React.useEffect(() => {\n    if (uuid && data) {\n      const event = 'didInitializeAdministration';\n      try {\n        fetch(`${process.env.STRAPI_ANALYTICS_URL || 'https://analytics.strapi.io'}/api/v2/track`, {\n          method: 'POST',\n          body: JSON.stringify({\n            // This event is anonymous\n            event,\n            userId: '',\n            eventPropeties: {},\n            groupProperties: {\n              ...data,\n              projectId: uuid,\n              registeredWidgets: getAllWidgets().map((widget) => widget.uid),\n            },\n          }),\n          headers: {\n            'Content-Type': 'application/json',\n            'X-Strapi-Event': event,\n          },\n        });\n      } catch {\n        // silence is golden\n      }\n    }\n  }, [data, uuid, getAllWidgets]);\n  const value = React.useMemo(\n    () => ({\n      uuid,\n      telemetryProperties: data,\n    }),\n    [uuid, data]\n  );\n\n  return <TrackingContext.Provider value={value}>{children}</TrackingContext.Provider>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Hook\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * We can group these events together because none have properties so there's no benefit\n * to having them as separate types.\n *\n * Meanwhile those with properties have different property shapes corresponding to the specific\n * event so understanding which properties go with which event is very helpful.\n */\nexport interface EventWithoutProperties {\n  name:\n    | 'changeComponentsOrder'\n    | 'didAddComponentToDynamicZone'\n    | 'didBulkDeleteEntries'\n    | 'didNotBulkDeleteEntries'\n    | 'didChangeDisplayedFields'\n    | 'didCheckDraftRelations'\n    | 'didClickGuidedTourHomepageApiTokens'\n    | 'didClickGuidedTourHomepageContentManager'\n    | 'didClickGuidedTourHomepageContentTypeBuilder'\n    | 'didClickGuidedTourStep1CollectionType'\n    | 'didClickGuidedTourStep2ContentManager'\n    | 'didClickGuidedTourStep3ApiTokens'\n    | 'didClickonBlogSection'\n    | 'didClickonCodeExampleSection'\n    | 'didClickonReadTheDocumentationSection'\n    | 'didClickOnTryStrapiCloudSection'\n    | 'didClickonTutorialSection'\n    | 'didCreateGuidedTourCollectionType'\n    | 'didCreateGuidedTourEntry'\n    | 'didCreateNewRole'\n    | 'didCreateRole'\n    | 'didDeleteToken'\n    | 'didDuplicateRole'\n    | 'didEditEditSettings'\n    | 'didEditEmailTemplates'\n    | 'didEditFieldNameOnContentType'\n    | 'didEditListSettings'\n    | 'didEditMediaLibraryConfig'\n    | 'didEditNameOfContentType'\n    | 'didGenerateGuidedTourApiTokens'\n    | 'didLaunchGuidedtour'\n    | 'didNotCreateFirstAdmin'\n    | 'didNotSaveComponent'\n    | 'didPluginLearnMore'\n    | 'didBulkPublishEntries'\n    | 'didNotBulkPublishEntries'\n    | 'didUnpublishEntry'\n    | 'didBulkUnpublishEntries'\n    | 'didNotBulkUnpublishEntries'\n    | 'didSaveComponent'\n    | 'didSaveContentType'\n    | 'didSearch'\n    | 'didSkipGuidedtour'\n    | 'didSubmitPlugin'\n    | 'didSubmitProvider'\n    | 'didUpdateConditions'\n    | 'didSelectAllMediaLibraryElements'\n    | 'didSelectContentTypeFieldSettings'\n    | 'didSelectContentTypeSettings'\n    | 'didEditAuthenticationProvider'\n    | 'didRestoreHistoryVersion'\n    | 'hasClickedCTBAddFieldBanner'\n    | 'removeComponentFromDynamicZone'\n    | 'willAddMoreFieldToContentType'\n    | 'willBulkDeleteEntries'\n    | 'willBulkPublishEntries'\n    | 'willBulkUnpublishEntries'\n    | 'willChangeNumberOfEntriesPerPage'\n    | 'willCheckDraftRelations'\n    | 'willCreateComponent'\n    | 'willCreateComponentFromAttributesModal'\n    | 'willCreateContentType'\n    | 'willCreateFirstAdmin'\n    | 'willCreateNewRole'\n    | 'willCreateRole'\n    | 'willCreateSingleType'\n    | 'willCreateStage'\n    | 'willCreateWorkflow'\n    | 'willDeleteEntryFromList'\n    | 'willDeleteFieldOfContentType'\n    | 'willDuplicateRole'\n    | 'willEditEditLayout'\n    | 'willEditEmailTemplates'\n    | 'willEditEntryFromButton'\n    | 'willEditEntryFromList'\n    | 'willEditReleaseFromHome'\n    | 'willEditFieldOfContentType'\n    | 'willEditMediaLibraryConfig'\n    | 'willEditNameOfContentType'\n    | 'willEditNameOfSingleType'\n    | 'willEditAuthenticationProvider'\n    | 'willEditFieldNameOnContentType'\n    | 'willEditStage'\n    | 'willFilterEntries'\n    | 'willInstallPlugin'\n    | 'willOpenAuditLogDetailsFromHome'\n    | 'willUnpublishEntry'\n    | 'willSaveComponent'\n    | 'willSaveContentType'\n    | 'willSaveContentTypeLayout'\n    | 'didEditFieldNameOnContentType'\n    | 'didCreateRelease'\n    | 'didStartNewChat'\n    | 'didLaunchGuidedtour'\n    | 'didEditAICaption'\n    | 'didEditAIAlternativeText'\n    | 'didGenerateMetadataRetroactively';\n\n  properties?: never;\n}\n\ninterface DidAccessAuthenticatedAdministrationEvent {\n  name: 'didAccessAuthenticatedAdministration';\n  properties: {\n    registeredWidgets: string[];\n    projectId: string;\n  };\n}\n\ninterface DidFilterMediaLibraryElementsEvent {\n  name: 'didFilterMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    filter: string;\n  };\n}\n\ninterface DidSortMediaLibraryElementsEvent {\n  name: 'didSortMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    sort: string;\n  };\n}\n\ninterface DidCropFileEvent {\n  name: 'didCropFile';\n  properties: MediaEvents['properties'] & {\n    duplicatedFile: null | boolean;\n  };\n}\n\ninterface DidSelectFile {\n  name: 'didSelectFile';\n  properties: MediaEvents['properties'] & {\n    source: 'url' | 'computer';\n  };\n}\n\ninterface DidEditMediaLibraryElementsEvent {\n  name: 'didEditMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    type: string;\n    changeLocation: string | boolean;\n  };\n}\n\ninterface MediaEvents {\n  name:\n    | 'didSearchMediaLibraryElements'\n    | 'didReplaceMedia'\n    | 'didAddMediaLibraryFolders'\n    | 'willAddMediaLibraryAssets';\n  properties: {\n    location: string;\n  };\n}\n\ninterface DidSelectContentTypeFieldTypeEvent {\n  name: 'didSelectContentTypeFieldType';\n  properties: {\n    type?: string;\n  };\n}\n\ninterface DidChangeModeEvent {\n  name: 'didChangeMode';\n  properties: {\n    newMode: string;\n  };\n}\ninterface DidSubmitWithErrorsFirstAdminEvent {\n  name: 'didSubmitWithErrorsFirstAdmin';\n  properties: {\n    count: string;\n  };\n}\n\ninterface WillNavigateEvent {\n  name: 'willNavigate';\n  properties: {\n    from: string;\n    to: string;\n  };\n}\n\ninterface DidClickOnDocLink {\n  name: 'didClickOnDocLink';\n  properties: {\n    from: string;\n    to: string;\n  };\n}\n\ninterface DidAccessTokenListEvent {\n  name: 'didAccessTokenList';\n  properties: {\n    tokenType: TokenEvents['properties']['tokenType'];\n    number: number;\n  };\n}\ninterface LogoEvent {\n  name: 'didChangeLogo' | 'didClickResetLogo';\n  properties: {\n    logo: 'menu' | 'auth';\n  };\n}\n\ninterface TokenEvents {\n  name:\n    | 'didCopyTokenKey'\n    | 'didAddTokenFromList'\n    | 'didEditTokenFromList'\n    | 'willAccessTokenList'\n    | 'willAddTokenFromList'\n    | 'willCreateToken'\n    | 'willDeleteToken'\n    | 'willEditToken'\n    | 'willEditTokenFromList';\n  properties: {\n    tokenType: 'api-token' | 'transfer-token';\n  };\n}\n\ninterface WillModifyTokenEvent {\n  name: 'didCreateToken' | 'didEditToken';\n  properties: {\n    tokenType: TokenEvents['properties']['tokenType'];\n    kind?: 'admin' | 'content-api';\n    type?: 'custom' | 'full-access' | 'read-only' | Array<'push' | 'pull' | 'push-pull'>;\n  };\n}\n\ninterface DeleteEntryEvents {\n  name: 'willDeleteEntry' | 'didDeleteEntry' | 'didNotDeleteEntry';\n  properties: {\n    status?: string;\n    error?: unknown;\n  };\n}\n\ninterface CreateEntryEvents {\n  name: 'willCreateEntry' | 'didCreateEntry' | 'didNotCreateEntry';\n  properties: {\n    documentId?: string;\n    status?: string;\n    error?: unknown;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface PublishEntryEvents {\n  name: 'willPublishEntry' | 'didPublishEntry';\n  properties: {\n    documentId?: string;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface UpdateEntryEvents {\n  name: 'willEditEntry' | 'didEditEntry' | 'didNotEditEntry';\n  properties: {\n    documentId?: string;\n    status?: string;\n    error?: unknown;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface DidFilterEntriesEvent {\n  name: 'didFilterEntries';\n  properties: {\n    useRelation: boolean;\n  };\n}\n\ninterface DidPublishRelease {\n  name: 'didPublishRelease';\n  properties: {\n    totalEntries: number;\n    totalPublishedEntries: number;\n    totalUnpublishedEntries: number;\n  };\n}\n\ninterface DidUsePresetPromptEvent {\n  name: 'didUsePresetPrompt';\n  properties: {\n    promptType:\n      | 'generate-product-schema'\n      | 'tell-me-about-the-content-type-builder'\n      | 'tell-me-about-strapi';\n  };\n}\n\ninterface DidAnswerMessageEvent {\n  name: 'didAnswerMessage';\n  properties: {\n    successful: boolean;\n  };\n}\n\ninterface DidVoteAnswerEvent {\n  name: 'didVoteAnswer';\n  properties: {\n    value: 'positive' | 'negative';\n  };\n}\n\ninterface DidUpdateCTBSchema {\n  name: 'didUpdateCTBSchema';\n  properties: {\n    success: boolean;\n    newContentTypes: number;\n    editedContentTypes: number;\n    deletedContentTypes: number;\n    newComponents: number;\n    editedComponents: number;\n    deletedComponents: number;\n    newFields: number;\n    editedFields: number;\n    deletedFields: number;\n  };\n}\n\ninterface DidSkipGuidedTour {\n  name: 'didSkipGuidedTour';\n  properties: {\n    name: keyof Tours | 'all';\n  };\n}\n\ninterface DidCompleteGuidedTour {\n  name: 'didCompleteGuidedTour';\n  properties: {\n    name: keyof Tours | 'all';\n  };\n}\n\ninterface DidStartGuidedTour {\n  name: 'didStartGuidedTour';\n  properties: {\n    name: keyof Tours;\n    fromHomepage?: boolean;\n  };\n}\n\ninterface WillEditEntryFromHome {\n  name: 'willEditEntryFromHome';\n  properties: {\n    entryType: 'edited' | 'published' | 'assigned';\n  };\n}\n\ninterface DidOpenHomeWidgetLink {\n  name: 'didOpenHomeWidgetLink';\n  properties: {\n    widgetUID: string;\n  };\n}\n\ninterface DidOpenKeyStatisticsWidgetLink {\n  name: 'didOpenKeyStatisticsWidgetLink';\n  properties: {\n    itemKey: string;\n  };\n}\n\ntype EventsWithProperties =\n  | CreateEntryEvents\n  | PublishEntryEvents\n  | DidAccessAuthenticatedAdministrationEvent\n  | DidAccessTokenListEvent\n  | DidChangeModeEvent\n  | DidCropFileEvent\n  | DeleteEntryEvents\n  | DidEditMediaLibraryElementsEvent\n  | DidFilterMediaLibraryElementsEvent\n  | DidFilterEntriesEvent\n  | DidSelectContentTypeFieldTypeEvent\n  | DidSelectFile\n  | DidSortMediaLibraryElementsEvent\n  | DidSubmitWithErrorsFirstAdminEvent\n  | DidUsePresetPromptEvent\n  | DidAnswerMessageEvent\n  | DidVoteAnswerEvent\n  | LogoEvent\n  | TokenEvents\n  | UpdateEntryEvents\n  | WillModifyTokenEvent\n  | WillNavigateEvent\n  | DidClickOnDocLink\n  | DidPublishRelease\n  | MediaEvents\n  | DidUpdateCTBSchema\n  | DidSkipGuidedTour\n  | DidCompleteGuidedTour\n  | DidStartGuidedTour\n  | DidOpenHomeWidgetLink\n  | DidOpenKeyStatisticsWidgetLink\n  | WillEditEntryFromHome;\n\nexport type TrackingEvent = EventWithoutProperties | EventsWithProperties;\nexport interface UseTrackingReturn {\n  /**\n   * This type helps show all the available event names before you start typing,\n   * however autocomplete isn't great.\n   */\n  trackUsage<TEvent extends TrackingEvent>(\n    event: TEvent['name'],\n    properties: TEvent['properties']\n  ): Promise<null | AxiosResponse<string>>;\n  trackUsage<TEvent extends Extract<TrackingEvent, { properties?: never }>>(\n    event: TEvent['name'],\n    properties?: never\n  ): Promise<null | AxiosResponse<string>>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  trackUsage<TEvent extends Extract<TrackingEvent, { properties: object }>>(\n    event: TEvent['name'],\n    properties: TEvent['properties']\n  ): Promise<null | AxiosResponse<string>>;\n}\n\n/**\n * @description Used to send amplitude events to the Strapi Tracking hub.\n *\n * @example\n * ```tsx\n * import { useTracking } from '@strapi/strapi/admin';\n *\n * const MyComponent = () => {\n *  const { trackUsage } = useTracking();\n *\n *  const handleClick = () => {\n *   trackUsage('my-event', { myProperty: 'myValue' });\n *  }\n *\n *  return <button onClick={handleClick}>Send Event</button>\n * }\n * ```\n */\nconst useTracking = (): UseTrackingReturn => {\n  const deviceType = useDeviceType();\n  const deviceTypeRef = React.useRef(deviceType);\n  deviceTypeRef.current = deviceType;\n  const { uuid, telemetryProperties } = React.useContext(TrackingContext);\n  const userId = useAppInfo('useTracking', (state) => state.userId);\n  const trackUsage = React.useCallback(\n    async <TEvent extends TrackingEvent>(\n      event: TEvent['name'],\n      properties?: TEvent['properties']\n    ) => {\n      try {\n        if (uuid && !window.strapi.telemetryDisabled) {\n          const res = await axios.post<string>(\n            `${process.env.STRAPI_ANALYTICS_URL || 'https://analytics.strapi.io'}/api/v2/track`,\n            {\n              event,\n              userId,\n              eventProperties: { ...properties },\n              userProperties: {\n                deviceType: deviceTypeRef.current,\n              },\n              groupProperties: {\n                ...telemetryProperties,\n                projectId: uuid,\n                projectType: window.strapi.projectType,\n              },\n            },\n            {\n              headers: {\n                'Content-Type': 'application/json',\n                'X-Strapi-Event': event,\n              },\n            }\n          );\n\n          return res;\n        }\n      } catch {\n        // Silence is golden\n      }\n\n      return null;\n    },\n    [telemetryProperties, userId, uuid]\n  );\n\n  return { trackUsage };\n};\n\nexport { TrackingProvider, useTracking };\n"],"names":["TrackingContext","React","createContext","uuid","TrackingProvider","children","token","useAuth","state","data","initData","useInitQuery","getAllWidgets","useStrapiApp","widgets","getAll","useTelemetryPropertiesQuery","undefined","skip","useEffect","event","fetch","process","env","STRAPI_ANALYTICS_URL","method","body","JSON","stringify","userId","eventPropeties","groupProperties","projectId","registeredWidgets","map","widget","uid","headers","value","useMemo","telemetryProperties","_jsx","Provider","useTracking","deviceType","useDeviceType","deviceTypeRef","useRef","current","useContext","useAppInfo","trackUsage","useCallback","properties","window","strapi","telemetryDisabled","res","axios","post","eventProperties","userProperties","projectType"],"mappings":"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"}
+{"version":3,"file":"Tracking.js","sources":["../../../../../admin/src/features/Tracking.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport axios, { AxiosResponse } from 'axios';\n\nimport { Tours } from '../components/GuidedTour/Tours';\nimport { useDeviceType } from '../hooks/useDeviceType';\nimport { useInitQuery, useTelemetryPropertiesQuery } from '../services/admin';\n\nimport { useAppInfo } from './AppInfo';\nimport { useAuth } from './Auth';\nimport { useStrapiApp } from './StrapiApp';\n\nexport interface TelemetryProperties {\n  useTypescriptOnServer?: boolean;\n  useTypescriptOnAdmin?: boolean;\n  isHostedOnStrapiCloud?: boolean;\n  numberOfAllContentTypes?: number;\n  numberOfComponents?: number;\n  numberOfDynamicZones?: number;\n  numberOfContentTypeFolders?: number;\n}\n\nexport interface TrackingContextValue {\n  uuid?: string | boolean;\n  telemetryProperties?: TelemetryProperties;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\nconst TrackingContext = React.createContext<TrackingContextValue>({\n  uuid: false,\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\n\nexport interface TrackingProviderProps {\n  children: React.ReactNode;\n}\n\nconst TrackingProvider = ({ children }: TrackingProviderProps) => {\n  const token = useAuth('App', (state) => state.token);\n  const { data: initData } = useInitQuery();\n  const { uuid } = initData ?? {};\n  const getAllWidgets = useStrapiApp('TrackingProvider', (state) => state.widgets.getAll);\n\n  const { data } = useTelemetryPropertiesQuery(undefined, {\n    skip: !initData?.uuid || !token,\n  });\n  React.useEffect(() => {\n    if (uuid && data) {\n      const event = 'didInitializeAdministration';\n      try {\n        fetch(`${process.env.STRAPI_ANALYTICS_URL || 'https://analytics.strapi.io'}/api/v2/track`, {\n          method: 'POST',\n          body: JSON.stringify({\n            // This event is anonymous\n            event,\n            userId: '',\n            eventPropeties: {},\n            groupProperties: {\n              ...data,\n              projectId: uuid,\n              registeredWidgets: getAllWidgets().map((widget) => widget.uid),\n            },\n          }),\n          headers: {\n            'Content-Type': 'application/json',\n            'X-Strapi-Event': event,\n          },\n        });\n      } catch {\n        // silence is golden\n      }\n    }\n  }, [data, uuid, getAllWidgets]);\n  const value = React.useMemo(\n    () => ({\n      uuid,\n      telemetryProperties: data,\n    }),\n    [uuid, data]\n  );\n\n  return <TrackingContext.Provider value={value}>{children}</TrackingContext.Provider>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Hook\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * We can group these events together because none have properties so there's no benefit\n * to having them as separate types.\n *\n * Meanwhile those with properties have different property shapes corresponding to the specific\n * event so understanding which properties go with which event is very helpful.\n */\nexport interface EventWithoutProperties {\n  name:\n    | 'changeComponentsOrder'\n    | 'didAddComponentToDynamicZone'\n    | 'didBulkDeleteEntries'\n    | 'didNotBulkDeleteEntries'\n    | 'didChangeDisplayedFields'\n    | 'didCheckDraftRelations'\n    | 'didClickGuidedTourHomepageApiTokens'\n    | 'didClickGuidedTourHomepageContentManager'\n    | 'didClickGuidedTourHomepageContentTypeBuilder'\n    | 'didClickGuidedTourStep1CollectionType'\n    | 'didClickGuidedTourStep2ContentManager'\n    | 'didClickGuidedTourStep3ApiTokens'\n    | 'didClickonBlogSection'\n    | 'didClickonCodeExampleSection'\n    | 'didClickonReadTheDocumentationSection'\n    | 'didClickOnTryStrapiCloudSection'\n    | 'didClickonTutorialSection'\n    | 'didCreateGuidedTourCollectionType'\n    | 'didCreateGuidedTourEntry'\n    | 'didCreateNewRole'\n    | 'didCreateRole'\n    | 'didDeleteToken'\n    | 'didDuplicateRole'\n    | 'didEditEditSettings'\n    | 'didEditEmailTemplates'\n    | 'didEditFieldNameOnContentType'\n    | 'didEditListSettings'\n    | 'didEditMediaLibraryConfig'\n    | 'didEditNameOfContentType'\n    | 'didGenerateGuidedTourApiTokens'\n    | 'didLaunchGuidedtour'\n    | 'didNotCreateFirstAdmin'\n    | 'didNotSaveComponent'\n    | 'didPluginLearnMore'\n    | 'didBulkPublishEntries'\n    | 'didNotBulkPublishEntries'\n    | 'didUnpublishEntry'\n    | 'didBulkUnpublishEntries'\n    | 'didNotBulkUnpublishEntries'\n    | 'didSaveComponent'\n    | 'didSaveContentType'\n    | 'didSearch'\n    | 'didSkipGuidedtour'\n    | 'didSubmitPlugin'\n    | 'didSubmitProvider'\n    | 'didUpdateConditions'\n    | 'didSelectAllMediaLibraryElements'\n    | 'didSelectContentTypeFieldSettings'\n    | 'didSelectContentTypeSettings'\n    | 'didEditAuthenticationProvider'\n    | 'didRestoreHistoryVersion'\n    | 'hasClickedCTBAddFieldBanner'\n    | 'removeComponentFromDynamicZone'\n    | 'willAddMoreFieldToContentType'\n    | 'willBulkDeleteEntries'\n    | 'willBulkPublishEntries'\n    | 'willBulkUnpublishEntries'\n    | 'willChangeNumberOfEntriesPerPage'\n    | 'willCheckDraftRelations'\n    | 'willCreateComponent'\n    | 'willCreateComponentFromAttributesModal'\n    | 'willCreateContentType'\n    | 'willCreateFirstAdmin'\n    | 'willCreateNewRole'\n    | 'willCreateRole'\n    | 'willCreateSingleType'\n    | 'willCreateStage'\n    | 'willCreateWorkflow'\n    | 'willDeleteEntryFromList'\n    | 'willDeleteFieldOfContentType'\n    | 'willDuplicateRole'\n    | 'willEditEditLayout'\n    | 'willEditEmailTemplates'\n    | 'willEditEntryFromButton'\n    | 'willEditEntryFromList'\n    | 'willEditReleaseFromHome'\n    | 'willEditFieldOfContentType'\n    | 'willEditMediaLibraryConfig'\n    | 'willEditNameOfContentType'\n    | 'willEditNameOfSingleType'\n    | 'willEditAuthenticationProvider'\n    | 'willEditFieldNameOnContentType'\n    | 'willEditStage'\n    | 'willFilterEntries'\n    | 'willInstallPlugin'\n    | 'willOpenAuditLogDetailsFromHome'\n    | 'willUnpublishEntry'\n    | 'willSaveComponent'\n    | 'willSaveContentType'\n    | 'willSaveContentTypeLayout'\n    | 'didEditFieldNameOnContentType'\n    | 'didCreateRelease'\n    | 'didStartNewChat'\n    | 'didLaunchGuidedtour'\n    | 'didEditAICaption'\n    | 'didEditAIAlternativeText'\n    | 'didGenerateMetadataRetroactively'\n    | 'didActOnFolders';\n\n  properties?: never;\n}\n\ninterface DidAccessAuthenticatedAdministrationEvent {\n  name: 'didAccessAuthenticatedAdministration';\n  properties: {\n    registeredWidgets: string[];\n    projectId: string;\n  };\n}\n\ninterface DidFilterMediaLibraryElementsEvent {\n  name: 'didFilterMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    filter: string;\n  };\n}\n\ninterface DidSortMediaLibraryElementsEvent {\n  name: 'didSortMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    sort: string;\n  };\n}\n\ninterface DidCropFileEvent {\n  name: 'didCropFile';\n  properties: MediaEvents['properties'] & {\n    duplicatedFile: null | boolean;\n  };\n}\n\ninterface DidSelectFile {\n  name: 'didSelectFile';\n  properties: MediaEvents['properties'] & {\n    source: 'url' | 'computer';\n  };\n}\n\ninterface DidEditMediaLibraryElementsEvent {\n  name: 'didEditMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    type: string;\n    changeLocation: string | boolean;\n  };\n}\n\ninterface MediaEvents {\n  name:\n    | 'didSearchMediaLibraryElements'\n    | 'didReplaceMedia'\n    | 'didAddMediaLibraryFolders'\n    | 'willAddMediaLibraryAssets';\n  properties: {\n    location: string;\n  };\n}\n\ninterface DidSelectContentTypeFieldTypeEvent {\n  name: 'didSelectContentTypeFieldType';\n  properties: {\n    type?: string;\n  };\n}\n\ninterface DidChangeModeEvent {\n  name: 'didChangeMode';\n  properties: {\n    newMode: string;\n  };\n}\ninterface DidSubmitWithErrorsFirstAdminEvent {\n  name: 'didSubmitWithErrorsFirstAdmin';\n  properties: {\n    count: string;\n  };\n}\n\ninterface WillNavigateEvent {\n  name: 'willNavigate';\n  properties: {\n    from: string;\n    to: string;\n  };\n}\n\ninterface DidClickOnDocLink {\n  name: 'didClickOnDocLink';\n  properties: {\n    from: string;\n    to: string;\n  };\n}\n\ninterface DidAccessTokenListEvent {\n  name: 'didAccessTokenList';\n  properties: {\n    tokenType: TokenEvents['properties']['tokenType'];\n    number: number;\n  };\n}\ninterface LogoEvent {\n  name: 'didChangeLogo' | 'didClickResetLogo';\n  properties: {\n    logo: 'menu' | 'auth';\n  };\n}\n\ninterface TokenEvents {\n  name:\n    | 'didCopyTokenKey'\n    | 'didAddTokenFromList'\n    | 'didEditTokenFromList'\n    | 'willAccessTokenList'\n    | 'willAddTokenFromList'\n    | 'willCreateToken'\n    | 'willDeleteToken'\n    | 'willEditToken'\n    | 'willEditTokenFromList';\n  properties: {\n    tokenType: 'api-token' | 'transfer-token';\n  };\n}\n\ninterface WillModifyTokenEvent {\n  name: 'didCreateToken' | 'didEditToken';\n  properties: {\n    tokenType: TokenEvents['properties']['tokenType'];\n    kind?: 'admin' | 'content-api';\n    type?: 'custom' | 'full-access' | 'read-only' | Array<'push' | 'pull' | 'push-pull'>;\n  };\n}\n\ninterface DeleteEntryEvents {\n  name: 'willDeleteEntry' | 'didDeleteEntry' | 'didNotDeleteEntry';\n  properties: {\n    status?: string;\n    error?: unknown;\n  };\n}\n\ninterface CreateEntryEvents {\n  name: 'willCreateEntry' | 'didCreateEntry' | 'didNotCreateEntry';\n  properties: {\n    documentId?: string;\n    status?: string;\n    error?: unknown;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface PublishEntryEvents {\n  name: 'willPublishEntry' | 'didPublishEntry';\n  properties: {\n    documentId?: string;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface UpdateEntryEvents {\n  name: 'willEditEntry' | 'didEditEntry' | 'didNotEditEntry';\n  properties: {\n    documentId?: string;\n    status?: string;\n    error?: unknown;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface DidFilterEntriesEvent {\n  name: 'didFilterEntries';\n  properties: {\n    useRelation: boolean;\n  };\n}\n\ninterface DidPublishRelease {\n  name: 'didPublishRelease';\n  properties: {\n    totalEntries: number;\n    totalPublishedEntries: number;\n    totalUnpublishedEntries: number;\n  };\n}\n\ninterface DidUsePresetPromptEvent {\n  name: 'didUsePresetPrompt';\n  properties: {\n    promptType:\n      | 'generate-product-schema'\n      | 'tell-me-about-the-content-type-builder'\n      | 'tell-me-about-strapi';\n  };\n}\n\ninterface DidAnswerMessageEvent {\n  name: 'didAnswerMessage';\n  properties: {\n    successful: boolean;\n  };\n}\n\ninterface DidVoteAnswerEvent {\n  name: 'didVoteAnswer';\n  properties: {\n    value: 'positive' | 'negative';\n  };\n}\n\ninterface DidUpdateCTBSchema {\n  name: 'didUpdateCTBSchema';\n  properties: {\n    success: boolean;\n    newContentTypes: number;\n    editedContentTypes: number;\n    deletedContentTypes: number;\n    newComponents: number;\n    editedComponents: number;\n    deletedComponents: number;\n    newFields: number;\n    editedFields: number;\n    deletedFields: number;\n  };\n}\n\ninterface DidSkipGuidedTour {\n  name: 'didSkipGuidedTour';\n  properties: {\n    name: keyof Tours | 'all';\n  };\n}\n\ninterface DidCompleteGuidedTour {\n  name: 'didCompleteGuidedTour';\n  properties: {\n    name: keyof Tours | 'all';\n  };\n}\n\ninterface DidStartGuidedTour {\n  name: 'didStartGuidedTour';\n  properties: {\n    name: keyof Tours;\n    fromHomepage?: boolean;\n  };\n}\n\ninterface WillEditEntryFromHome {\n  name: 'willEditEntryFromHome';\n  properties: {\n    entryType: 'edited' | 'published' | 'assigned';\n  };\n}\n\ninterface DidOpenHomeWidgetLink {\n  name: 'didOpenHomeWidgetLink';\n  properties: {\n    widgetUID: string;\n  };\n}\n\ninterface DidOpenKeyStatisticsWidgetLink {\n  name: 'didOpenKeyStatisticsWidgetLink';\n  properties: {\n    itemKey: string;\n  };\n}\n\ntype EventsWithProperties =\n  | CreateEntryEvents\n  | PublishEntryEvents\n  | DidAccessAuthenticatedAdministrationEvent\n  | DidAccessTokenListEvent\n  | DidChangeModeEvent\n  | DidCropFileEvent\n  | DeleteEntryEvents\n  | DidEditMediaLibraryElementsEvent\n  | DidFilterMediaLibraryElementsEvent\n  | DidFilterEntriesEvent\n  | DidSelectContentTypeFieldTypeEvent\n  | DidSelectFile\n  | DidSortMediaLibraryElementsEvent\n  | DidSubmitWithErrorsFirstAdminEvent\n  | DidUsePresetPromptEvent\n  | DidAnswerMessageEvent\n  | DidVoteAnswerEvent\n  | LogoEvent\n  | TokenEvents\n  | UpdateEntryEvents\n  | WillModifyTokenEvent\n  | WillNavigateEvent\n  | DidClickOnDocLink\n  | DidPublishRelease\n  | MediaEvents\n  | DidUpdateCTBSchema\n  | DidSkipGuidedTour\n  | DidCompleteGuidedTour\n  | DidStartGuidedTour\n  | DidOpenHomeWidgetLink\n  | DidOpenKeyStatisticsWidgetLink\n  | WillEditEntryFromHome;\n\nexport type TrackingEvent = EventWithoutProperties | EventsWithProperties;\nexport interface UseTrackingReturn {\n  /**\n   * This type helps show all the available event names before you start typing,\n   * however autocomplete isn't great.\n   */\n  trackUsage<TEvent extends TrackingEvent>(\n    event: TEvent['name'],\n    properties: TEvent['properties']\n  ): Promise<null | AxiosResponse<string>>;\n  trackUsage<TEvent extends Extract<TrackingEvent, { properties?: never }>>(\n    event: TEvent['name'],\n    properties?: never\n  ): Promise<null | AxiosResponse<string>>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  trackUsage<TEvent extends Extract<TrackingEvent, { properties: object }>>(\n    event: TEvent['name'],\n    properties: TEvent['properties']\n  ): Promise<null | AxiosResponse<string>>;\n}\n\n/**\n * @description Used to send amplitude events to the Strapi Tracking hub.\n *\n * @example\n * ```tsx\n * import { useTracking } from '@strapi/strapi/admin';\n *\n * const MyComponent = () => {\n *  const { trackUsage } = useTracking();\n *\n *  const handleClick = () => {\n *   trackUsage('my-event', { myProperty: 'myValue' });\n *  }\n *\n *  return <button onClick={handleClick}>Send Event</button>\n * }\n * ```\n */\nconst useTracking = (): UseTrackingReturn => {\n  const deviceType = useDeviceType();\n  const deviceTypeRef = React.useRef(deviceType);\n  deviceTypeRef.current = deviceType;\n  const { uuid, telemetryProperties } = React.useContext(TrackingContext);\n  const userId = useAppInfo('useTracking', (state) => state.userId);\n  const trackUsage = React.useCallback(\n    async <TEvent extends TrackingEvent>(\n      event: TEvent['name'],\n      properties?: TEvent['properties']\n    ) => {\n      try {\n        if (uuid && !window.strapi.telemetryDisabled) {\n          const res = await axios.post<string>(\n            `${process.env.STRAPI_ANALYTICS_URL || 'https://analytics.strapi.io'}/api/v2/track`,\n            {\n              event,\n              userId,\n              eventProperties: { ...properties },\n              userProperties: {\n                deviceType: deviceTypeRef.current,\n              },\n              groupProperties: {\n                ...telemetryProperties,\n                projectId: uuid,\n                projectType: window.strapi.projectType,\n              },\n            },\n            {\n              headers: {\n                'Content-Type': 'application/json',\n                'X-Strapi-Event': event,\n              },\n            }\n          );\n\n          return res;\n        }\n      } catch {\n        // Silence is golden\n      }\n\n      return null;\n    },\n    [telemetryProperties, userId, uuid]\n  );\n\n  return { trackUsage };\n};\n\nexport { TrackingProvider, useTracking };\n"],"names":["TrackingContext","React","createContext","uuid","TrackingProvider","children","token","useAuth","state","data","initData","useInitQuery","getAllWidgets","useStrapiApp","widgets","getAll","useTelemetryPropertiesQuery","undefined","skip","useEffect","event","fetch","process","env","STRAPI_ANALYTICS_URL","method","body","JSON","stringify","userId","eventPropeties","groupProperties","projectId","registeredWidgets","map","widget","uid","headers","value","useMemo","telemetryProperties","_jsx","Provider","useTracking","deviceType","useDeviceType","deviceTypeRef","useRef","current","useContext","useAppInfo","trackUsage","useCallback","properties","window","strapi","telemetryDisabled","res","axios","post","eventProperties","userProperties","projectType"],"mappings":"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"}

package/dist/admin/admin/src/features/Tracking.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tracking.mjs","sources":["../../../../../admin/src/features/Tracking.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport axios, { AxiosResponse } from 'axios';\n\nimport { Tours } from '../components/GuidedTour/Tours';\nimport { useDeviceType } from '../hooks/useDeviceType';\nimport { useInitQuery, useTelemetryPropertiesQuery } from '../services/admin';\n\nimport { useAppInfo } from './AppInfo';\nimport { useAuth } from './Auth';\nimport { useStrapiApp } from './StrapiApp';\n\nexport interface TelemetryProperties {\n  useTypescriptOnServer?: boolean;\n  useTypescriptOnAdmin?: boolean;\n  isHostedOnStrapiCloud?: boolean;\n  numberOfAllContentTypes?: number;\n  numberOfComponents?: number;\n  numberOfDynamicZones?: number;\n}\n\nexport interface TrackingContextValue {\n  uuid?: string | boolean;\n  telemetryProperties?: TelemetryProperties;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\nconst TrackingContext = React.createContext<TrackingContextValue>({\n  uuid: false,\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\n\nexport interface TrackingProviderProps {\n  children: React.ReactNode;\n}\n\nconst TrackingProvider = ({ children }: TrackingProviderProps) => {\n  const token = useAuth('App', (state) => state.token);\n  const { data: initData } = useInitQuery();\n  const { uuid } = initData ?? {};\n  const getAllWidgets = useStrapiApp('TrackingProvider', (state) => state.widgets.getAll);\n\n  const { data } = useTelemetryPropertiesQuery(undefined, {\n    skip: !initData?.uuid || !token,\n  });\n  React.useEffect(() => {\n    if (uuid && data) {\n      const event = 'didInitializeAdministration';\n      try {\n        fetch(`${process.env.STRAPI_ANALYTICS_URL || 'https://analytics.strapi.io'}/api/v2/track`, {\n          method: 'POST',\n          body: JSON.stringify({\n            // This event is anonymous\n            event,\n            userId: '',\n            eventPropeties: {},\n            groupProperties: {\n              ...data,\n              projectId: uuid,\n              registeredWidgets: getAllWidgets().map((widget) => widget.uid),\n            },\n          }),\n          headers: {\n            'Content-Type': 'application/json',\n            'X-Strapi-Event': event,\n          },\n        });\n      } catch {\n        // silence is golden\n      }\n    }\n  }, [data, uuid, getAllWidgets]);\n  const value = React.useMemo(\n    () => ({\n      uuid,\n      telemetryProperties: data,\n    }),\n    [uuid, data]\n  );\n\n  return <TrackingContext.Provider value={value}>{children}</TrackingContext.Provider>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Hook\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * We can group these events together because none have properties so there's no benefit\n * to having them as separate types.\n *\n * Meanwhile those with properties have different property shapes corresponding to the specific\n * event so understanding which properties go with which event is very helpful.\n */\nexport interface EventWithoutProperties {\n  name:\n    | 'changeComponentsOrder'\n    | 'didAddComponentToDynamicZone'\n    | 'didBulkDeleteEntries'\n    | 'didNotBulkDeleteEntries'\n    | 'didChangeDisplayedFields'\n    | 'didCheckDraftRelations'\n    | 'didClickGuidedTourHomepageApiTokens'\n    | 'didClickGuidedTourHomepageContentManager'\n    | 'didClickGuidedTourHomepageContentTypeBuilder'\n    | 'didClickGuidedTourStep1CollectionType'\n    | 'didClickGuidedTourStep2ContentManager'\n    | 'didClickGuidedTourStep3ApiTokens'\n    | 'didClickonBlogSection'\n    | 'didClickonCodeExampleSection'\n    | 'didClickonReadTheDocumentationSection'\n    | 'didClickOnTryStrapiCloudSection'\n    | 'didClickonTutorialSection'\n    | 'didCreateGuidedTourCollectionType'\n    | 'didCreateGuidedTourEntry'\n    | 'didCreateNewRole'\n    | 'didCreateRole'\n    | 'didDeleteToken'\n    | 'didDuplicateRole'\n    | 'didEditEditSettings'\n    | 'didEditEmailTemplates'\n    | 'didEditFieldNameOnContentType'\n    | 'didEditListSettings'\n    | 'didEditMediaLibraryConfig'\n    | 'didEditNameOfContentType'\n    | 'didGenerateGuidedTourApiTokens'\n    | 'didLaunchGuidedtour'\n    | 'didNotCreateFirstAdmin'\n    | 'didNotSaveComponent'\n    | 'didPluginLearnMore'\n    | 'didBulkPublishEntries'\n    | 'didNotBulkPublishEntries'\n    | 'didUnpublishEntry'\n    | 'didBulkUnpublishEntries'\n    | 'didNotBulkUnpublishEntries'\n    | 'didSaveComponent'\n    | 'didSaveContentType'\n    | 'didSearch'\n    | 'didSkipGuidedtour'\n    | 'didSubmitPlugin'\n    | 'didSubmitProvider'\n    | 'didUpdateConditions'\n    | 'didSelectAllMediaLibraryElements'\n    | 'didSelectContentTypeFieldSettings'\n    | 'didSelectContentTypeSettings'\n    | 'didEditAuthenticationProvider'\n    | 'didRestoreHistoryVersion'\n    | 'hasClickedCTBAddFieldBanner'\n    | 'removeComponentFromDynamicZone'\n    | 'willAddMoreFieldToContentType'\n    | 'willBulkDeleteEntries'\n    | 'willBulkPublishEntries'\n    | 'willBulkUnpublishEntries'\n    | 'willChangeNumberOfEntriesPerPage'\n    | 'willCheckDraftRelations'\n    | 'willCreateComponent'\n    | 'willCreateComponentFromAttributesModal'\n    | 'willCreateContentType'\n    | 'willCreateFirstAdmin'\n    | 'willCreateNewRole'\n    | 'willCreateRole'\n    | 'willCreateSingleType'\n    | 'willCreateStage'\n    | 'willCreateWorkflow'\n    | 'willDeleteEntryFromList'\n    | 'willDeleteFieldOfContentType'\n    | 'willDuplicateRole'\n    | 'willEditEditLayout'\n    | 'willEditEmailTemplates'\n    | 'willEditEntryFromButton'\n    | 'willEditEntryFromList'\n    | 'willEditReleaseFromHome'\n    | 'willEditFieldOfContentType'\n    | 'willEditMediaLibraryConfig'\n    | 'willEditNameOfContentType'\n    | 'willEditNameOfSingleType'\n    | 'willEditAuthenticationProvider'\n    | 'willEditFieldNameOnContentType'\n    | 'willEditStage'\n    | 'willFilterEntries'\n    | 'willInstallPlugin'\n    | 'willOpenAuditLogDetailsFromHome'\n    | 'willUnpublishEntry'\n    | 'willSaveComponent'\n    | 'willSaveContentType'\n    | 'willSaveContentTypeLayout'\n    | 'didEditFieldNameOnContentType'\n    | 'didCreateRelease'\n    | 'didStartNewChat'\n    | 'didLaunchGuidedtour'\n    | 'didEditAICaption'\n    | 'didEditAIAlternativeText'\n    | 'didGenerateMetadataRetroactively';\n\n  properties?: never;\n}\n\ninterface DidAccessAuthenticatedAdministrationEvent {\n  name: 'didAccessAuthenticatedAdministration';\n  properties: {\n    registeredWidgets: string[];\n    projectId: string;\n  };\n}\n\ninterface DidFilterMediaLibraryElementsEvent {\n  name: 'didFilterMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    filter: string;\n  };\n}\n\ninterface DidSortMediaLibraryElementsEvent {\n  name: 'didSortMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    sort: string;\n  };\n}\n\ninterface DidCropFileEvent {\n  name: 'didCropFile';\n  properties: MediaEvents['properties'] & {\n    duplicatedFile: null | boolean;\n  };\n}\n\ninterface DidSelectFile {\n  name: 'didSelectFile';\n  properties: MediaEvents['properties'] & {\n    source: 'url' | 'computer';\n  };\n}\n\ninterface DidEditMediaLibraryElementsEvent {\n  name: 'didEditMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    type: string;\n    changeLocation: string | boolean;\n  };\n}\n\ninterface MediaEvents {\n  name:\n    | 'didSearchMediaLibraryElements'\n    | 'didReplaceMedia'\n    | 'didAddMediaLibraryFolders'\n    | 'willAddMediaLibraryAssets';\n  properties: {\n    location: string;\n  };\n}\n\ninterface DidSelectContentTypeFieldTypeEvent {\n  name: 'didSelectContentTypeFieldType';\n  properties: {\n    type?: string;\n  };\n}\n\ninterface DidChangeModeEvent {\n  name: 'didChangeMode';\n  properties: {\n    newMode: string;\n  };\n}\ninterface DidSubmitWithErrorsFirstAdminEvent {\n  name: 'didSubmitWithErrorsFirstAdmin';\n  properties: {\n    count: string;\n  };\n}\n\ninterface WillNavigateEvent {\n  name: 'willNavigate';\n  properties: {\n    from: string;\n    to: string;\n  };\n}\n\ninterface DidClickOnDocLink {\n  name: 'didClickOnDocLink';\n  properties: {\n    from: string;\n    to: string;\n  };\n}\n\ninterface DidAccessTokenListEvent {\n  name: 'didAccessTokenList';\n  properties: {\n    tokenType: TokenEvents['properties']['tokenType'];\n    number: number;\n  };\n}\ninterface LogoEvent {\n  name: 'didChangeLogo' | 'didClickResetLogo';\n  properties: {\n    logo: 'menu' | 'auth';\n  };\n}\n\ninterface TokenEvents {\n  name:\n    | 'didCopyTokenKey'\n    | 'didAddTokenFromList'\n    | 'didEditTokenFromList'\n    | 'willAccessTokenList'\n    | 'willAddTokenFromList'\n    | 'willCreateToken'\n    | 'willDeleteToken'\n    | 'willEditToken'\n    | 'willEditTokenFromList';\n  properties: {\n    tokenType: 'api-token' | 'transfer-token';\n  };\n}\n\ninterface WillModifyTokenEvent {\n  name: 'didCreateToken' | 'didEditToken';\n  properties: {\n    tokenType: TokenEvents['properties']['tokenType'];\n    kind?: 'admin' | 'content-api';\n    type?: 'custom' | 'full-access' | 'read-only' | Array<'push' | 'pull' | 'push-pull'>;\n  };\n}\n\ninterface DeleteEntryEvents {\n  name: 'willDeleteEntry' | 'didDeleteEntry' | 'didNotDeleteEntry';\n  properties: {\n    status?: string;\n    error?: unknown;\n  };\n}\n\ninterface CreateEntryEvents {\n  name: 'willCreateEntry' | 'didCreateEntry' | 'didNotCreateEntry';\n  properties: {\n    documentId?: string;\n    status?: string;\n    error?: unknown;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface PublishEntryEvents {\n  name: 'willPublishEntry' | 'didPublishEntry';\n  properties: {\n    documentId?: string;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface UpdateEntryEvents {\n  name: 'willEditEntry' | 'didEditEntry' | 'didNotEditEntry';\n  properties: {\n    documentId?: string;\n    status?: string;\n    error?: unknown;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface DidFilterEntriesEvent {\n  name: 'didFilterEntries';\n  properties: {\n    useRelation: boolean;\n  };\n}\n\ninterface DidPublishRelease {\n  name: 'didPublishRelease';\n  properties: {\n    totalEntries: number;\n    totalPublishedEntries: number;\n    totalUnpublishedEntries: number;\n  };\n}\n\ninterface DidUsePresetPromptEvent {\n  name: 'didUsePresetPrompt';\n  properties: {\n    promptType:\n      | 'generate-product-schema'\n      | 'tell-me-about-the-content-type-builder'\n      | 'tell-me-about-strapi';\n  };\n}\n\ninterface DidAnswerMessageEvent {\n  name: 'didAnswerMessage';\n  properties: {\n    successful: boolean;\n  };\n}\n\ninterface DidVoteAnswerEvent {\n  name: 'didVoteAnswer';\n  properties: {\n    value: 'positive' | 'negative';\n  };\n}\n\ninterface DidUpdateCTBSchema {\n  name: 'didUpdateCTBSchema';\n  properties: {\n    success: boolean;\n    newContentTypes: number;\n    editedContentTypes: number;\n    deletedContentTypes: number;\n    newComponents: number;\n    editedComponents: number;\n    deletedComponents: number;\n    newFields: number;\n    editedFields: number;\n    deletedFields: number;\n  };\n}\n\ninterface DidSkipGuidedTour {\n  name: 'didSkipGuidedTour';\n  properties: {\n    name: keyof Tours | 'all';\n  };\n}\n\ninterface DidCompleteGuidedTour {\n  name: 'didCompleteGuidedTour';\n  properties: {\n    name: keyof Tours | 'all';\n  };\n}\n\ninterface DidStartGuidedTour {\n  name: 'didStartGuidedTour';\n  properties: {\n    name: keyof Tours;\n    fromHomepage?: boolean;\n  };\n}\n\ninterface WillEditEntryFromHome {\n  name: 'willEditEntryFromHome';\n  properties: {\n    entryType: 'edited' | 'published' | 'assigned';\n  };\n}\n\ninterface DidOpenHomeWidgetLink {\n  name: 'didOpenHomeWidgetLink';\n  properties: {\n    widgetUID: string;\n  };\n}\n\ninterface DidOpenKeyStatisticsWidgetLink {\n  name: 'didOpenKeyStatisticsWidgetLink';\n  properties: {\n    itemKey: string;\n  };\n}\n\ntype EventsWithProperties =\n  | CreateEntryEvents\n  | PublishEntryEvents\n  | DidAccessAuthenticatedAdministrationEvent\n  | DidAccessTokenListEvent\n  | DidChangeModeEvent\n  | DidCropFileEvent\n  | DeleteEntryEvents\n  | DidEditMediaLibraryElementsEvent\n  | DidFilterMediaLibraryElementsEvent\n  | DidFilterEntriesEvent\n  | DidSelectContentTypeFieldTypeEvent\n  | DidSelectFile\n  | DidSortMediaLibraryElementsEvent\n  | DidSubmitWithErrorsFirstAdminEvent\n  | DidUsePresetPromptEvent\n  | DidAnswerMessageEvent\n  | DidVoteAnswerEvent\n  | LogoEvent\n  | TokenEvents\n  | UpdateEntryEvents\n  | WillModifyTokenEvent\n  | WillNavigateEvent\n  | DidClickOnDocLink\n  | DidPublishRelease\n  | MediaEvents\n  | DidUpdateCTBSchema\n  | DidSkipGuidedTour\n  | DidCompleteGuidedTour\n  | DidStartGuidedTour\n  | DidOpenHomeWidgetLink\n  | DidOpenKeyStatisticsWidgetLink\n  | WillEditEntryFromHome;\n\nexport type TrackingEvent = EventWithoutProperties | EventsWithProperties;\nexport interface UseTrackingReturn {\n  /**\n   * This type helps show all the available event names before you start typing,\n   * however autocomplete isn't great.\n   */\n  trackUsage<TEvent extends TrackingEvent>(\n    event: TEvent['name'],\n    properties: TEvent['properties']\n  ): Promise<null | AxiosResponse<string>>;\n  trackUsage<TEvent extends Extract<TrackingEvent, { properties?: never }>>(\n    event: TEvent['name'],\n    properties?: never\n  ): Promise<null | AxiosResponse<string>>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  trackUsage<TEvent extends Extract<TrackingEvent, { properties: object }>>(\n    event: TEvent['name'],\n    properties: TEvent['properties']\n  ): Promise<null | AxiosResponse<string>>;\n}\n\n/**\n * @description Used to send amplitude events to the Strapi Tracking hub.\n *\n * @example\n * ```tsx\n * import { useTracking } from '@strapi/strapi/admin';\n *\n * const MyComponent = () => {\n *  const { trackUsage } = useTracking();\n *\n *  const handleClick = () => {\n *   trackUsage('my-event', { myProperty: 'myValue' });\n *  }\n *\n *  return <button onClick={handleClick}>Send Event</button>\n * }\n * ```\n */\nconst useTracking = (): UseTrackingReturn => {\n  const deviceType = useDeviceType();\n  const deviceTypeRef = React.useRef(deviceType);\n  deviceTypeRef.current = deviceType;\n  const { uuid, telemetryProperties } = React.useContext(TrackingContext);\n  const userId = useAppInfo('useTracking', (state) => state.userId);\n  const trackUsage = React.useCallback(\n    async <TEvent extends TrackingEvent>(\n      event: TEvent['name'],\n      properties?: TEvent['properties']\n    ) => {\n      try {\n        if (uuid && !window.strapi.telemetryDisabled) {\n          const res = await axios.post<string>(\n            `${process.env.STRAPI_ANALYTICS_URL || 'https://analytics.strapi.io'}/api/v2/track`,\n            {\n              event,\n              userId,\n              eventProperties: { ...properties },\n              userProperties: {\n                deviceType: deviceTypeRef.current,\n              },\n              groupProperties: {\n                ...telemetryProperties,\n                projectId: uuid,\n                projectType: window.strapi.projectType,\n              },\n            },\n            {\n              headers: {\n                'Content-Type': 'application/json',\n                'X-Strapi-Event': event,\n              },\n            }\n          );\n\n          return res;\n        }\n      } catch {\n        // Silence is golden\n      }\n\n      return null;\n    },\n    [telemetryProperties, userId, uuid]\n  );\n\n  return { trackUsage };\n};\n\nexport { TrackingProvider, useTracking };\n"],"names":["TrackingContext","React","createContext","uuid","TrackingProvider","children","token","useAuth","state","data","initData","useInitQuery","getAllWidgets","useStrapiApp","widgets","getAll","useTelemetryPropertiesQuery","undefined","skip","useEffect","event","fetch","process","env","STRAPI_ANALYTICS_URL","method","body","JSON","stringify","userId","eventPropeties","groupProperties","projectId","registeredWidgets","map","widget","uid","headers","value","useMemo","telemetryProperties","_jsx","Provider","useTracking","deviceType","useDeviceType","deviceTypeRef","useRef","current","useContext","useAppInfo","trackUsage","useCallback","properties","window","strapi","telemetryDisabled","res","axios","post","eventProperties","userProperties","projectType"],"mappings":"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"}
+{"version":3,"file":"Tracking.mjs","sources":["../../../../../admin/src/features/Tracking.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport axios, { AxiosResponse } from 'axios';\n\nimport { Tours } from '../components/GuidedTour/Tours';\nimport { useDeviceType } from '../hooks/useDeviceType';\nimport { useInitQuery, useTelemetryPropertiesQuery } from '../services/admin';\n\nimport { useAppInfo } from './AppInfo';\nimport { useAuth } from './Auth';\nimport { useStrapiApp } from './StrapiApp';\n\nexport interface TelemetryProperties {\n  useTypescriptOnServer?: boolean;\n  useTypescriptOnAdmin?: boolean;\n  isHostedOnStrapiCloud?: boolean;\n  numberOfAllContentTypes?: number;\n  numberOfComponents?: number;\n  numberOfDynamicZones?: number;\n  numberOfContentTypeFolders?: number;\n}\n\nexport interface TrackingContextValue {\n  uuid?: string | boolean;\n  telemetryProperties?: TelemetryProperties;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\nconst TrackingContext = React.createContext<TrackingContextValue>({\n  uuid: false,\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\n\nexport interface TrackingProviderProps {\n  children: React.ReactNode;\n}\n\nconst TrackingProvider = ({ children }: TrackingProviderProps) => {\n  const token = useAuth('App', (state) => state.token);\n  const { data: initData } = useInitQuery();\n  const { uuid } = initData ?? {};\n  const getAllWidgets = useStrapiApp('TrackingProvider', (state) => state.widgets.getAll);\n\n  const { data } = useTelemetryPropertiesQuery(undefined, {\n    skip: !initData?.uuid || !token,\n  });\n  React.useEffect(() => {\n    if (uuid && data) {\n      const event = 'didInitializeAdministration';\n      try {\n        fetch(`${process.env.STRAPI_ANALYTICS_URL || 'https://analytics.strapi.io'}/api/v2/track`, {\n          method: 'POST',\n          body: JSON.stringify({\n            // This event is anonymous\n            event,\n            userId: '',\n            eventPropeties: {},\n            groupProperties: {\n              ...data,\n              projectId: uuid,\n              registeredWidgets: getAllWidgets().map((widget) => widget.uid),\n            },\n          }),\n          headers: {\n            'Content-Type': 'application/json',\n            'X-Strapi-Event': event,\n          },\n        });\n      } catch {\n        // silence is golden\n      }\n    }\n  }, [data, uuid, getAllWidgets]);\n  const value = React.useMemo(\n    () => ({\n      uuid,\n      telemetryProperties: data,\n    }),\n    [uuid, data]\n  );\n\n  return <TrackingContext.Provider value={value}>{children}</TrackingContext.Provider>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Hook\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * We can group these events together because none have properties so there's no benefit\n * to having them as separate types.\n *\n * Meanwhile those with properties have different property shapes corresponding to the specific\n * event so understanding which properties go with which event is very helpful.\n */\nexport interface EventWithoutProperties {\n  name:\n    | 'changeComponentsOrder'\n    | 'didAddComponentToDynamicZone'\n    | 'didBulkDeleteEntries'\n    | 'didNotBulkDeleteEntries'\n    | 'didChangeDisplayedFields'\n    | 'didCheckDraftRelations'\n    | 'didClickGuidedTourHomepageApiTokens'\n    | 'didClickGuidedTourHomepageContentManager'\n    | 'didClickGuidedTourHomepageContentTypeBuilder'\n    | 'didClickGuidedTourStep1CollectionType'\n    | 'didClickGuidedTourStep2ContentManager'\n    | 'didClickGuidedTourStep3ApiTokens'\n    | 'didClickonBlogSection'\n    | 'didClickonCodeExampleSection'\n    | 'didClickonReadTheDocumentationSection'\n    | 'didClickOnTryStrapiCloudSection'\n    | 'didClickonTutorialSection'\n    | 'didCreateGuidedTourCollectionType'\n    | 'didCreateGuidedTourEntry'\n    | 'didCreateNewRole'\n    | 'didCreateRole'\n    | 'didDeleteToken'\n    | 'didDuplicateRole'\n    | 'didEditEditSettings'\n    | 'didEditEmailTemplates'\n    | 'didEditFieldNameOnContentType'\n    | 'didEditListSettings'\n    | 'didEditMediaLibraryConfig'\n    | 'didEditNameOfContentType'\n    | 'didGenerateGuidedTourApiTokens'\n    | 'didLaunchGuidedtour'\n    | 'didNotCreateFirstAdmin'\n    | 'didNotSaveComponent'\n    | 'didPluginLearnMore'\n    | 'didBulkPublishEntries'\n    | 'didNotBulkPublishEntries'\n    | 'didUnpublishEntry'\n    | 'didBulkUnpublishEntries'\n    | 'didNotBulkUnpublishEntries'\n    | 'didSaveComponent'\n    | 'didSaveContentType'\n    | 'didSearch'\n    | 'didSkipGuidedtour'\n    | 'didSubmitPlugin'\n    | 'didSubmitProvider'\n    | 'didUpdateConditions'\n    | 'didSelectAllMediaLibraryElements'\n    | 'didSelectContentTypeFieldSettings'\n    | 'didSelectContentTypeSettings'\n    | 'didEditAuthenticationProvider'\n    | 'didRestoreHistoryVersion'\n    | 'hasClickedCTBAddFieldBanner'\n    | 'removeComponentFromDynamicZone'\n    | 'willAddMoreFieldToContentType'\n    | 'willBulkDeleteEntries'\n    | 'willBulkPublishEntries'\n    | 'willBulkUnpublishEntries'\n    | 'willChangeNumberOfEntriesPerPage'\n    | 'willCheckDraftRelations'\n    | 'willCreateComponent'\n    | 'willCreateComponentFromAttributesModal'\n    | 'willCreateContentType'\n    | 'willCreateFirstAdmin'\n    | 'willCreateNewRole'\n    | 'willCreateRole'\n    | 'willCreateSingleType'\n    | 'willCreateStage'\n    | 'willCreateWorkflow'\n    | 'willDeleteEntryFromList'\n    | 'willDeleteFieldOfContentType'\n    | 'willDuplicateRole'\n    | 'willEditEditLayout'\n    | 'willEditEmailTemplates'\n    | 'willEditEntryFromButton'\n    | 'willEditEntryFromList'\n    | 'willEditReleaseFromHome'\n    | 'willEditFieldOfContentType'\n    | 'willEditMediaLibraryConfig'\n    | 'willEditNameOfContentType'\n    | 'willEditNameOfSingleType'\n    | 'willEditAuthenticationProvider'\n    | 'willEditFieldNameOnContentType'\n    | 'willEditStage'\n    | 'willFilterEntries'\n    | 'willInstallPlugin'\n    | 'willOpenAuditLogDetailsFromHome'\n    | 'willUnpublishEntry'\n    | 'willSaveComponent'\n    | 'willSaveContentType'\n    | 'willSaveContentTypeLayout'\n    | 'didEditFieldNameOnContentType'\n    | 'didCreateRelease'\n    | 'didStartNewChat'\n    | 'didLaunchGuidedtour'\n    | 'didEditAICaption'\n    | 'didEditAIAlternativeText'\n    | 'didGenerateMetadataRetroactively'\n    | 'didActOnFolders';\n\n  properties?: never;\n}\n\ninterface DidAccessAuthenticatedAdministrationEvent {\n  name: 'didAccessAuthenticatedAdministration';\n  properties: {\n    registeredWidgets: string[];\n    projectId: string;\n  };\n}\n\ninterface DidFilterMediaLibraryElementsEvent {\n  name: 'didFilterMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    filter: string;\n  };\n}\n\ninterface DidSortMediaLibraryElementsEvent {\n  name: 'didSortMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    sort: string;\n  };\n}\n\ninterface DidCropFileEvent {\n  name: 'didCropFile';\n  properties: MediaEvents['properties'] & {\n    duplicatedFile: null | boolean;\n  };\n}\n\ninterface DidSelectFile {\n  name: 'didSelectFile';\n  properties: MediaEvents['properties'] & {\n    source: 'url' | 'computer';\n  };\n}\n\ninterface DidEditMediaLibraryElementsEvent {\n  name: 'didEditMediaLibraryElements';\n  properties: MediaEvents['properties'] & {\n    type: string;\n    changeLocation: string | boolean;\n  };\n}\n\ninterface MediaEvents {\n  name:\n    | 'didSearchMediaLibraryElements'\n    | 'didReplaceMedia'\n    | 'didAddMediaLibraryFolders'\n    | 'willAddMediaLibraryAssets';\n  properties: {\n    location: string;\n  };\n}\n\ninterface DidSelectContentTypeFieldTypeEvent {\n  name: 'didSelectContentTypeFieldType';\n  properties: {\n    type?: string;\n  };\n}\n\ninterface DidChangeModeEvent {\n  name: 'didChangeMode';\n  properties: {\n    newMode: string;\n  };\n}\ninterface DidSubmitWithErrorsFirstAdminEvent {\n  name: 'didSubmitWithErrorsFirstAdmin';\n  properties: {\n    count: string;\n  };\n}\n\ninterface WillNavigateEvent {\n  name: 'willNavigate';\n  properties: {\n    from: string;\n    to: string;\n  };\n}\n\ninterface DidClickOnDocLink {\n  name: 'didClickOnDocLink';\n  properties: {\n    from: string;\n    to: string;\n  };\n}\n\ninterface DidAccessTokenListEvent {\n  name: 'didAccessTokenList';\n  properties: {\n    tokenType: TokenEvents['properties']['tokenType'];\n    number: number;\n  };\n}\ninterface LogoEvent {\n  name: 'didChangeLogo' | 'didClickResetLogo';\n  properties: {\n    logo: 'menu' | 'auth';\n  };\n}\n\ninterface TokenEvents {\n  name:\n    | 'didCopyTokenKey'\n    | 'didAddTokenFromList'\n    | 'didEditTokenFromList'\n    | 'willAccessTokenList'\n    | 'willAddTokenFromList'\n    | 'willCreateToken'\n    | 'willDeleteToken'\n    | 'willEditToken'\n    | 'willEditTokenFromList';\n  properties: {\n    tokenType: 'api-token' | 'transfer-token';\n  };\n}\n\ninterface WillModifyTokenEvent {\n  name: 'didCreateToken' | 'didEditToken';\n  properties: {\n    tokenType: TokenEvents['properties']['tokenType'];\n    kind?: 'admin' | 'content-api';\n    type?: 'custom' | 'full-access' | 'read-only' | Array<'push' | 'pull' | 'push-pull'>;\n  };\n}\n\ninterface DeleteEntryEvents {\n  name: 'willDeleteEntry' | 'didDeleteEntry' | 'didNotDeleteEntry';\n  properties: {\n    status?: string;\n    error?: unknown;\n  };\n}\n\ninterface CreateEntryEvents {\n  name: 'willCreateEntry' | 'didCreateEntry' | 'didNotCreateEntry';\n  properties: {\n    documentId?: string;\n    status?: string;\n    error?: unknown;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface PublishEntryEvents {\n  name: 'willPublishEntry' | 'didPublishEntry';\n  properties: {\n    documentId?: string;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface UpdateEntryEvents {\n  name: 'willEditEntry' | 'didEditEntry' | 'didNotEditEntry';\n  properties: {\n    documentId?: string;\n    status?: string;\n    error?: unknown;\n    fromPreview?: boolean;\n    fromRelationModal?: boolean;\n  };\n}\n\ninterface DidFilterEntriesEvent {\n  name: 'didFilterEntries';\n  properties: {\n    useRelation: boolean;\n  };\n}\n\ninterface DidPublishRelease {\n  name: 'didPublishRelease';\n  properties: {\n    totalEntries: number;\n    totalPublishedEntries: number;\n    totalUnpublishedEntries: number;\n  };\n}\n\ninterface DidUsePresetPromptEvent {\n  name: 'didUsePresetPrompt';\n  properties: {\n    promptType:\n      | 'generate-product-schema'\n      | 'tell-me-about-the-content-type-builder'\n      | 'tell-me-about-strapi';\n  };\n}\n\ninterface DidAnswerMessageEvent {\n  name: 'didAnswerMessage';\n  properties: {\n    successful: boolean;\n  };\n}\n\ninterface DidVoteAnswerEvent {\n  name: 'didVoteAnswer';\n  properties: {\n    value: 'positive' | 'negative';\n  };\n}\n\ninterface DidUpdateCTBSchema {\n  name: 'didUpdateCTBSchema';\n  properties: {\n    success: boolean;\n    newContentTypes: number;\n    editedContentTypes: number;\n    deletedContentTypes: number;\n    newComponents: number;\n    editedComponents: number;\n    deletedComponents: number;\n    newFields: number;\n    editedFields: number;\n    deletedFields: number;\n  };\n}\n\ninterface DidSkipGuidedTour {\n  name: 'didSkipGuidedTour';\n  properties: {\n    name: keyof Tours | 'all';\n  };\n}\n\ninterface DidCompleteGuidedTour {\n  name: 'didCompleteGuidedTour';\n  properties: {\n    name: keyof Tours | 'all';\n  };\n}\n\ninterface DidStartGuidedTour {\n  name: 'didStartGuidedTour';\n  properties: {\n    name: keyof Tours;\n    fromHomepage?: boolean;\n  };\n}\n\ninterface WillEditEntryFromHome {\n  name: 'willEditEntryFromHome';\n  properties: {\n    entryType: 'edited' | 'published' | 'assigned';\n  };\n}\n\ninterface DidOpenHomeWidgetLink {\n  name: 'didOpenHomeWidgetLink';\n  properties: {\n    widgetUID: string;\n  };\n}\n\ninterface DidOpenKeyStatisticsWidgetLink {\n  name: 'didOpenKeyStatisticsWidgetLink';\n  properties: {\n    itemKey: string;\n  };\n}\n\ntype EventsWithProperties =\n  | CreateEntryEvents\n  | PublishEntryEvents\n  | DidAccessAuthenticatedAdministrationEvent\n  | DidAccessTokenListEvent\n  | DidChangeModeEvent\n  | DidCropFileEvent\n  | DeleteEntryEvents\n  | DidEditMediaLibraryElementsEvent\n  | DidFilterMediaLibraryElementsEvent\n  | DidFilterEntriesEvent\n  | DidSelectContentTypeFieldTypeEvent\n  | DidSelectFile\n  | DidSortMediaLibraryElementsEvent\n  | DidSubmitWithErrorsFirstAdminEvent\n  | DidUsePresetPromptEvent\n  | DidAnswerMessageEvent\n  | DidVoteAnswerEvent\n  | LogoEvent\n  | TokenEvents\n  | UpdateEntryEvents\n  | WillModifyTokenEvent\n  | WillNavigateEvent\n  | DidClickOnDocLink\n  | DidPublishRelease\n  | MediaEvents\n  | DidUpdateCTBSchema\n  | DidSkipGuidedTour\n  | DidCompleteGuidedTour\n  | DidStartGuidedTour\n  | DidOpenHomeWidgetLink\n  | DidOpenKeyStatisticsWidgetLink\n  | WillEditEntryFromHome;\n\nexport type TrackingEvent = EventWithoutProperties | EventsWithProperties;\nexport interface UseTrackingReturn {\n  /**\n   * This type helps show all the available event names before you start typing,\n   * however autocomplete isn't great.\n   */\n  trackUsage<TEvent extends TrackingEvent>(\n    event: TEvent['name'],\n    properties: TEvent['properties']\n  ): Promise<null | AxiosResponse<string>>;\n  trackUsage<TEvent extends Extract<TrackingEvent, { properties?: never }>>(\n    event: TEvent['name'],\n    properties?: never\n  ): Promise<null | AxiosResponse<string>>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  trackUsage<TEvent extends Extract<TrackingEvent, { properties: object }>>(\n    event: TEvent['name'],\n    properties: TEvent['properties']\n  ): Promise<null | AxiosResponse<string>>;\n}\n\n/**\n * @description Used to send amplitude events to the Strapi Tracking hub.\n *\n * @example\n * ```tsx\n * import { useTracking } from '@strapi/strapi/admin';\n *\n * const MyComponent = () => {\n *  const { trackUsage } = useTracking();\n *\n *  const handleClick = () => {\n *   trackUsage('my-event', { myProperty: 'myValue' });\n *  }\n *\n *  return <button onClick={handleClick}>Send Event</button>\n * }\n * ```\n */\nconst useTracking = (): UseTrackingReturn => {\n  const deviceType = useDeviceType();\n  const deviceTypeRef = React.useRef(deviceType);\n  deviceTypeRef.current = deviceType;\n  const { uuid, telemetryProperties } = React.useContext(TrackingContext);\n  const userId = useAppInfo('useTracking', (state) => state.userId);\n  const trackUsage = React.useCallback(\n    async <TEvent extends TrackingEvent>(\n      event: TEvent['name'],\n      properties?: TEvent['properties']\n    ) => {\n      try {\n        if (uuid && !window.strapi.telemetryDisabled) {\n          const res = await axios.post<string>(\n            `${process.env.STRAPI_ANALYTICS_URL || 'https://analytics.strapi.io'}/api/v2/track`,\n            {\n              event,\n              userId,\n              eventProperties: { ...properties },\n              userProperties: {\n                deviceType: deviceTypeRef.current,\n              },\n              groupProperties: {\n                ...telemetryProperties,\n                projectId: uuid,\n                projectType: window.strapi.projectType,\n              },\n            },\n            {\n              headers: {\n                'Content-Type': 'application/json',\n                'X-Strapi-Event': event,\n              },\n            }\n          );\n\n          return res;\n        }\n      } catch {\n        // Silence is golden\n      }\n\n      return null;\n    },\n    [telemetryProperties, userId, uuid]\n  );\n\n  return { trackUsage };\n};\n\nexport { TrackingProvider, useTracking };\n"],"names":["TrackingContext","React","createContext","uuid","TrackingProvider","children","token","useAuth","state","data","initData","useInitQuery","getAllWidgets","useStrapiApp","widgets","getAll","useTelemetryPropertiesQuery","undefined","skip","useEffect","event","fetch","process","env","STRAPI_ANALYTICS_URL","method","body","JSON","stringify","userId","eventPropeties","groupProperties","projectId","registeredWidgets","map","widget","uid","headers","value","useMemo","telemetryProperties","_jsx","Provider","useTracking","deviceType","useDeviceType","deviceTypeRef","useRef","current","useContext","useAppInfo","trackUsage","useCallback","properties","window","strapi","telemetryDisabled","res","axios","post","eventProperties","userProperties","projectType"],"mappings":"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"}

package/dist/admin/admin/src/hooks/useRegisterUnsavedChanges.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var React = require('react');
+var unsavedChangesRegistry = require('../utils/unsavedChangesRegistry.js');
+
+/**
+ * Registers whether the current surface has unsaved edits so session-expiry
+ * logout can warn before clearing auth state (which unmounts forms).
+ */ const useRegisterUnsavedChanges = (id, enabled)=>{
+    React.useEffect(()=>{
+        return unsavedChangesRegistry.registerUnsavedChangesCheck(id, ()=>enabled);
+    }, [
+        id,
+        enabled
+    ]);
+};
+
+exports.useRegisterUnsavedChanges = useRegisterUnsavedChanges;
+//# sourceMappingURL=useRegisterUnsavedChanges.js.map

package/dist/admin/admin/src/hooks/useRegisterUnsavedChanges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisterUnsavedChanges.js","sources":["../../../../../admin/src/hooks/useRegisterUnsavedChanges.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { registerUnsavedChangesCheck } from '../utils/unsavedChangesRegistry';\n\n/**\n * Registers whether the current surface has unsaved edits so session-expiry\n * logout can warn before clearing auth state (which unmounts forms).\n */\nconst useRegisterUnsavedChanges = (id: string, enabled: boolean): void => {\n  useEffect(() => {\n    return registerUnsavedChangesCheck(id, () => enabled);\n  }, [id, enabled]);\n};\n\nexport { useRegisterUnsavedChanges };\n"],"names":["useRegisterUnsavedChanges","id","enabled","useEffect","registerUnsavedChangesCheck"],"mappings":";;;;;AAIA;;;IAIA,MAAMA,yBAAAA,GAA4B,CAACC,EAAAA,EAAYC,OAAAA,GAAAA;IAC7CC,eAAAA,CAAU,IAAA;QACR,OAAOC,kDAAAA,CAA4BH,IAAI,IAAMC,OAAAA,CAAAA;IAC/C,CAAA,EAAG;AAACD,QAAAA,EAAAA;AAAIC,QAAAA;AAAQ,KAAA,CAAA;AAClB;;;;"}

package/dist/admin/admin/src/hooks/useRegisterUnsavedChanges.mjs

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import { registerUnsavedChangesCheck } from '../utils/unsavedChangesRegistry.mjs';
+
+/**
+ * Registers whether the current surface has unsaved edits so session-expiry
+ * logout can warn before clearing auth state (which unmounts forms).
+ */ const useRegisterUnsavedChanges = (id, enabled)=>{
+    useEffect(()=>{
+        return registerUnsavedChangesCheck(id, ()=>enabled);
+    }, [
+        id,
+        enabled
+    ]);
+};
+
+export { useRegisterUnsavedChanges };
+//# sourceMappingURL=useRegisterUnsavedChanges.mjs.map

package/dist/admin/admin/src/hooks/useRegisterUnsavedChanges.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisterUnsavedChanges.mjs","sources":["../../../../../admin/src/hooks/useRegisterUnsavedChanges.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { registerUnsavedChangesCheck } from '../utils/unsavedChangesRegistry';\n\n/**\n * Registers whether the current surface has unsaved edits so session-expiry\n * logout can warn before clearing auth state (which unmounts forms).\n */\nconst useRegisterUnsavedChanges = (id: string, enabled: boolean): void => {\n  useEffect(() => {\n    return registerUnsavedChangesCheck(id, () => enabled);\n  }, [id, enabled]);\n};\n\nexport { useRegisterUnsavedChanges };\n"],"names":["useRegisterUnsavedChanges","id","enabled","useEffect","registerUnsavedChangesCheck"],"mappings":";;;AAIA;;;IAIA,MAAMA,yBAAAA,GAA4B,CAACC,EAAAA,EAAYC,OAAAA,GAAAA;IAC7CC,SAAAA,CAAU,IAAA;QACR,OAAOC,2BAAAA,CAA4BH,IAAI,IAAMC,OAAAA,CAAAA;IAC/C,CAAA,EAAG;AAACD,QAAAA,EAAAA;AAAIC,QAAAA;AAAQ,KAAA,CAAA;AAClB;;;;"}

package/dist/admin/admin/src/hooks/{useIdleSessionLogout.js → useSessionKeepalive.js}

@@ -27,31 +27,38 @@ const SESSION_EXPIRY_BUFFER_MS = 1000;
 /**
  * How long before the access token's `exp` an active tab renews. Renewing
  * ahead of expiry (rather than at it) means the refreshed token is already in
- * shared storage by the time any *other* tab's logout timer fires — so an idle
- * sibling re-syncs instead of racing the refresh and logging itself out.
+ * shared storage by the time any *other* tab's post-expiry timer fires — so an
+ * idle sibling re-syncs instead of racing the refresh.
  */ const SESSION_RENEW_MARGIN_MS = 10000;
 /**
- * Keep the admin session alive while the user is active, and end it when they
- * are genuinely idle — without one tab tearing down another.
+ * Keep the admin session alive while the user is active — without one tab
+ * tearing down another, and without logging anyone out because a short-lived
+ * access token aged out.
  *
- * The access token is short-lived (`accessTokenLifespan`, e.g. 30 min) and is
- * meant to be refreshed, not to be the session length. Two timers are armed per
- * token:
+ * The access token (`accessTokenLifespan`, e.g. 30 min) is transport plumbing,
+ * not the session length; the refresh token's idle/max window is the session.
+ * So expiry of the access JWT must never clear auth state or unmount the page:
+ * the next user-initiated request 401s, `withTokenRefresh` refreshes and
+ * retries, and only a *rejected* refresh ends the session (`onSessionDead`).
+ * Two timers are armed per token:
  *
  * - Renew (at `exp` minus a margin): if the user interacted during this token's
  *   lifetime, silently renew *ahead* of expiry. The new `setToken` re-arms the
  *   hook; a server rejection (`onSessionDead`) ends the session globally.
  *   Renewing early guarantees the refreshed token reaches shared storage before
- *   any sibling tab's logout timer fires.
- * - Logout (just after `exp`): the fallback when this tab did not renew. It
- *   first re-syncs from a token another tab refreshed (so an idle tab rides on
- *   an active sibling), then renews if activity arrived late, and only otherwise
- *   logs out — locally, so idle tabs never force-logout active ones.
+ *   any sibling tab's post-expiry timer fires.
+ * - Post-expiry (just after `exp`): the fallback when this tab did not renew.
+ *   It first re-syncs from a token another tab refreshed (so an idle tab rides
+ *   on an active sibling), then renews if activity arrived late. If the tab is
+ *   still idle, it does nothing destructive — the stale access token stays in
+ *   place so form state survives until the next request.
+ *
+ * Idle tabs must not renew: a tab left open forever must not keep the session
+ * alive past the server's idle/max window.
  *
  * If the JWT can't be decoded (malformed, missing `exp`), the timers are skipped
- * silently — the active-tab redirect on 401 still covers the symptom on the next
- * user-initiated request.
- */ const useIdleSessionLogout = ({ token, onExpired, onSessionDead, getStoredToken, onResync, getLastActivityAt, renewSession, disabled = false })=>{
+ * silently — the 401 refresh path still covers the next user-initiated request.
+ */ const useSessionKeepalive = ({ token, onSessionDead, getStoredToken, onResync, getLastActivityAt, renewSession, disabled = false })=>{
     React__namespace.useEffect(()=>{
         if (!token || disabled) {
             return undefined;
@@ -81,7 +88,7 @@ const SESSION_EXPIRY_BUFFER_MS = 1000;
             renewSession().then((renewed)=>{
                 if (!renewed) {
                     // Server rejected the refresh: the session is truly over.
-                    (onSessionDead ?? onExpired)();
+                    onSessionDead?.();
                 }
             // On success, storeToken -> setToken updates the token prop, which
             // re-runs this effect and re-arms against the new exp.
@@ -97,26 +104,26 @@ const SESSION_EXPIRY_BUFFER_MS = 1000;
                 renew();
             }
         }, renewDelay);
-        // Fallback decision just after expiry, for tabs that did not renew.
-        const logoutDelay = Math.max(expiry - armedAt + SESSION_EXPIRY_BUFFER_MS, 0);
-        const logoutTimeoutId = window.setTimeout(()=>{
+        // Fallback just after expiry for tabs that did not renew: re-sync or
+        // late-activity renew. Idle tabs leave the stale token alone.
+        const postExpiryDelay = Math.max(expiry - armedAt + SESSION_EXPIRY_BUFFER_MS, 0);
+        const postExpiryTimeoutId = window.setTimeout(()=>{
             if (tryResync()) {
                 return;
             }
             if (wasActive() && renewSession) {
                 renew();
-                return;
             }
-            // Genuinely idle: log out only this tab.
-            onExpired();
-        }, logoutDelay);
+        // Genuinely idle: do nothing. Keep the (stale) access token and the page
+        // mounted. The next request will 401 and either refresh transparently or
+        // hit the session-dead path if the server rejects the refresh.
+        }, postExpiryDelay);
         return ()=>{
             window.clearTimeout(renewTimeoutId);
-            window.clearTimeout(logoutTimeoutId);
+            window.clearTimeout(postExpiryTimeoutId);
         };
     }, [
         token,
-        onExpired,
         onSessionDead,
         getStoredToken,
         onResync,
@@ -128,5 +135,5 @@ const SESSION_EXPIRY_BUFFER_MS = 1000;
 
 exports.SESSION_EXPIRY_BUFFER_MS = SESSION_EXPIRY_BUFFER_MS;
 exports.SESSION_RENEW_MARGIN_MS = SESSION_RENEW_MARGIN_MS;
-exports.useIdleSessionLogout = useIdleSessionLogout;
-//# sourceMappingURL=useIdleSessionLogout.js.map
+exports.useSessionKeepalive = useSessionKeepalive;
+//# sourceMappingURL=useSessionKeepalive.js.map

package/dist/admin/admin/src/hooks/useSessionKeepalive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionKeepalive.js","sources":["../../../../../admin/src/hooks/useSessionKeepalive.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { decodeAccessTokenExpiry } from '../utils/jwt';\n\nconst SESSION_EXPIRY_BUFFER_MS = 1000;\n/**\n * How long before the access token's `exp` an active tab renews. Renewing\n * ahead of expiry (rather than at it) means the refreshed token is already in\n * shared storage by the time any *other* tab's post-expiry timer fires — so an\n * idle sibling re-syncs instead of racing the refresh.\n */\nconst SESSION_RENEW_MARGIN_MS = 10_000;\n\ninterface UseSessionKeepaliveOptions {\n  /**\n   * The current admin access JWT (from Redux), or `null` when logged out.\n   */\n  token: string | null;\n  /**\n   * Called when a renewal attempt is rejected by the server (the session is\n   * truly over: refresh token idle/max window elapsed). This is a\n   * server-confirmed end of session, so it SHOULD broadcast a global logout to\n   * every tab.\n   */\n  onSessionDead?: () => void;\n  /**\n   * Read the access token currently in shared storage (localStorage/cookie).\n   * Because every open tab shares the same refresh cookie, an active tab that\n   * refreshes writes a newer access token here. When omitted, the hook never\n   * re-syncs across tabs.\n   */\n  getStoredToken?: () => string | null;\n  /**\n   * Adopt a newer shared token instead of treating this tab's token as stale.\n   * Typically dispatches `setToken`, which updates Redux and causes this hook\n   * to re-arm against the later `exp`. Only called when `getStoredToken`\n   * returns a token whose `exp` is later than the in-memory one.\n   */\n  onResync?: (token: string) => void;\n  /**\n   * Epoch ms of the user's last interaction (pointer, key, scroll, …). Used to\n   * decide whether to silently renew when the access token is about to expire.\n   * Idle tabs must NOT renew — that would defeat the server's\n   * `idleSessionLifespan` / `idleRefreshTokenLifespan`. When omitted, the hook\n   * never treats the tab as active.\n   */\n  getLastActivityAt?: () => number;\n  /**\n   * Silently renew the session (rotate the refresh token + mint a new access\n   * token). Resolves `true` on success — the resulting `setToken` re-arms this\n   * hook against the new `exp` — or `false` when the server rejects it. Only\n   * called when the user was active during the current token's lifetime.\n   */\n  renewSession?: () => Promise<boolean>;\n  /**\n   * Escape hatch for tests / dev environments where we don't want the\n   * automatic renew / re-sync behavior. Mirrors the existing `_disableRenewToken`\n   * prop on `<AuthProvider>`.\n   */\n  disabled?: boolean;\n}\n\n/**\n * Keep the admin session alive while the user is active — without one tab\n * tearing down another, and without logging anyone out because a short-lived\n * access token aged out.\n *\n * The access token (`accessTokenLifespan`, e.g. 30 min) is transport plumbing,\n * not the session length; the refresh token's idle/max window is the session.\n * So expiry of the access JWT must never clear auth state or unmount the page:\n * the next user-initiated request 401s, `withTokenRefresh` refreshes and\n * retries, and only a *rejected* refresh ends the session (`onSessionDead`).\n * Two timers are armed per token:\n *\n * - Renew (at `exp` minus a margin): if the user interacted during this token's\n *   lifetime, silently renew *ahead* of expiry. The new `setToken` re-arms the\n *   hook; a server rejection (`onSessionDead`) ends the session globally.\n *   Renewing early guarantees the refreshed token reaches shared storage before\n *   any sibling tab's post-expiry timer fires.\n * - Post-expiry (just after `exp`): the fallback when this tab did not renew.\n *   It first re-syncs from a token another tab refreshed (so an idle tab rides\n *   on an active sibling), then renews if activity arrived late. If the tab is\n *   still idle, it does nothing destructive — the stale access token stays in\n *   place so form state survives until the next request.\n *\n * Idle tabs must not renew: a tab left open forever must not keep the session\n * alive past the server's idle/max window.\n *\n * If the JWT can't be decoded (malformed, missing `exp`), the timers are skipped\n * silently — the 401 refresh path still covers the next user-initiated request.\n */\nconst useSessionKeepalive = ({\n  token,\n  onSessionDead,\n  getStoredToken,\n  onResync,\n  getLastActivityAt,\n  renewSession,\n  disabled = false,\n}: UseSessionKeepaliveOptions): void => {\n  React.useEffect(() => {\n    if (!token || disabled) {\n      return undefined;\n    }\n\n    const expiry = decodeAccessTokenExpiry(token);\n    if (expiry === null) {\n      return undefined;\n    }\n\n    // When this token became active. Activity recorded after this point means\n    // the user was present during the token's lifetime.\n    const armedAt = Date.now();\n    const wasActive = () =>\n      typeof getLastActivityAt === 'function' && getLastActivityAt() >= armedAt;\n\n    // Adopt a fresher token another tab wrote to shared storage. Returns true\n    // when it re-synced (caller should stop).\n    const tryResync = (): boolean => {\n      const storedToken = getStoredToken?.() ?? null;\n      if (storedToken && storedToken !== token && onResync) {\n        const storedExpiry = decodeAccessTokenExpiry(storedToken);\n        if (storedExpiry !== null && storedExpiry > expiry) {\n          onResync(storedToken);\n          return true;\n        }\n      }\n      return false;\n    };\n\n    const renew = () => {\n      renewSession!().then((renewed) => {\n        if (!renewed) {\n          // Server rejected the refresh: the session is truly over.\n          onSessionDead?.();\n        }\n        // On success, storeToken -> setToken updates the token prop, which\n        // re-runs this effect and re-arms against the new exp.\n      });\n    };\n\n    // Renew ahead of expiry while the user is active.\n    const renewDelay = Math.max(expiry - armedAt - SESSION_RENEW_MARGIN_MS, 0);\n    const renewTimeoutId = window.setTimeout(() => {\n      if (tryResync()) {\n        return;\n      }\n      if (wasActive() && renewSession) {\n        renew();\n      }\n    }, renewDelay);\n\n    // Fallback just after expiry for tabs that did not renew: re-sync or\n    // late-activity renew. Idle tabs leave the stale token alone.\n    const postExpiryDelay = Math.max(expiry - armedAt + SESSION_EXPIRY_BUFFER_MS, 0);\n    const postExpiryTimeoutId = window.setTimeout(() => {\n      if (tryResync()) {\n        return;\n      }\n      if (wasActive() && renewSession) {\n        renew();\n      }\n      // Genuinely idle: do nothing. Keep the (stale) access token and the page\n      // mounted. The next request will 401 and either refresh transparently or\n      // hit the session-dead path if the server rejects the refresh.\n    }, postExpiryDelay);\n\n    return () => {\n      window.clearTimeout(renewTimeoutId);\n      window.clearTimeout(postExpiryTimeoutId);\n    };\n  }, [token, onSessionDead, getStoredToken, onResync, getLastActivityAt, renewSession, disabled]);\n};\n\nexport { useSessionKeepalive, SESSION_EXPIRY_BUFFER_MS, SESSION_RENEW_MARGIN_MS };\nexport type { UseSessionKeepaliveOptions };\n"],"names":["SESSION_EXPIRY_BUFFER_MS","SESSION_RENEW_MARGIN_MS","useSessionKeepalive","token","onSessionDead","getStoredToken","onResync","getLastActivityAt","renewSession","disabled","React","useEffect","undefined","expiry","decodeAccessTokenExpiry","armedAt","Date","now","wasActive","tryResync","storedToken","storedExpiry","renew","then","renewed","renewDelay","Math","max","renewTimeoutId","window","setTimeout","postExpiryDelay","postExpiryTimeoutId","clearTimeout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,wBAAAA,GAA2B;AACjC;;;;;AAKC,UACKC,uBAAAA,GAA0B;AAmDhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BC,UACKC,mBAAAA,GAAsB,CAAC,EAC3BC,KAAK,EACLC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,iBAAiB,EACjBC,YAAY,EACZC,QAAAA,GAAW,KAAK,EACW,GAAA;AAC3BC,IAAAA,gBAAAA,CAAMC,SAAS,CAAC,IAAA;QACd,IAAI,CAACR,SAASM,QAAAA,EAAU;YACtB,OAAOG,SAAAA;AACT,QAAA;AAEA,QAAA,MAAMC,SAASC,2BAAAA,CAAwBX,KAAAA,CAAAA;AACvC,QAAA,IAAIU,WAAW,IAAA,EAAM;YACnB,OAAOD,SAAAA;AACT,QAAA;;;QAIA,MAAMG,OAAAA,GAAUC,KAAKC,GAAG,EAAA;AACxB,QAAA,MAAMC,SAAAA,GAAY,IAChB,OAAOX,iBAAAA,KAAsB,cAAcA,iBAAAA,EAAAA,IAAuBQ,OAAAA;;;AAIpE,QAAA,MAAMI,SAAAA,GAAY,IAAA;AAChB,YAAA,MAAMC,cAAcf,cAAAA,IAAAA,IAAsB,IAAA;YAC1C,IAAIe,WAAAA,IAAeA,WAAAA,KAAgBjB,KAAAA,IAASG,QAAAA,EAAU;AACpD,gBAAA,MAAMe,eAAeP,2BAAAA,CAAwBM,WAAAA,CAAAA;gBAC7C,IAAIC,YAAAA,KAAiB,IAAA,IAAQA,YAAAA,GAAeR,MAAAA,EAAQ;oBAClDP,QAAAA,CAASc,WAAAA,CAAAA;oBACT,OAAO,IAAA;AACT,gBAAA;AACF,YAAA;YACA,OAAO,KAAA;AACT,QAAA,CAAA;AAEA,QAAA,MAAME,KAAAA,GAAQ,IAAA;YACZd,YAAAA,EAAAA,CAAgBe,IAAI,CAAC,CAACC,OAAAA,GAAAA;AACpB,gBAAA,IAAI,CAACA,OAAAA,EAAS;;AAEZpB,oBAAAA,aAAAA,IAAAA;AACF,gBAAA;;;AAGF,YAAA,CAAA,CAAA;AACF,QAAA,CAAA;;AAGA,QAAA,MAAMqB,aAAaC,IAAAA,CAAKC,GAAG,CAACd,MAAAA,GAASE,UAAUd,uBAAAA,EAAyB,CAAA,CAAA;QACxE,MAAM2B,cAAAA,GAAiBC,MAAAA,CAAOC,UAAU,CAAC,IAAA;AACvC,YAAA,IAAIX,SAAAA,EAAAA,EAAa;AACf,gBAAA;AACF,YAAA;AACA,YAAA,IAAID,eAAeV,YAAAA,EAAc;AAC/Bc,gBAAAA,KAAAA,EAAAA;AACF,YAAA;QACF,CAAA,EAAGG,UAAAA,CAAAA;;;AAIH,QAAA,MAAMM,kBAAkBL,IAAAA,CAAKC,GAAG,CAACd,MAAAA,GAASE,UAAUf,wBAAAA,EAA0B,CAAA,CAAA;QAC9E,MAAMgC,mBAAAA,GAAsBH,MAAAA,CAAOC,UAAU,CAAC,IAAA;AAC5C,YAAA,IAAIX,SAAAA,EAAAA,EAAa;AACf,gBAAA;AACF,YAAA;AACA,YAAA,IAAID,eAAeV,YAAAA,EAAc;AAC/Bc,gBAAAA,KAAAA,EAAAA;AACF,YAAA;;;;QAIF,CAAA,EAAGS,eAAAA,CAAAA;QAEH,OAAO,IAAA;AACLF,YAAAA,MAAAA,CAAOI,YAAY,CAACL,cAAAA,CAAAA;AACpBC,YAAAA,MAAAA,CAAOI,YAAY,CAACD,mBAAAA,CAAAA;AACtB,QAAA,CAAA;IACF,CAAA,EAAG;AAAC7B,QAAAA,KAAAA;AAAOC,QAAAA,aAAAA;AAAeC,QAAAA,cAAAA;AAAgBC,QAAAA,QAAAA;AAAUC,QAAAA,iBAAAA;AAAmBC,QAAAA,YAAAA;AAAcC,QAAAA;AAAS,KAAA,CAAA;AAChG;;;;;;"}

package/dist/admin/admin/src/hooks/{useIdleSessionLogout.mjs → useSessionKeepalive.mjs}

@@ -5,31 +5,38 @@ const SESSION_EXPIRY_BUFFER_MS = 1000;
 /**
  * How long before the access token's `exp` an active tab renews. Renewing
  * ahead of expiry (rather than at it) means the refreshed token is already in
- * shared storage by the time any *other* tab's logout timer fires — so an idle
- * sibling re-syncs instead of racing the refresh and logging itself out.
+ * shared storage by the time any *other* tab's post-expiry timer fires — so an
+ * idle sibling re-syncs instead of racing the refresh.
  */ const SESSION_RENEW_MARGIN_MS = 10000;
 /**
- * Keep the admin session alive while the user is active, and end it when they
- * are genuinely idle — without one tab tearing down another.
+ * Keep the admin session alive while the user is active — without one tab
+ * tearing down another, and without logging anyone out because a short-lived
+ * access token aged out.
  *
- * The access token is short-lived (`accessTokenLifespan`, e.g. 30 min) and is
- * meant to be refreshed, not to be the session length. Two timers are armed per
- * token:
+ * The access token (`accessTokenLifespan`, e.g. 30 min) is transport plumbing,
+ * not the session length; the refresh token's idle/max window is the session.
+ * So expiry of the access JWT must never clear auth state or unmount the page:
+ * the next user-initiated request 401s, `withTokenRefresh` refreshes and
+ * retries, and only a *rejected* refresh ends the session (`onSessionDead`).
+ * Two timers are armed per token:
  *
  * - Renew (at `exp` minus a margin): if the user interacted during this token's
  *   lifetime, silently renew *ahead* of expiry. The new `setToken` re-arms the
  *   hook; a server rejection (`onSessionDead`) ends the session globally.
  *   Renewing early guarantees the refreshed token reaches shared storage before
- *   any sibling tab's logout timer fires.
- * - Logout (just after `exp`): the fallback when this tab did not renew. It
- *   first re-syncs from a token another tab refreshed (so an idle tab rides on
- *   an active sibling), then renews if activity arrived late, and only otherwise
- *   logs out — locally, so idle tabs never force-logout active ones.
+ *   any sibling tab's post-expiry timer fires.
+ * - Post-expiry (just after `exp`): the fallback when this tab did not renew.
+ *   It first re-syncs from a token another tab refreshed (so an idle tab rides
+ *   on an active sibling), then renews if activity arrived late. If the tab is
+ *   still idle, it does nothing destructive — the stale access token stays in
+ *   place so form state survives until the next request.
+ *
+ * Idle tabs must not renew: a tab left open forever must not keep the session
+ * alive past the server's idle/max window.
  *
  * If the JWT can't be decoded (malformed, missing `exp`), the timers are skipped
- * silently — the active-tab redirect on 401 still covers the symptom on the next
- * user-initiated request.
- */ const useIdleSessionLogout = ({ token, onExpired, onSessionDead, getStoredToken, onResync, getLastActivityAt, renewSession, disabled = false })=>{
+ * silently — the 401 refresh path still covers the next user-initiated request.
+ */ const useSessionKeepalive = ({ token, onSessionDead, getStoredToken, onResync, getLastActivityAt, renewSession, disabled = false })=>{
     React.useEffect(()=>{
         if (!token || disabled) {
             return undefined;
@@ -59,7 +66,7 @@ const SESSION_EXPIRY_BUFFER_MS = 1000;
             renewSession().then((renewed)=>{
                 if (!renewed) {
                     // Server rejected the refresh: the session is truly over.
-                    (onSessionDead ?? onExpired)();
+                    onSessionDead?.();
                 }
             // On success, storeToken -> setToken updates the token prop, which
             // re-runs this effect and re-arms against the new exp.
@@ -75,26 +82,26 @@ const SESSION_EXPIRY_BUFFER_MS = 1000;
                 renew();
             }
         }, renewDelay);
-        // Fallback decision just after expiry, for tabs that did not renew.
-        const logoutDelay = Math.max(expiry - armedAt + SESSION_EXPIRY_BUFFER_MS, 0);
-        const logoutTimeoutId = window.setTimeout(()=>{
+        // Fallback just after expiry for tabs that did not renew: re-sync or
+        // late-activity renew. Idle tabs leave the stale token alone.
+        const postExpiryDelay = Math.max(expiry - armedAt + SESSION_EXPIRY_BUFFER_MS, 0);
+        const postExpiryTimeoutId = window.setTimeout(()=>{
             if (tryResync()) {
                 return;
             }
             if (wasActive() && renewSession) {
                 renew();
-                return;
             }
-            // Genuinely idle: log out only this tab.
-            onExpired();
-        }, logoutDelay);
+        // Genuinely idle: do nothing. Keep the (stale) access token and the page
+        // mounted. The next request will 401 and either refresh transparently or
+        // hit the session-dead path if the server rejects the refresh.
+        }, postExpiryDelay);
         return ()=>{
             window.clearTimeout(renewTimeoutId);
-            window.clearTimeout(logoutTimeoutId);
+            window.clearTimeout(postExpiryTimeoutId);
         };
     }, [
         token,
-        onExpired,
         onSessionDead,
         getStoredToken,
         onResync,
@@ -104,5 +111,5 @@ const SESSION_EXPIRY_BUFFER_MS = 1000;
     ]);
 };
 
-export { SESSION_EXPIRY_BUFFER_MS, SESSION_RENEW_MARGIN_MS, useIdleSessionLogout };
-//# sourceMappingURL=useIdleSessionLogout.mjs.map
+export { SESSION_EXPIRY_BUFFER_MS, SESSION_RENEW_MARGIN_MS, useSessionKeepalive };
+//# sourceMappingURL=useSessionKeepalive.mjs.map

package/dist/admin/admin/src/hooks/useSessionKeepalive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionKeepalive.mjs","sources":["../../../../../admin/src/hooks/useSessionKeepalive.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { decodeAccessTokenExpiry } from '../utils/jwt';\n\nconst SESSION_EXPIRY_BUFFER_MS = 1000;\n/**\n * How long before the access token's `exp` an active tab renews. Renewing\n * ahead of expiry (rather than at it) means the refreshed token is already in\n * shared storage by the time any *other* tab's post-expiry timer fires — so an\n * idle sibling re-syncs instead of racing the refresh.\n */\nconst SESSION_RENEW_MARGIN_MS = 10_000;\n\ninterface UseSessionKeepaliveOptions {\n  /**\n   * The current admin access JWT (from Redux), or `null` when logged out.\n   */\n  token: string | null;\n  /**\n   * Called when a renewal attempt is rejected by the server (the session is\n   * truly over: refresh token idle/max window elapsed). This is a\n   * server-confirmed end of session, so it SHOULD broadcast a global logout to\n   * every tab.\n   */\n  onSessionDead?: () => void;\n  /**\n   * Read the access token currently in shared storage (localStorage/cookie).\n   * Because every open tab shares the same refresh cookie, an active tab that\n   * refreshes writes a newer access token here. When omitted, the hook never\n   * re-syncs across tabs.\n   */\n  getStoredToken?: () => string | null;\n  /**\n   * Adopt a newer shared token instead of treating this tab's token as stale.\n   * Typically dispatches `setToken`, which updates Redux and causes this hook\n   * to re-arm against the later `exp`. Only called when `getStoredToken`\n   * returns a token whose `exp` is later than the in-memory one.\n   */\n  onResync?: (token: string) => void;\n  /**\n   * Epoch ms of the user's last interaction (pointer, key, scroll, …). Used to\n   * decide whether to silently renew when the access token is about to expire.\n   * Idle tabs must NOT renew — that would defeat the server's\n   * `idleSessionLifespan` / `idleRefreshTokenLifespan`. When omitted, the hook\n   * never treats the tab as active.\n   */\n  getLastActivityAt?: () => number;\n  /**\n   * Silently renew the session (rotate the refresh token + mint a new access\n   * token). Resolves `true` on success — the resulting `setToken` re-arms this\n   * hook against the new `exp` — or `false` when the server rejects it. Only\n   * called when the user was active during the current token's lifetime.\n   */\n  renewSession?: () => Promise<boolean>;\n  /**\n   * Escape hatch for tests / dev environments where we don't want the\n   * automatic renew / re-sync behavior. Mirrors the existing `_disableRenewToken`\n   * prop on `<AuthProvider>`.\n   */\n  disabled?: boolean;\n}\n\n/**\n * Keep the admin session alive while the user is active — without one tab\n * tearing down another, and without logging anyone out because a short-lived\n * access token aged out.\n *\n * The access token (`accessTokenLifespan`, e.g. 30 min) is transport plumbing,\n * not the session length; the refresh token's idle/max window is the session.\n * So expiry of the access JWT must never clear auth state or unmount the page:\n * the next user-initiated request 401s, `withTokenRefresh` refreshes and\n * retries, and only a *rejected* refresh ends the session (`onSessionDead`).\n * Two timers are armed per token:\n *\n * - Renew (at `exp` minus a margin): if the user interacted during this token's\n *   lifetime, silently renew *ahead* of expiry. The new `setToken` re-arms the\n *   hook; a server rejection (`onSessionDead`) ends the session globally.\n *   Renewing early guarantees the refreshed token reaches shared storage before\n *   any sibling tab's post-expiry timer fires.\n * - Post-expiry (just after `exp`): the fallback when this tab did not renew.\n *   It first re-syncs from a token another tab refreshed (so an idle tab rides\n *   on an active sibling), then renews if activity arrived late. If the tab is\n *   still idle, it does nothing destructive — the stale access token stays in\n *   place so form state survives until the next request.\n *\n * Idle tabs must not renew: a tab left open forever must not keep the session\n * alive past the server's idle/max window.\n *\n * If the JWT can't be decoded (malformed, missing `exp`), the timers are skipped\n * silently — the 401 refresh path still covers the next user-initiated request.\n */\nconst useSessionKeepalive = ({\n  token,\n  onSessionDead,\n  getStoredToken,\n  onResync,\n  getLastActivityAt,\n  renewSession,\n  disabled = false,\n}: UseSessionKeepaliveOptions): void => {\n  React.useEffect(() => {\n    if (!token || disabled) {\n      return undefined;\n    }\n\n    const expiry = decodeAccessTokenExpiry(token);\n    if (expiry === null) {\n      return undefined;\n    }\n\n    // When this token became active. Activity recorded after this point means\n    // the user was present during the token's lifetime.\n    const armedAt = Date.now();\n    const wasActive = () =>\n      typeof getLastActivityAt === 'function' && getLastActivityAt() >= armedAt;\n\n    // Adopt a fresher token another tab wrote to shared storage. Returns true\n    // when it re-synced (caller should stop).\n    const tryResync = (): boolean => {\n      const storedToken = getStoredToken?.() ?? null;\n      if (storedToken && storedToken !== token && onResync) {\n        const storedExpiry = decodeAccessTokenExpiry(storedToken);\n        if (storedExpiry !== null && storedExpiry > expiry) {\n          onResync(storedToken);\n          return true;\n        }\n      }\n      return false;\n    };\n\n    const renew = () => {\n      renewSession!().then((renewed) => {\n        if (!renewed) {\n          // Server rejected the refresh: the session is truly over.\n          onSessionDead?.();\n        }\n        // On success, storeToken -> setToken updates the token prop, which\n        // re-runs this effect and re-arms against the new exp.\n      });\n    };\n\n    // Renew ahead of expiry while the user is active.\n    const renewDelay = Math.max(expiry - armedAt - SESSION_RENEW_MARGIN_MS, 0);\n    const renewTimeoutId = window.setTimeout(() => {\n      if (tryResync()) {\n        return;\n      }\n      if (wasActive() && renewSession) {\n        renew();\n      }\n    }, renewDelay);\n\n    // Fallback just after expiry for tabs that did not renew: re-sync or\n    // late-activity renew. Idle tabs leave the stale token alone.\n    const postExpiryDelay = Math.max(expiry - armedAt + SESSION_EXPIRY_BUFFER_MS, 0);\n    const postExpiryTimeoutId = window.setTimeout(() => {\n      if (tryResync()) {\n        return;\n      }\n      if (wasActive() && renewSession) {\n        renew();\n      }\n      // Genuinely idle: do nothing. Keep the (stale) access token and the page\n      // mounted. The next request will 401 and either refresh transparently or\n      // hit the session-dead path if the server rejects the refresh.\n    }, postExpiryDelay);\n\n    return () => {\n      window.clearTimeout(renewTimeoutId);\n      window.clearTimeout(postExpiryTimeoutId);\n    };\n  }, [token, onSessionDead, getStoredToken, onResync, getLastActivityAt, renewSession, disabled]);\n};\n\nexport { useSessionKeepalive, SESSION_EXPIRY_BUFFER_MS, SESSION_RENEW_MARGIN_MS };\nexport type { UseSessionKeepaliveOptions };\n"],"names":["SESSION_EXPIRY_BUFFER_MS","SESSION_RENEW_MARGIN_MS","useSessionKeepalive","token","onSessionDead","getStoredToken","onResync","getLastActivityAt","renewSession","disabled","React","useEffect","undefined","expiry","decodeAccessTokenExpiry","armedAt","Date","now","wasActive","tryResync","storedToken","storedExpiry","renew","then","renewed","renewDelay","Math","max","renewTimeoutId","window","setTimeout","postExpiryDelay","postExpiryTimeoutId","clearTimeout"],"mappings":";;;AAIA,MAAMA,wBAAAA,GAA2B;AACjC;;;;;AAKC,UACKC,uBAAAA,GAA0B;AAmDhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BC,UACKC,mBAAAA,GAAsB,CAAC,EAC3BC,KAAK,EACLC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,iBAAiB,EACjBC,YAAY,EACZC,QAAAA,GAAW,KAAK,EACW,GAAA;AAC3BC,IAAAA,KAAAA,CAAMC,SAAS,CAAC,IAAA;QACd,IAAI,CAACR,SAASM,QAAAA,EAAU;YACtB,OAAOG,SAAAA;AACT,QAAA;AAEA,QAAA,MAAMC,SAASC,uBAAAA,CAAwBX,KAAAA,CAAAA;AACvC,QAAA,IAAIU,WAAW,IAAA,EAAM;YACnB,OAAOD,SAAAA;AACT,QAAA;;;QAIA,MAAMG,OAAAA,GAAUC,KAAKC,GAAG,EAAA;AACxB,QAAA,MAAMC,SAAAA,GAAY,IAChB,OAAOX,iBAAAA,KAAsB,cAAcA,iBAAAA,EAAAA,IAAuBQ,OAAAA;;;AAIpE,QAAA,MAAMI,SAAAA,GAAY,IAAA;AAChB,YAAA,MAAMC,cAAcf,cAAAA,IAAAA,IAAsB,IAAA;YAC1C,IAAIe,WAAAA,IAAeA,WAAAA,KAAgBjB,KAAAA,IAASG,QAAAA,EAAU;AACpD,gBAAA,MAAMe,eAAeP,uBAAAA,CAAwBM,WAAAA,CAAAA;gBAC7C,IAAIC,YAAAA,KAAiB,IAAA,IAAQA,YAAAA,GAAeR,MAAAA,EAAQ;oBAClDP,QAAAA,CAASc,WAAAA,CAAAA;oBACT,OAAO,IAAA;AACT,gBAAA;AACF,YAAA;YACA,OAAO,KAAA;AACT,QAAA,CAAA;AAEA,QAAA,MAAME,KAAAA,GAAQ,IAAA;YACZd,YAAAA,EAAAA,CAAgBe,IAAI,CAAC,CAACC,OAAAA,GAAAA;AACpB,gBAAA,IAAI,CAACA,OAAAA,EAAS;;AAEZpB,oBAAAA,aAAAA,IAAAA;AACF,gBAAA;;;AAGF,YAAA,CAAA,CAAA;AACF,QAAA,CAAA;;AAGA,QAAA,MAAMqB,aAAaC,IAAAA,CAAKC,GAAG,CAACd,MAAAA,GAASE,UAAUd,uBAAAA,EAAyB,CAAA,CAAA;QACxE,MAAM2B,cAAAA,GAAiBC,MAAAA,CAAOC,UAAU,CAAC,IAAA;AACvC,YAAA,IAAIX,SAAAA,EAAAA,EAAa;AACf,gBAAA;AACF,YAAA;AACA,YAAA,IAAID,eAAeV,YAAAA,EAAc;AAC/Bc,gBAAAA,KAAAA,EAAAA;AACF,YAAA;QACF,CAAA,EAAGG,UAAAA,CAAAA;;;AAIH,QAAA,MAAMM,kBAAkBL,IAAAA,CAAKC,GAAG,CAACd,MAAAA,GAASE,UAAUf,wBAAAA,EAA0B,CAAA,CAAA;QAC9E,MAAMgC,mBAAAA,GAAsBH,MAAAA,CAAOC,UAAU,CAAC,IAAA;AAC5C,YAAA,IAAIX,SAAAA,EAAAA,EAAa;AACf,gBAAA;AACF,YAAA;AACA,YAAA,IAAID,eAAeV,YAAAA,EAAc;AAC/Bc,gBAAAA,KAAAA,EAAAA;AACF,YAAA;;;;QAIF,CAAA,EAAGS,eAAAA,CAAAA;QAEH,OAAO,IAAA;AACLF,YAAAA,MAAAA,CAAOI,YAAY,CAACL,cAAAA,CAAAA;AACpBC,YAAAA,MAAAA,CAAOI,YAAY,CAACD,mBAAAA,CAAAA;AACtB,QAAA,CAAA;IACF,CAAA,EAAG;AAAC7B,QAAAA,KAAAA;AAAOC,QAAAA,aAAAA;AAAeC,QAAAA,cAAAA;AAAgBC,QAAAA,QAAAA;AAAUC,QAAAA,iBAAAA;AAAmBC,QAAAA,YAAAA;AAAcC,QAAAA;AAAS,KAAA,CAAA;AAChG;;;;"}

package/dist/admin/admin/src/layouts/AuthenticatedLayout.js

@@ -11,6 +11,7 @@ var lt = require('semver/functions/lt');
 var valid = require('semver/functions/valid');
 var LazyOutlet = require('../components/LazyOutlet.js');
 var LeftMenu = require('../components/LeftMenu.js');
+var MediaLibraryBanner = require('../components/MediaLibraryBanner.js');
 var NpsSurvey = require('../components/NpsSurvey.js');
 var PageHelpers = require('../components/PageHelpers.js');
 var PluginsInitializer = require('../components/PluginsInitializer.js');
@@ -152,6 +153,7 @@ const AdminLayout = ()=>{
                                         },
                                         children: [
                                             /*#__PURE__*/ jsxRuntime.jsx(UpsellBanner.UpsellBanner, {}),
+                                            /*#__PURE__*/ jsxRuntime.jsx(MediaLibraryBanner.MediaLibraryBanner, {}),
                                             /*#__PURE__*/ jsxRuntime.jsx(LazyOutlet.LazyOutlet, {
                                                 suspenseOnly: true
                                             })