@strapi/admin 5.51.1 → 5.52.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 (err) {\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","err"],"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}\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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"}

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

@@ -111,7 +111,7 @@ const TrackingProvider = ({ children })=>{
                 });
                 return res;
             }
-        } catch (err) {
+        } catch  {
         // Silence is golden
         }
         return null;

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 (err) {\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","err"],"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}\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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"}

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

@@ -75,7 +75,7 @@ that has been thrown.
                 });
             }
             return formattedErr;
-        } catch (_) {
+        } catch  {
             throw new Error('formatAPIError: Unknown error:', error);
         }
     }, [

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

@@ -1 +1 @@
-{"version":3,"file":"useAPIErrorHandler.js","sources":["../../../../../admin/src/hooks/useAPIErrorHandler.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { IntlFormatters, useIntl } from 'react-intl';\n\nimport { FetchError, ApiError } from '../utils/getFetchClient';\nimport { getPrefixedId } from '../utils/getPrefixedId';\nimport { NormalizeErrorOptions, normalizeAPIError } from '../utils/normalizeAPIError';\nimport { setIn } from '../utils/objects';\n\ninterface UnknownApiError {\n  /**\n   * The name of the ApiError, is always a static value.\n   */\n  name: 'UnknownError';\n  /**\n   * The error message.\n   */\n  message: string;\n  /**\n   * The error details.\n   */\n  details?: unknown;\n  /**\n   * The HTTP status code of the error.\n   */\n  status?: number;\n}\n\n/**\n * The last item is the fallback error SerializedError which\n * typically comes from redux-toolkit itself.\n */\ninterface SerializedError {\n  /**\n   * The name of the error.\n   */\n  name?: string;\n  /**\n   * The error message that explains what went wrong.\n   */\n  message?: string;\n  /**\n   * The stack trace of the error.\n   */\n  stack?: string;\n  /**\n   * A specific error code associated with the error.\n   */\n  code?: string;\n}\n\n/**\n * These are the types or errors we return\n * from the redux-toolkit data-fetching setup.\n */\ntype BaseQueryError = ApiError | UnknownApiError | SerializedError;\n\ninterface YupFormattedError {\n  /**\n   * An array representing the path to the field where the validation error occurred.\n   */\n  path: string[];\n  /**\n   * The error message describing the validation failure.\n   */\n  message: string;\n  /**\n   * The name of the error, typically identifies the type of validation error that occurred.\n   */\n  name: string;\n\n  value: string;\n}\n\n/**\n * @public\n * @description The purpose of this hook is to offer a unified way to handle errors thrown by API endpoints, regardless of the type of error (`ValidationError`, `ApplicationErrror` ...)\nthat has been thrown.\n * @example\n * ```tsx\n * import * as React from 'react';\n * import { useFetchClient, useAPIErrorHandler, useNotification } from '@strapi/admin/admin';\n *\n * const MyComponent = () => {\n *   const { get } = useFetchClient();\n *   const { formatAPIError } = useAPIErrorHandler(getTrad);\n *   const { toggleNotification } = useNotification();\n *\n *   const handleDeleteItem = async () => {\n *     try {\n *       return await get('/admin');\n *     } catch (error) {\n *       toggleNotification({\n *         type: 'danger',\n *         message: formatAPIError(error),\n *       });\n *     }\n *   };\n *   return <button onClick={handleDeleteItem}>Delete item</button>;\n * };\n * ```\n */\nexport function useAPIErrorHandler(\n  intlMessagePrefixCallback?: FormatAPIErrorOptions['intlMessagePrefixCallback']\n) {\n  const { formatMessage } = useIntl();\n\n  /**\n   * @description This method try to normalize the passed error\n   * and then call formatAPIError to stringify the ResponseObject\n   * into a string. If it fails it will call formatFetchError and\n   * return the error message.\n   */\n  const formatError = React.useCallback(\n    (error: FetchError) => {\n      // Try to normalize the passed error first. This will fail for e.g. network\n      // errors which are thrown by fetchClient directly.\n      try {\n        const formattedErr = formatAPIError(error, { intlMessagePrefixCallback, formatMessage });\n\n        if (!formattedErr) {\n          return formatFetchError(error, { intlMessagePrefixCallback, formatMessage });\n        }\n\n        return formattedErr;\n      } catch (_) {\n        throw new Error('formatAPIError: Unknown error:', error);\n      }\n    },\n    [formatMessage, intlMessagePrefixCallback]\n  );\n\n  return {\n    /**\n     * @alpha\n     * Convert ValidationErrors from the API into an object that can be used by forms.\n     */\n    _unstableFormatValidationErrors: React.useCallback(\n      (error: Extract<BaseQueryError, { name: 'ValidationError' }>): Record<string, string> => {\n        if (typeof error.details === 'object' && error.details !== null) {\n          if ('errors' in error.details && Array.isArray(error.details.errors)) {\n            const validationErrors = error.details.errors as YupFormattedError[];\n\n            return validationErrors.reduce((acc, err) => {\n              const { path, message } = err;\n\n              return setIn(acc, path.join('.'), message);\n            }, {});\n          } else {\n            const details = error.details as Record<string, string[]>;\n\n            return Object.keys(details).reduce((acc, key) => {\n              const messages = details[key];\n\n              return {\n                ...acc,\n                [key]: messages.join(', '),\n              };\n            }, {});\n          }\n        } else {\n          return {};\n        }\n      },\n      []\n    ),\n    /**\n     * @alpha\n     * This handles the errors given from `redux-toolkit`'s axios based baseQuery function.\n     */\n    _unstableFormatAPIError: React.useCallback(\n      (error: BaseQueryError) => {\n        const err = {\n          response: {\n            data: {\n              error,\n            },\n          },\n        } as FetchError;\n\n        /**\n         * There's a chance with SerializedErrors that the message is not set.\n         * In that case we return a generic error message.\n         */\n        if (!error.message) {\n          return 'Unknown error occurred.';\n        }\n\n        return formatError(err);\n      },\n      [formatError]\n    ),\n    formatAPIError: formatError,\n  };\n}\n\nfunction formatFetchError(\n  error: FetchError,\n  { intlMessagePrefixCallback, formatMessage }: FormatAPIErrorOptions\n) {\n  const { code, message } = error;\n\n  return formatMessage(\n    {\n      id: getPrefixedId(message, intlMessagePrefixCallback),\n      defaultMessage: message,\n    },\n    {\n      code,\n    }\n  );\n}\n\ntype FormatAPIErrorOptions = Partial<Pick<NormalizeErrorOptions, 'intlMessagePrefixCallback'>> &\n  Pick<IntlFormatters, 'formatMessage'>;\n\n/**\n * @description This method stringifies the `ResponseObject` into\n * a string. If multiple errors are thrown by the API, which\n * happens e.g.in the case of a `ValidationError`, all errors\n * will bo concatenated into a single string.\n */\nfunction formatAPIError(\n  error: FetchError,\n  { formatMessage, intlMessagePrefixCallback }: FormatAPIErrorOptions\n) {\n  if (!formatMessage) {\n    throw new Error('The formatMessage callback is a mandatory argument.');\n  }\n\n  const normalizedError = normalizeAPIError(error, intlMessagePrefixCallback);\n\n  if (!normalizedError) {\n    return null;\n  }\n\n  if ('message' in normalizedError && normalizedError.message !== null) {\n    return normalizedError.message;\n  }\n\n  // stringify multiple errors\n  if ('errors' in normalizedError) {\n    return normalizedError.errors\n      .map(({ id, defaultMessage, values }) => formatMessage({ id, defaultMessage }, values))\n      .join('\\n');\n  }\n\n  return formatMessage(normalizedError);\n}\n\nexport type { ApiError };\n"],"names":["useAPIErrorHandler","intlMessagePrefixCallback","formatMessage","useIntl","formatError","React","useCallback","error","formattedErr","formatAPIError","formatFetchError","_","Error","_unstableFormatValidationErrors","details","Array","isArray","errors","validationErrors","reduce","acc","err","path","message","setIn","join","Object","keys","key","messages","_unstableFormatAPIError","response","data","code","id","getPrefixedId","defaultMessage","normalizedError","normalizeAPIError","map","values"],"mappings":"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"}
+{"version":3,"file":"useAPIErrorHandler.js","sources":["../../../../../admin/src/hooks/useAPIErrorHandler.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { IntlFormatters, useIntl } from 'react-intl';\n\nimport { FetchError, ApiError } from '../utils/getFetchClient';\nimport { getPrefixedId } from '../utils/getPrefixedId';\nimport { NormalizeErrorOptions, normalizeAPIError } from '../utils/normalizeAPIError';\nimport { setIn } from '../utils/objects';\n\ninterface UnknownApiError {\n  /**\n   * The name of the ApiError, is always a static value.\n   */\n  name: 'UnknownError';\n  /**\n   * The error message.\n   */\n  message: string;\n  /**\n   * The error details.\n   */\n  details?: unknown;\n  /**\n   * The HTTP status code of the error.\n   */\n  status?: number;\n}\n\n/**\n * The last item is the fallback error SerializedError which\n * typically comes from redux-toolkit itself.\n */\ninterface SerializedError {\n  /**\n   * The name of the error.\n   */\n  name?: string;\n  /**\n   * The error message that explains what went wrong.\n   */\n  message?: string;\n  /**\n   * The stack trace of the error.\n   */\n  stack?: string;\n  /**\n   * A specific error code associated with the error.\n   */\n  code?: string;\n}\n\n/**\n * These are the types or errors we return\n * from the redux-toolkit data-fetching setup.\n */\ntype BaseQueryError = ApiError | UnknownApiError | SerializedError;\n\ninterface YupFormattedError {\n  /**\n   * An array representing the path to the field where the validation error occurred.\n   */\n  path: string[];\n  /**\n   * The error message describing the validation failure.\n   */\n  message: string;\n  /**\n   * The name of the error, typically identifies the type of validation error that occurred.\n   */\n  name: string;\n\n  value: string;\n}\n\n/**\n * @public\n * @description The purpose of this hook is to offer a unified way to handle errors thrown by API endpoints, regardless of the type of error (`ValidationError`, `ApplicationErrror` ...)\nthat has been thrown.\n * @example\n * ```tsx\n * import * as React from 'react';\n * import { useFetchClient, useAPIErrorHandler, useNotification } from '@strapi/admin/admin';\n *\n * const MyComponent = () => {\n *   const { get } = useFetchClient();\n *   const { formatAPIError } = useAPIErrorHandler(getTrad);\n *   const { toggleNotification } = useNotification();\n *\n *   const handleDeleteItem = async () => {\n *     try {\n *       return await get('/admin');\n *     } catch (error) {\n *       toggleNotification({\n *         type: 'danger',\n *         message: formatAPIError(error),\n *       });\n *     }\n *   };\n *   return <button onClick={handleDeleteItem}>Delete item</button>;\n * };\n * ```\n */\nexport function useAPIErrorHandler(\n  intlMessagePrefixCallback?: FormatAPIErrorOptions['intlMessagePrefixCallback']\n) {\n  const { formatMessage } = useIntl();\n\n  /**\n   * @description This method try to normalize the passed error\n   * and then call formatAPIError to stringify the ResponseObject\n   * into a string. If it fails it will call formatFetchError and\n   * return the error message.\n   */\n  const formatError = React.useCallback(\n    (error: FetchError) => {\n      // Try to normalize the passed error first. This will fail for e.g. network\n      // errors which are thrown by fetchClient directly.\n      try {\n        const formattedErr = formatAPIError(error, { intlMessagePrefixCallback, formatMessage });\n\n        if (!formattedErr) {\n          return formatFetchError(error, { intlMessagePrefixCallback, formatMessage });\n        }\n\n        return formattedErr;\n      } catch {\n        throw new Error('formatAPIError: Unknown error:', error);\n      }\n    },\n    [formatMessage, intlMessagePrefixCallback]\n  );\n\n  return {\n    /**\n     * @alpha\n     * Convert ValidationErrors from the API into an object that can be used by forms.\n     */\n    _unstableFormatValidationErrors: React.useCallback(\n      (error: Extract<BaseQueryError, { name: 'ValidationError' }>): Record<string, string> => {\n        if (typeof error.details === 'object' && error.details !== null) {\n          if ('errors' in error.details && Array.isArray(error.details.errors)) {\n            const validationErrors = error.details.errors as YupFormattedError[];\n\n            return validationErrors.reduce((acc, err) => {\n              const { path, message } = err;\n\n              return setIn(acc, path.join('.'), message);\n            }, {});\n          } else {\n            const details = error.details as Record<string, string[]>;\n\n            return Object.keys(details).reduce((acc, key) => {\n              const messages = details[key];\n\n              return {\n                ...acc,\n                [key]: messages.join(', '),\n              };\n            }, {});\n          }\n        } else {\n          return {};\n        }\n      },\n      []\n    ),\n    /**\n     * @alpha\n     * This handles the errors given from `redux-toolkit`'s axios based baseQuery function.\n     */\n    _unstableFormatAPIError: React.useCallback(\n      (error: BaseQueryError) => {\n        const err = {\n          response: {\n            data: {\n              error,\n            },\n          },\n        } as FetchError;\n\n        /**\n         * There's a chance with SerializedErrors that the message is not set.\n         * In that case we return a generic error message.\n         */\n        if (!error.message) {\n          return 'Unknown error occurred.';\n        }\n\n        return formatError(err);\n      },\n      [formatError]\n    ),\n    formatAPIError: formatError,\n  };\n}\n\nfunction formatFetchError(\n  error: FetchError,\n  { intlMessagePrefixCallback, formatMessage }: FormatAPIErrorOptions\n) {\n  const { code, message } = error;\n\n  return formatMessage(\n    {\n      id: getPrefixedId(message, intlMessagePrefixCallback),\n      defaultMessage: message,\n    },\n    {\n      code,\n    }\n  );\n}\n\ntype FormatAPIErrorOptions = Partial<Pick<NormalizeErrorOptions, 'intlMessagePrefixCallback'>> &\n  Pick<IntlFormatters, 'formatMessage'>;\n\n/**\n * @description This method stringifies the `ResponseObject` into\n * a string. If multiple errors are thrown by the API, which\n * happens e.g.in the case of a `ValidationError`, all errors\n * will bo concatenated into a single string.\n */\nfunction formatAPIError(\n  error: FetchError,\n  { formatMessage, intlMessagePrefixCallback }: FormatAPIErrorOptions\n) {\n  if (!formatMessage) {\n    throw new Error('The formatMessage callback is a mandatory argument.');\n  }\n\n  const normalizedError = normalizeAPIError(error, intlMessagePrefixCallback);\n\n  if (!normalizedError) {\n    return null;\n  }\n\n  if ('message' in normalizedError && normalizedError.message !== null) {\n    return normalizedError.message;\n  }\n\n  // stringify multiple errors\n  if ('errors' in normalizedError) {\n    return normalizedError.errors\n      .map(({ id, defaultMessage, values }) => formatMessage({ id, defaultMessage }, values))\n      .join('\\n');\n  }\n\n  return formatMessage(normalizedError);\n}\n\nexport type { ApiError };\n"],"names":["useAPIErrorHandler","intlMessagePrefixCallback","formatMessage","useIntl","formatError","React","useCallback","error","formattedErr","formatAPIError","formatFetchError","Error","_unstableFormatValidationErrors","details","Array","isArray","errors","validationErrors","reduce","acc","err","path","message","setIn","join","Object","keys","key","messages","_unstableFormatAPIError","response","data","code","id","getPrefixedId","defaultMessage","normalizedError","normalizeAPIError","map","values"],"mappings":"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"}

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

@@ -53,7 +53,7 @@ that has been thrown.
                 });
             }
             return formattedErr;
-        } catch (_) {
+        } catch  {
             throw new Error('formatAPIError: Unknown error:', error);
         }
     }, [

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

@@ -1 +1 @@
-{"version":3,"file":"useAPIErrorHandler.mjs","sources":["../../../../../admin/src/hooks/useAPIErrorHandler.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { IntlFormatters, useIntl } from 'react-intl';\n\nimport { FetchError, ApiError } from '../utils/getFetchClient';\nimport { getPrefixedId } from '../utils/getPrefixedId';\nimport { NormalizeErrorOptions, normalizeAPIError } from '../utils/normalizeAPIError';\nimport { setIn } from '../utils/objects';\n\ninterface UnknownApiError {\n  /**\n   * The name of the ApiError, is always a static value.\n   */\n  name: 'UnknownError';\n  /**\n   * The error message.\n   */\n  message: string;\n  /**\n   * The error details.\n   */\n  details?: unknown;\n  /**\n   * The HTTP status code of the error.\n   */\n  status?: number;\n}\n\n/**\n * The last item is the fallback error SerializedError which\n * typically comes from redux-toolkit itself.\n */\ninterface SerializedError {\n  /**\n   * The name of the error.\n   */\n  name?: string;\n  /**\n   * The error message that explains what went wrong.\n   */\n  message?: string;\n  /**\n   * The stack trace of the error.\n   */\n  stack?: string;\n  /**\n   * A specific error code associated with the error.\n   */\n  code?: string;\n}\n\n/**\n * These are the types or errors we return\n * from the redux-toolkit data-fetching setup.\n */\ntype BaseQueryError = ApiError | UnknownApiError | SerializedError;\n\ninterface YupFormattedError {\n  /**\n   * An array representing the path to the field where the validation error occurred.\n   */\n  path: string[];\n  /**\n   * The error message describing the validation failure.\n   */\n  message: string;\n  /**\n   * The name of the error, typically identifies the type of validation error that occurred.\n   */\n  name: string;\n\n  value: string;\n}\n\n/**\n * @public\n * @description The purpose of this hook is to offer a unified way to handle errors thrown by API endpoints, regardless of the type of error (`ValidationError`, `ApplicationErrror` ...)\nthat has been thrown.\n * @example\n * ```tsx\n * import * as React from 'react';\n * import { useFetchClient, useAPIErrorHandler, useNotification } from '@strapi/admin/admin';\n *\n * const MyComponent = () => {\n *   const { get } = useFetchClient();\n *   const { formatAPIError } = useAPIErrorHandler(getTrad);\n *   const { toggleNotification } = useNotification();\n *\n *   const handleDeleteItem = async () => {\n *     try {\n *       return await get('/admin');\n *     } catch (error) {\n *       toggleNotification({\n *         type: 'danger',\n *         message: formatAPIError(error),\n *       });\n *     }\n *   };\n *   return <button onClick={handleDeleteItem}>Delete item</button>;\n * };\n * ```\n */\nexport function useAPIErrorHandler(\n  intlMessagePrefixCallback?: FormatAPIErrorOptions['intlMessagePrefixCallback']\n) {\n  const { formatMessage } = useIntl();\n\n  /**\n   * @description This method try to normalize the passed error\n   * and then call formatAPIError to stringify the ResponseObject\n   * into a string. If it fails it will call formatFetchError and\n   * return the error message.\n   */\n  const formatError = React.useCallback(\n    (error: FetchError) => {\n      // Try to normalize the passed error first. This will fail for e.g. network\n      // errors which are thrown by fetchClient directly.\n      try {\n        const formattedErr = formatAPIError(error, { intlMessagePrefixCallback, formatMessage });\n\n        if (!formattedErr) {\n          return formatFetchError(error, { intlMessagePrefixCallback, formatMessage });\n        }\n\n        return formattedErr;\n      } catch (_) {\n        throw new Error('formatAPIError: Unknown error:', error);\n      }\n    },\n    [formatMessage, intlMessagePrefixCallback]\n  );\n\n  return {\n    /**\n     * @alpha\n     * Convert ValidationErrors from the API into an object that can be used by forms.\n     */\n    _unstableFormatValidationErrors: React.useCallback(\n      (error: Extract<BaseQueryError, { name: 'ValidationError' }>): Record<string, string> => {\n        if (typeof error.details === 'object' && error.details !== null) {\n          if ('errors' in error.details && Array.isArray(error.details.errors)) {\n            const validationErrors = error.details.errors as YupFormattedError[];\n\n            return validationErrors.reduce((acc, err) => {\n              const { path, message } = err;\n\n              return setIn(acc, path.join('.'), message);\n            }, {});\n          } else {\n            const details = error.details as Record<string, string[]>;\n\n            return Object.keys(details).reduce((acc, key) => {\n              const messages = details[key];\n\n              return {\n                ...acc,\n                [key]: messages.join(', '),\n              };\n            }, {});\n          }\n        } else {\n          return {};\n        }\n      },\n      []\n    ),\n    /**\n     * @alpha\n     * This handles the errors given from `redux-toolkit`'s axios based baseQuery function.\n     */\n    _unstableFormatAPIError: React.useCallback(\n      (error: BaseQueryError) => {\n        const err = {\n          response: {\n            data: {\n              error,\n            },\n          },\n        } as FetchError;\n\n        /**\n         * There's a chance with SerializedErrors that the message is not set.\n         * In that case we return a generic error message.\n         */\n        if (!error.message) {\n          return 'Unknown error occurred.';\n        }\n\n        return formatError(err);\n      },\n      [formatError]\n    ),\n    formatAPIError: formatError,\n  };\n}\n\nfunction formatFetchError(\n  error: FetchError,\n  { intlMessagePrefixCallback, formatMessage }: FormatAPIErrorOptions\n) {\n  const { code, message } = error;\n\n  return formatMessage(\n    {\n      id: getPrefixedId(message, intlMessagePrefixCallback),\n      defaultMessage: message,\n    },\n    {\n      code,\n    }\n  );\n}\n\ntype FormatAPIErrorOptions = Partial<Pick<NormalizeErrorOptions, 'intlMessagePrefixCallback'>> &\n  Pick<IntlFormatters, 'formatMessage'>;\n\n/**\n * @description This method stringifies the `ResponseObject` into\n * a string. If multiple errors are thrown by the API, which\n * happens e.g.in the case of a `ValidationError`, all errors\n * will bo concatenated into a single string.\n */\nfunction formatAPIError(\n  error: FetchError,\n  { formatMessage, intlMessagePrefixCallback }: FormatAPIErrorOptions\n) {\n  if (!formatMessage) {\n    throw new Error('The formatMessage callback is a mandatory argument.');\n  }\n\n  const normalizedError = normalizeAPIError(error, intlMessagePrefixCallback);\n\n  if (!normalizedError) {\n    return null;\n  }\n\n  if ('message' in normalizedError && normalizedError.message !== null) {\n    return normalizedError.message;\n  }\n\n  // stringify multiple errors\n  if ('errors' in normalizedError) {\n    return normalizedError.errors\n      .map(({ id, defaultMessage, values }) => formatMessage({ id, defaultMessage }, values))\n      .join('\\n');\n  }\n\n  return formatMessage(normalizedError);\n}\n\nexport type { ApiError };\n"],"names":["useAPIErrorHandler","intlMessagePrefixCallback","formatMessage","useIntl","formatError","React","useCallback","error","formattedErr","formatAPIError","formatFetchError","_","Error","_unstableFormatValidationErrors","details","Array","isArray","errors","validationErrors","reduce","acc","err","path","message","setIn","join","Object","keys","key","messages","_unstableFormatAPIError","response","data","code","id","getPrefixedId","defaultMessage","normalizedError","normalizeAPIError","map","values"],"mappings":";;;;;;AA0EA;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BO,SAASA,kBAAAA,CACdC,yBAA8E,EAAA;IAE9E,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B;;;;;AAKC,MACD,MAAMC,WAAAA,GAAcC,KAAAA,CAAMC,WAAW,CACnC,CAACC,KAAAA,GAAAA;;;QAGC,IAAI;YACF,MAAMC,YAAAA,GAAeC,eAAeF,KAAAA,EAAO;AAAEN,gBAAAA,yBAAAA;AAA2BC,gBAAAA;AAAc,aAAA,CAAA;AAEtF,YAAA,IAAI,CAACM,YAAAA,EAAc;AACjB,gBAAA,OAAOE,iBAAiBH,KAAAA,EAAO;AAAEN,oBAAAA,yBAAAA;AAA2BC,oBAAAA;AAAc,iBAAA,CAAA;AAC5E,YAAA;YAEA,OAAOM,YAAAA;AACT,QAAA,CAAA,CAAE,OAAOG,CAAAA,EAAG;YACV,MAAM,IAAIC,MAAM,gCAAA,EAAkCL,KAAAA,CAAAA;AACpD,QAAA;IACF,CAAA,EACA;AAACL,QAAAA,aAAAA;AAAeD,QAAAA;AAA0B,KAAA,CAAA;IAG5C,OAAO;AACL;;;AAGC,QACDY,+BAAAA,EAAiCR,KAAAA,CAAMC,WAAW,CAChD,CAACC,KAAAA,GAAAA;YACC,IAAI,OAAOA,MAAMO,OAAO,KAAK,YAAYP,KAAAA,CAAMO,OAAO,KAAK,IAAA,EAAM;gBAC/D,IAAI,QAAA,IAAYP,KAAAA,CAAMO,OAAO,IAAIC,KAAAA,CAAMC,OAAO,CAACT,KAAAA,CAAMO,OAAO,CAACG,MAAM,CAAA,EAAG;AACpE,oBAAA,MAAMC,gBAAAA,GAAmBX,KAAAA,CAAMO,OAAO,CAACG,MAAM;AAE7C,oBAAA,OAAOC,gBAAAA,CAAiBC,MAAM,CAAC,CAACC,GAAAA,EAAKC,GAAAA,GAAAA;AACnC,wBAAA,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGF,GAAAA;AAE1B,wBAAA,OAAOG,KAAAA,CAAMJ,GAAAA,EAAKE,IAAAA,CAAKG,IAAI,CAAC,GAAA,CAAA,EAAMF,OAAAA,CAAAA;AACpC,oBAAA,CAAA,EAAG,EAAC,CAAA;gBACN,CAAA,MAAO;oBACL,MAAMT,OAAAA,GAAUP,MAAMO,OAAO;AAE7B,oBAAA,OAAOY,OAAOC,IAAI,CAACb,SAASK,MAAM,CAAC,CAACC,GAAAA,EAAKQ,GAAAA,GAAAA;wBACvC,MAAMC,QAAAA,GAAWf,OAAO,CAACc,GAAAA,CAAI;wBAE7B,OAAO;AACL,4BAAA,GAAGR,GAAG;AACN,4BAAA,CAACQ,GAAAA,GAAMC,QAAAA,CAASJ,IAAI,CAAC,IAAA;AACvB,yBAAA;AACF,oBAAA,CAAA,EAAG,EAAC,CAAA;AACN,gBAAA;YACF,CAAA,MAAO;AACL,gBAAA,OAAO,EAAC;AACV,YAAA;AACF,QAAA,CAAA,EACA,EAAE,CAAA;AAEJ;;;AAGC,QACDK,uBAAAA,EAAyBzB,KAAAA,CAAMC,WAAW,CACxC,CAACC,KAAAA,GAAAA;AACC,YAAA,MAAMc,GAAAA,GAAM;gBACVU,QAAAA,EAAU;oBACRC,IAAAA,EAAM;AACJzB,wBAAAA;AACF;AACF;AACF,aAAA;AAEA;;;AAGC,YACD,IAAI,CAACA,KAAAA,CAAMgB,OAAO,EAAE;gBAClB,OAAO,yBAAA;AACT,YAAA;AAEA,YAAA,OAAOnB,WAAAA,CAAYiB,GAAAA,CAAAA;QACrB,CAAA,EACA;AAACjB,YAAAA;AAAY,SAAA,CAAA;QAEfK,cAAAA,EAAgBL;AAClB,KAAA;AACF;AAEA,SAASM,iBACPH,KAAiB,EACjB,EAAEN,yBAAyB,EAAEC,aAAa,EAAyB,EAAA;AAEnE,IAAA,MAAM,EAAE+B,IAAI,EAAEV,OAAO,EAAE,GAAGhB,KAAAA;AAE1B,IAAA,OAAOL,aAAAA,CACL;AACEgC,QAAAA,EAAAA,EAAIC,cAAcZ,OAAAA,EAAStB,yBAAAA,CAAAA;QAC3BmC,cAAAA,EAAgBb;KAClB,EACA;AACEU,QAAAA;AACF,KAAA,CAAA;AAEJ;AAKA;;;;;IAMA,SAASxB,eACPF,KAAiB,EACjB,EAAEL,aAAa,EAAED,yBAAyB,EAAyB,EAAA;AAEnE,IAAA,IAAI,CAACC,aAAAA,EAAe;AAClB,QAAA,MAAM,IAAIU,KAAAA,CAAM,qDAAA,CAAA;AAClB,IAAA;IAEA,MAAMyB,eAAAA,GAAkBC,kBAAkB/B,KAAAA,EAAON,yBAAAA,CAAAA;AAEjD,IAAA,IAAI,CAACoC,eAAAA,EAAiB;QACpB,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,IAAI,SAAA,IAAaA,eAAAA,IAAmBA,eAAAA,CAAgBd,OAAO,KAAK,IAAA,EAAM;AACpE,QAAA,OAAOc,gBAAgBd,OAAO;AAChC,IAAA;;AAGA,IAAA,IAAI,YAAYc,eAAAA,EAAiB;AAC/B,QAAA,OAAOA,eAAAA,CAAgBpB,MAAM,CAC1BsB,GAAG,CAAC,CAAC,EAAEL,EAAE,EAAEE,cAAc,EAAEI,MAAM,EAAE,GAAKtC,aAAAA,CAAc;AAAEgC,gBAAAA,EAAAA;AAAIE,gBAAAA;aAAe,EAAGI,MAAAA,CAAAA,CAAAA,CAC9Ef,IAAI,CAAC,IAAA,CAAA;AACV,IAAA;AAEA,IAAA,OAAOvB,aAAAA,CAAcmC,eAAAA,CAAAA;AACvB;;;;"}
+{"version":3,"file":"useAPIErrorHandler.mjs","sources":["../../../../../admin/src/hooks/useAPIErrorHandler.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { IntlFormatters, useIntl } from 'react-intl';\n\nimport { FetchError, ApiError } from '../utils/getFetchClient';\nimport { getPrefixedId } from '../utils/getPrefixedId';\nimport { NormalizeErrorOptions, normalizeAPIError } from '../utils/normalizeAPIError';\nimport { setIn } from '../utils/objects';\n\ninterface UnknownApiError {\n  /**\n   * The name of the ApiError, is always a static value.\n   */\n  name: 'UnknownError';\n  /**\n   * The error message.\n   */\n  message: string;\n  /**\n   * The error details.\n   */\n  details?: unknown;\n  /**\n   * The HTTP status code of the error.\n   */\n  status?: number;\n}\n\n/**\n * The last item is the fallback error SerializedError which\n * typically comes from redux-toolkit itself.\n */\ninterface SerializedError {\n  /**\n   * The name of the error.\n   */\n  name?: string;\n  /**\n   * The error message that explains what went wrong.\n   */\n  message?: string;\n  /**\n   * The stack trace of the error.\n   */\n  stack?: string;\n  /**\n   * A specific error code associated with the error.\n   */\n  code?: string;\n}\n\n/**\n * These are the types or errors we return\n * from the redux-toolkit data-fetching setup.\n */\ntype BaseQueryError = ApiError | UnknownApiError | SerializedError;\n\ninterface YupFormattedError {\n  /**\n   * An array representing the path to the field where the validation error occurred.\n   */\n  path: string[];\n  /**\n   * The error message describing the validation failure.\n   */\n  message: string;\n  /**\n   * The name of the error, typically identifies the type of validation error that occurred.\n   */\n  name: string;\n\n  value: string;\n}\n\n/**\n * @public\n * @description The purpose of this hook is to offer a unified way to handle errors thrown by API endpoints, regardless of the type of error (`ValidationError`, `ApplicationErrror` ...)\nthat has been thrown.\n * @example\n * ```tsx\n * import * as React from 'react';\n * import { useFetchClient, useAPIErrorHandler, useNotification } from '@strapi/admin/admin';\n *\n * const MyComponent = () => {\n *   const { get } = useFetchClient();\n *   const { formatAPIError } = useAPIErrorHandler(getTrad);\n *   const { toggleNotification } = useNotification();\n *\n *   const handleDeleteItem = async () => {\n *     try {\n *       return await get('/admin');\n *     } catch (error) {\n *       toggleNotification({\n *         type: 'danger',\n *         message: formatAPIError(error),\n *       });\n *     }\n *   };\n *   return <button onClick={handleDeleteItem}>Delete item</button>;\n * };\n * ```\n */\nexport function useAPIErrorHandler(\n  intlMessagePrefixCallback?: FormatAPIErrorOptions['intlMessagePrefixCallback']\n) {\n  const { formatMessage } = useIntl();\n\n  /**\n   * @description This method try to normalize the passed error\n   * and then call formatAPIError to stringify the ResponseObject\n   * into a string. If it fails it will call formatFetchError and\n   * return the error message.\n   */\n  const formatError = React.useCallback(\n    (error: FetchError) => {\n      // Try to normalize the passed error first. This will fail for e.g. network\n      // errors which are thrown by fetchClient directly.\n      try {\n        const formattedErr = formatAPIError(error, { intlMessagePrefixCallback, formatMessage });\n\n        if (!formattedErr) {\n          return formatFetchError(error, { intlMessagePrefixCallback, formatMessage });\n        }\n\n        return formattedErr;\n      } catch {\n        throw new Error('formatAPIError: Unknown error:', error);\n      }\n    },\n    [formatMessage, intlMessagePrefixCallback]\n  );\n\n  return {\n    /**\n     * @alpha\n     * Convert ValidationErrors from the API into an object that can be used by forms.\n     */\n    _unstableFormatValidationErrors: React.useCallback(\n      (error: Extract<BaseQueryError, { name: 'ValidationError' }>): Record<string, string> => {\n        if (typeof error.details === 'object' && error.details !== null) {\n          if ('errors' in error.details && Array.isArray(error.details.errors)) {\n            const validationErrors = error.details.errors as YupFormattedError[];\n\n            return validationErrors.reduce((acc, err) => {\n              const { path, message } = err;\n\n              return setIn(acc, path.join('.'), message);\n            }, {});\n          } else {\n            const details = error.details as Record<string, string[]>;\n\n            return Object.keys(details).reduce((acc, key) => {\n              const messages = details[key];\n\n              return {\n                ...acc,\n                [key]: messages.join(', '),\n              };\n            }, {});\n          }\n        } else {\n          return {};\n        }\n      },\n      []\n    ),\n    /**\n     * @alpha\n     * This handles the errors given from `redux-toolkit`'s axios based baseQuery function.\n     */\n    _unstableFormatAPIError: React.useCallback(\n      (error: BaseQueryError) => {\n        const err = {\n          response: {\n            data: {\n              error,\n            },\n          },\n        } as FetchError;\n\n        /**\n         * There's a chance with SerializedErrors that the message is not set.\n         * In that case we return a generic error message.\n         */\n        if (!error.message) {\n          return 'Unknown error occurred.';\n        }\n\n        return formatError(err);\n      },\n      [formatError]\n    ),\n    formatAPIError: formatError,\n  };\n}\n\nfunction formatFetchError(\n  error: FetchError,\n  { intlMessagePrefixCallback, formatMessage }: FormatAPIErrorOptions\n) {\n  const { code, message } = error;\n\n  return formatMessage(\n    {\n      id: getPrefixedId(message, intlMessagePrefixCallback),\n      defaultMessage: message,\n    },\n    {\n      code,\n    }\n  );\n}\n\ntype FormatAPIErrorOptions = Partial<Pick<NormalizeErrorOptions, 'intlMessagePrefixCallback'>> &\n  Pick<IntlFormatters, 'formatMessage'>;\n\n/**\n * @description This method stringifies the `ResponseObject` into\n * a string. If multiple errors are thrown by the API, which\n * happens e.g.in the case of a `ValidationError`, all errors\n * will bo concatenated into a single string.\n */\nfunction formatAPIError(\n  error: FetchError,\n  { formatMessage, intlMessagePrefixCallback }: FormatAPIErrorOptions\n) {\n  if (!formatMessage) {\n    throw new Error('The formatMessage callback is a mandatory argument.');\n  }\n\n  const normalizedError = normalizeAPIError(error, intlMessagePrefixCallback);\n\n  if (!normalizedError) {\n    return null;\n  }\n\n  if ('message' in normalizedError && normalizedError.message !== null) {\n    return normalizedError.message;\n  }\n\n  // stringify multiple errors\n  if ('errors' in normalizedError) {\n    return normalizedError.errors\n      .map(({ id, defaultMessage, values }) => formatMessage({ id, defaultMessage }, values))\n      .join('\\n');\n  }\n\n  return formatMessage(normalizedError);\n}\n\nexport type { ApiError };\n"],"names":["useAPIErrorHandler","intlMessagePrefixCallback","formatMessage","useIntl","formatError","React","useCallback","error","formattedErr","formatAPIError","formatFetchError","Error","_unstableFormatValidationErrors","details","Array","isArray","errors","validationErrors","reduce","acc","err","path","message","setIn","join","Object","keys","key","messages","_unstableFormatAPIError","response","data","code","id","getPrefixedId","defaultMessage","normalizedError","normalizeAPIError","map","values"],"mappings":"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"}

package/dist/admin/admin/src/pages/Auth/components/Register.js

@@ -180,6 +180,39 @@ const isRecord = (value)=>{
 const isMessageDescriptor = (value)=>{
     return isRecord(value) && typeof value.id === 'string' && typeof value.defaultMessage === 'string';
 };
+/**
+ * @description Turns a yup validation message into a displayable string. The message can be a
+ * plain string, a descriptor, or a descriptor wrapped in `{ message }` / `{ errors: [] }`.
+ *
+ * `values` is forwarded to `formatMessage`, otherwise react-intl cannot interpolate placeholders
+ * such as the `{min}` of `components.Input.error.validation.minLength` and renders the raw
+ * pattern instead. See strapi/strapi#19030.
+ */ const formatValidationMessage = (msg, formatMessage)=>{
+    const format = ({ values, ...message })=>formatMessage(message, values);
+    try {
+        if (msg === undefined || msg === null) return '';
+        if (typeof msg === 'string') return msg;
+        // Direct descriptor
+        if (isMessageDescriptor(msg)) return format(msg);
+        // Wrapped descriptor: { message: { id, defaultMessage } }
+        if (isRecord(msg) && isMessageDescriptor(msg.message)) {
+            return format(msg.message);
+        }
+        // errors array: [{ id, defaultMessage }]
+        if (isRecord(msg) && Array.isArray(msg.errors) && msg.errors.length > 0) {
+            const first = msg.errors[0];
+            if (typeof first === 'string') return first;
+            if (isMessageDescriptor(first)) return format(first);
+        }
+        // fallback to defaultMessage if present
+        if (isRecord(msg) && typeof msg.defaultMessage === 'string') {
+            return msg.defaultMessage;
+        }
+        return String(msg);
+    } catch  {
+        return String(msg);
+    }
+};
 const Register = ({ hasAdmin })=>{
     const { toggleNotification } = Notifications.useNotification();
     const navigate = reactRouterDom.useNavigate();
@@ -366,34 +399,9 @@ const Register = ({ hasAdmin })=>{
                             }
                         } catch (err) {
                             if (err instanceof yup.ValidationError) {
-                                const formatDescriptor = (msg)=>{
-                                    try {
-                                        if (msg === undefined || msg === null) return '';
-                                        if (typeof msg === 'string') return msg;
-                                        // Direct descriptor
-                                        if (isMessageDescriptor(msg)) return formatMessage(msg);
-                                        // Wrapped descriptor: { message: { id, defaultMessage } }
-                                        if (isRecord(msg) && isMessageDescriptor(msg.message)) {
-                                            return formatMessage(msg.message);
-                                        }
-                                        // errors array: [{ id, defaultMessage }]
-                                        if (isRecord(msg) && Array.isArray(msg.errors) && msg.errors.length > 0) {
-                                            const first = msg.errors[0];
-                                            if (typeof first === 'string') return first;
-                                            if (isMessageDescriptor(first)) return formatMessage(first);
-                                        }
-                                        // fallback to defaultMessage if present
-                                        if (isRecord(msg) && typeof msg.defaultMessage === 'string') {
-                                            return msg.defaultMessage;
-                                        }
-                                        return String(msg);
-                                    } catch  {
-                                        return String(msg);
-                                    }
-                                };
                                 const computed = err.inner.reduce((acc, { message, path })=>{
                                     if (!path) return acc;
-                                    acc[path] = formatDescriptor(message);
+                                    acc[path] = formatValidationMessage(message, formatMessage);
                                     return acc;
                                 }, {});
                                 helpers.setErrors(computed);
@@ -555,4 +563,5 @@ const A = styledComponents.styled.a`
 `;
 
 exports.Register = Register;
+exports.formatValidationMessage = formatValidationMessage;
 //# sourceMappingURL=Register.js.map