@strapi/upload 5.55.1 → 5.57.0

package/dist/admin/hooks/useAIMetadataAvailability.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var settings = require('../services/settings.js');
+
+/**
+ * Whether the server has an AI metadata provider registered, either the
+ * Strapi-managed one or a custom one.
+ */ const useAIMetadataAvailability = ()=>{
+    const { data } = settings.useGetUploadSettingsQuery();
+    return data?.data?.aiMetadataAvailable === true;
+};
+
+exports.useAIMetadataAvailability = useAIMetadataAvailability;
+//# sourceMappingURL=useAIMetadataAvailability.js.map

package/dist/admin/hooks/useAIMetadataAvailability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAIMetadataAvailability.js","sources":["../../../admin/src/hooks/useAIMetadataAvailability.ts"],"sourcesContent":["import { useGetUploadSettingsQuery } from '../services/settings';\n\n/**\n * Whether the server has an AI metadata provider registered, either the\n * Strapi-managed one or a custom one.\n */\nexport const useAIMetadataAvailability = (): boolean => {\n  const { data } = useGetUploadSettingsQuery();\n\n  return data?.data?.aiMetadataAvailable === true;\n};\n"],"names":["useAIMetadataAvailability","data","useGetUploadSettingsQuery","aiMetadataAvailable"],"mappings":";;;;AAEA;;;UAIaA,yBAAAA,GAA4B,IAAA;IACvC,MAAM,EAAEC,IAAI,EAAE,GAAGC,kCAAAA,EAAAA;IAEjB,OAAOD,IAAAA,EAAMA,MAAME,mBAAAA,KAAwB,IAAA;AAC7C;;;;"}

package/dist/admin/hooks/useAIMetadataAvailability.mjs

@@ -0,0 +1,12 @@
+import { useGetUploadSettingsQuery } from '../services/settings.mjs';
+
+/**
+ * Whether the server has an AI metadata provider registered, either the
+ * Strapi-managed one or a custom one.
+ */ const useAIMetadataAvailability = ()=>{
+    const { data } = useGetUploadSettingsQuery();
+    return data?.data?.aiMetadataAvailable === true;
+};
+
+export { useAIMetadataAvailability };
+//# sourceMappingURL=useAIMetadataAvailability.mjs.map

package/dist/admin/hooks/useAIMetadataAvailability.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAIMetadataAvailability.mjs","sources":["../../../admin/src/hooks/useAIMetadataAvailability.ts"],"sourcesContent":["import { useGetUploadSettingsQuery } from '../services/settings';\n\n/**\n * Whether the server has an AI metadata provider registered, either the\n * Strapi-managed one or a custom one.\n */\nexport const useAIMetadataAvailability = (): boolean => {\n  const { data } = useGetUploadSettingsQuery();\n\n  return data?.data?.aiMetadataAvailable === true;\n};\n"],"names":["useAIMetadataAvailability","data","useGetUploadSettingsQuery","aiMetadataAvailable"],"mappings":";;AAEA;;;UAIaA,yBAAAA,GAA4B,IAAA;IACvC,MAAM,EAAEC,IAAI,EAAE,GAAGC,yBAAAA,EAAAA;IAEjB,OAAOD,IAAAA,EAAMA,MAAME,mBAAAA,KAAwB,IAAA;AAC7C;;;;"}

package/dist/admin/hooks/useAIMetadataEnabled.js

@@ -1,17 +1,19 @@
 'use strict';
 
-var ee = require('@strapi/admin/strapi-admin/ee');
 var constants = require('../shared/constants.js');
 var settings = require('../services/settings.js');
+var useAIMetadataAvailability = require('./useAIMetadataAvailability.js');
 
 /**
  * Whether the replace flow will actually regenerate AI metadata, so the UI only
  * promises it when it happens.
  *
  * Two independent gates, both required — `GET /upload/settings` returns the
- * stored `aiMetadata` toggle on its own, which stays `true` (its default) on
- * licenses without AI, so the setting alone over-promises. The server's own
- * check (`aiMetadata.isEnabled()`) ANDs the same two conditions.
+ * stored `aiMetadata` toggle on its own, which stays `true` (its default) when
+ * no AI metadata provider is registered, so the setting alone over-promises.
+ * `aiMetadataAvailable` is the server telling us a provider is registered
+ * (Strapi-managed or custom). The server's own check (`aiMetadata.isEnabled()`)
+ * ANDs the same two conditions.
  *
  * Pass `{ mime }` to add the third gate the replace flow applies: it only
  * regenerates metadata for images the AI provider can read
@@ -27,7 +29,7 @@ var settings = require('../services/settings.js');
  * hook exists to close. `useAIMetadataEnabled({ mime: undefined })` still gates
  * (and fails closed); only an omitted `options` skips the mime check.
  */ const useAIMetadataEnabled = (options)=>{
-    const isAIAvailable = ee.useAIAvailability();
+    const isAIAvailable = useAIMetadataAvailability.useAIMetadataAvailability();
     const { data: settings$1 } = settings.useGetUploadSettingsQuery();
     if (!isAIAvailable || !(settings$1?.data?.aiMetadata ?? false)) {
         return false;

package/dist/admin/hooks/useAIMetadataEnabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAIMetadataEnabled.js","sources":["../../../admin/src/hooks/useAIMetadataEnabled.ts"],"sourcesContent":["import { useAIAvailability } from '@strapi/admin/strapi-admin/ee';\n\nimport { isAIMetadataSupportedMime } from '../../../shared/constants';\nimport { useGetUploadSettingsQuery } from '../services/settings';\n\n/**\n * Whether the replace flow will actually regenerate AI metadata, so the UI only\n * promises it when it happens.\n *\n * Two independent gates, both required — `GET /upload/settings` returns the\n * stored `aiMetadata` toggle on its own, which stays `true` (its default) on\n * licenses without AI, so the setting alone over-promises. The server's own\n * check (`aiMetadata.isEnabled()`) ANDs the same two conditions.\n *\n * Pass `{ mime }` to add the third gate the replace flow applies: it only\n * regenerates metadata for images the AI provider can read\n * (`admin-upload.replaceFile` → `aiMetadata.processFiles`, which filters on this\n * same allowlist). Promising it for a PDF — or for a GIF, which clears the\n * server's looser `image/*` gate but is skipped by the provider — would describe\n * something that never happens.\n *\n * The argument is an object rather than a bare `mime` so the two intents stay\n * distinguishable: `File.mime` is optional on the contract, so a positional\n * parameter let `useAIMetadataEnabled(asset.mime)` collapse into the ungated\n * call whenever the mime was missing — silently taking the permissive path this\n * hook exists to close. `useAIMetadataEnabled({ mime: undefined })` still gates\n * (and fails closed); only an omitted `options` skips the mime check.\n */\nexport const useAIMetadataEnabled = (options?: { mime?: string | null }): boolean => {\n  const isAIAvailable = useAIAvailability();\n  const { data: settings } = useGetUploadSettingsQuery();\n\n  if (!isAIAvailable || !(settings?.data?.aiMetadata ?? false)) {\n    return false;\n  }\n\n  return options === undefined ? true : isAIMetadataSupportedMime(options.mime);\n};\n"],"names":["useAIMetadataEnabled","options","isAIAvailable","useAIAvailability","data","settings","useGetUploadSettingsQuery","aiMetadata","undefined","isAIMetadataSupportedMime","mime"],"mappings":";;;;;;AAKA;;;;;;;;;;;;;;;;;;;;;;IAuBO,MAAMA,oBAAAA,GAAuB,CAACC,OAAAA,GAAAA;AACnC,IAAA,MAAMC,aAAAA,GAAgBC,oBAAAA,EAAAA;AACtB,IAAA,MAAM,EAAEC,IAAAA,EAAMC,UAAQ,EAAE,GAAGC,kCAAAA,EAAAA;IAE3B,IAAI,CAACJ,iBAAiB,EAAEG,YAAUD,IAAAA,EAAMG,UAAAA,IAAc,KAAI,CAAA,EAAI;QAC5D,OAAO,KAAA;AACT,IAAA;AAEA,IAAA,OAAON,OAAAA,KAAYO,SAAAA,GAAY,IAAA,GAAOC,mCAAAA,CAA0BR,QAAQS,IAAI,CAAA;AAC9E;;;;"}
+{"version":3,"file":"useAIMetadataEnabled.js","sources":["../../../admin/src/hooks/useAIMetadataEnabled.ts"],"sourcesContent":["import { isAIMetadataSupportedMime } from '../../../shared/constants';\nimport { useGetUploadSettingsQuery } from '../services/settings';\n\nimport { useAIMetadataAvailability } from './useAIMetadataAvailability';\n\n/**\n * Whether the replace flow will actually regenerate AI metadata, so the UI only\n * promises it when it happens.\n *\n * Two independent gates, both required — `GET /upload/settings` returns the\n * stored `aiMetadata` toggle on its own, which stays `true` (its default) when\n * no AI metadata provider is registered, so the setting alone over-promises.\n * `aiMetadataAvailable` is the server telling us a provider is registered\n * (Strapi-managed or custom). The server's own check (`aiMetadata.isEnabled()`)\n * ANDs the same two conditions.\n *\n * Pass `{ mime }` to add the third gate the replace flow applies: it only\n * regenerates metadata for images the AI provider can read\n * (`admin-upload.replaceFile` → `aiMetadata.processFiles`, which filters on this\n * same allowlist). Promising it for a PDF — or for a GIF, which clears the\n * server's looser `image/*` gate but is skipped by the provider — would describe\n * something that never happens.\n *\n * The argument is an object rather than a bare `mime` so the two intents stay\n * distinguishable: `File.mime` is optional on the contract, so a positional\n * parameter let `useAIMetadataEnabled(asset.mime)` collapse into the ungated\n * call whenever the mime was missing — silently taking the permissive path this\n * hook exists to close. `useAIMetadataEnabled({ mime: undefined })` still gates\n * (and fails closed); only an omitted `options` skips the mime check.\n */\nexport const useAIMetadataEnabled = (options?: { mime?: string | null }): boolean => {\n  const isAIAvailable = useAIMetadataAvailability();\n  const { data: settings } = useGetUploadSettingsQuery();\n\n  if (!isAIAvailable || !(settings?.data?.aiMetadata ?? false)) {\n    return false;\n  }\n\n  return options === undefined ? true : isAIMetadataSupportedMime(options.mime);\n};\n"],"names":["useAIMetadataEnabled","options","isAIAvailable","useAIMetadataAvailability","data","settings","useGetUploadSettingsQuery","aiMetadata","undefined","isAIMetadataSupportedMime","mime"],"mappings":";;;;;;AAKA;;;;;;;;;;;;;;;;;;;;;;;;IAyBO,MAAMA,oBAAAA,GAAuB,CAACC,OAAAA,GAAAA;AACnC,IAAA,MAAMC,aAAAA,GAAgBC,mDAAAA,EAAAA;AACtB,IAAA,MAAM,EAAEC,IAAAA,EAAMC,UAAQ,EAAE,GAAGC,kCAAAA,EAAAA;IAE3B,IAAI,CAACJ,iBAAiB,EAAEG,YAAUD,IAAAA,EAAMG,UAAAA,IAAc,KAAI,CAAA,EAAI;QAC5D,OAAO,KAAA;AACT,IAAA;AAEA,IAAA,OAAON,OAAAA,KAAYO,SAAAA,GAAY,IAAA,GAAOC,mCAAAA,CAA0BR,QAAQS,IAAI,CAAA;AAC9E;;;;"}

package/dist/admin/hooks/useAIMetadataEnabled.mjs

@@ -1,15 +1,17 @@
-import { useAIAvailability } from '@strapi/admin/strapi-admin/ee';
 import { isAIMetadataSupportedMime } from '../shared/constants.mjs';
 import { useGetUploadSettingsQuery } from '../services/settings.mjs';
+import { useAIMetadataAvailability } from './useAIMetadataAvailability.mjs';
 
 /**
  * Whether the replace flow will actually regenerate AI metadata, so the UI only
  * promises it when it happens.
  *
  * Two independent gates, both required — `GET /upload/settings` returns the
- * stored `aiMetadata` toggle on its own, which stays `true` (its default) on
- * licenses without AI, so the setting alone over-promises. The server's own
- * check (`aiMetadata.isEnabled()`) ANDs the same two conditions.
+ * stored `aiMetadata` toggle on its own, which stays `true` (its default) when
+ * no AI metadata provider is registered, so the setting alone over-promises.
+ * `aiMetadataAvailable` is the server telling us a provider is registered
+ * (Strapi-managed or custom). The server's own check (`aiMetadata.isEnabled()`)
+ * ANDs the same two conditions.
  *
  * Pass `{ mime }` to add the third gate the replace flow applies: it only
  * regenerates metadata for images the AI provider can read
@@ -25,7 +27,7 @@ import { useGetUploadSettingsQuery } from '../services/settings.mjs';
  * hook exists to close. `useAIMetadataEnabled({ mime: undefined })` still gates
  * (and fails closed); only an omitted `options` skips the mime check.
  */ const useAIMetadataEnabled = (options)=>{
-    const isAIAvailable = useAIAvailability();
+    const isAIAvailable = useAIMetadataAvailability();
     const { data: settings } = useGetUploadSettingsQuery();
     if (!isAIAvailable || !(settings?.data?.aiMetadata ?? false)) {
         return false;

package/dist/admin/hooks/useAIMetadataEnabled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAIMetadataEnabled.mjs","sources":["../../../admin/src/hooks/useAIMetadataEnabled.ts"],"sourcesContent":["import { useAIAvailability } from '@strapi/admin/strapi-admin/ee';\n\nimport { isAIMetadataSupportedMime } from '../../../shared/constants';\nimport { useGetUploadSettingsQuery } from '../services/settings';\n\n/**\n * Whether the replace flow will actually regenerate AI metadata, so the UI only\n * promises it when it happens.\n *\n * Two independent gates, both required — `GET /upload/settings` returns the\n * stored `aiMetadata` toggle on its own, which stays `true` (its default) on\n * licenses without AI, so the setting alone over-promises. The server's own\n * check (`aiMetadata.isEnabled()`) ANDs the same two conditions.\n *\n * Pass `{ mime }` to add the third gate the replace flow applies: it only\n * regenerates metadata for images the AI provider can read\n * (`admin-upload.replaceFile` → `aiMetadata.processFiles`, which filters on this\n * same allowlist). Promising it for a PDF — or for a GIF, which clears the\n * server's looser `image/*` gate but is skipped by the provider — would describe\n * something that never happens.\n *\n * The argument is an object rather than a bare `mime` so the two intents stay\n * distinguishable: `File.mime` is optional on the contract, so a positional\n * parameter let `useAIMetadataEnabled(asset.mime)` collapse into the ungated\n * call whenever the mime was missing — silently taking the permissive path this\n * hook exists to close. `useAIMetadataEnabled({ mime: undefined })` still gates\n * (and fails closed); only an omitted `options` skips the mime check.\n */\nexport const useAIMetadataEnabled = (options?: { mime?: string | null }): boolean => {\n  const isAIAvailable = useAIAvailability();\n  const { data: settings } = useGetUploadSettingsQuery();\n\n  if (!isAIAvailable || !(settings?.data?.aiMetadata ?? false)) {\n    return false;\n  }\n\n  return options === undefined ? true : isAIMetadataSupportedMime(options.mime);\n};\n"],"names":["useAIMetadataEnabled","options","isAIAvailable","useAIAvailability","data","settings","useGetUploadSettingsQuery","aiMetadata","undefined","isAIMetadataSupportedMime","mime"],"mappings":";;;;AAKA;;;;;;;;;;;;;;;;;;;;;;IAuBO,MAAMA,oBAAAA,GAAuB,CAACC,OAAAA,GAAAA;AACnC,IAAA,MAAMC,aAAAA,GAAgBC,iBAAAA,EAAAA;AACtB,IAAA,MAAM,EAAEC,IAAAA,EAAMC,QAAQ,EAAE,GAAGC,yBAAAA,EAAAA;IAE3B,IAAI,CAACJ,iBAAiB,EAAEG,UAAUD,IAAAA,EAAMG,UAAAA,IAAc,KAAI,CAAA,EAAI;QAC5D,OAAO,KAAA;AACT,IAAA;AAEA,IAAA,OAAON,OAAAA,KAAYO,SAAAA,GAAY,IAAA,GAAOC,yBAAAA,CAA0BR,QAAQS,IAAI,CAAA;AAC9E;;;;"}
+{"version":3,"file":"useAIMetadataEnabled.mjs","sources":["../../../admin/src/hooks/useAIMetadataEnabled.ts"],"sourcesContent":["import { isAIMetadataSupportedMime } from '../../../shared/constants';\nimport { useGetUploadSettingsQuery } from '../services/settings';\n\nimport { useAIMetadataAvailability } from './useAIMetadataAvailability';\n\n/**\n * Whether the replace flow will actually regenerate AI metadata, so the UI only\n * promises it when it happens.\n *\n * Two independent gates, both required — `GET /upload/settings` returns the\n * stored `aiMetadata` toggle on its own, which stays `true` (its default) when\n * no AI metadata provider is registered, so the setting alone over-promises.\n * `aiMetadataAvailable` is the server telling us a provider is registered\n * (Strapi-managed or custom). The server's own check (`aiMetadata.isEnabled()`)\n * ANDs the same two conditions.\n *\n * Pass `{ mime }` to add the third gate the replace flow applies: it only\n * regenerates metadata for images the AI provider can read\n * (`admin-upload.replaceFile` → `aiMetadata.processFiles`, which filters on this\n * same allowlist). Promising it for a PDF — or for a GIF, which clears the\n * server's looser `image/*` gate but is skipped by the provider — would describe\n * something that never happens.\n *\n * The argument is an object rather than a bare `mime` so the two intents stay\n * distinguishable: `File.mime` is optional on the contract, so a positional\n * parameter let `useAIMetadataEnabled(asset.mime)` collapse into the ungated\n * call whenever the mime was missing — silently taking the permissive path this\n * hook exists to close. `useAIMetadataEnabled({ mime: undefined })` still gates\n * (and fails closed); only an omitted `options` skips the mime check.\n */\nexport const useAIMetadataEnabled = (options?: { mime?: string | null }): boolean => {\n  const isAIAvailable = useAIMetadataAvailability();\n  const { data: settings } = useGetUploadSettingsQuery();\n\n  if (!isAIAvailable || !(settings?.data?.aiMetadata ?? false)) {\n    return false;\n  }\n\n  return options === undefined ? true : isAIMetadataSupportedMime(options.mime);\n};\n"],"names":["useAIMetadataEnabled","options","isAIAvailable","useAIMetadataAvailability","data","settings","useGetUploadSettingsQuery","aiMetadata","undefined","isAIMetadataSupportedMime","mime"],"mappings":";;;;AAKA;;;;;;;;;;;;;;;;;;;;;;;;IAyBO,MAAMA,oBAAAA,GAAuB,CAACC,OAAAA,GAAAA;AACnC,IAAA,MAAMC,aAAAA,GAAgBC,yBAAAA,EAAAA;AACtB,IAAA,MAAM,EAAEC,IAAAA,EAAMC,QAAQ,EAAE,GAAGC,yBAAAA,EAAAA;IAE3B,IAAI,CAACJ,iBAAiB,EAAEG,UAAUD,IAAAA,EAAMG,UAAAA,IAAc,KAAI,CAAA,EAAI;QAC5D,OAAO,KAAA;AACT,IAAA;AAEA,IAAA,OAAON,OAAAA,KAAYO,SAAAA,GAAY,IAAA,GAAOC,yBAAAA,CAA0BR,QAAQS,IAAI,CAAA;AAC9E;;;;"}

package/dist/admin/hooks/useTracking.js

@@ -2,15 +2,10 @@
 
 var React = require('react');
 var strapiAdmin = require('@strapi/admin/strapi-admin');
-var ee = require('@strapi/admin/strapi-admin/ee');
 var settings = require('../services/settings.js');
+var mediaLibraryVersion = require('../utils/mediaLibraryVersion.js');
+var useAIMetadataAvailability = require('./useAIMetadataAvailability.js');
 
-/**
- * Media Library version tag stamped on every event fired from the current
- * Media Library. Events from `legacy/` omit it, so analytics can filter new
- * usage from the old plan while both trees emit the SAME event names. Bump
- * this if a future revamp ever needs its own bucket.
- */ const MEDIA_LIBRARY_VERSION = 'v2';
 /**
  * `location` value for every new Media Library event. The new tree is the
  * standalone Media Library page, which the legacy plan tags `'upload'` (as
@@ -30,7 +25,7 @@ var settings = require('../services/settings.js');
  */ const useTracking = ()=>{
     const { trackUsage: trackStrapiUsage } = strapiAdmin.useTracking();
     const { data } = settings.useGetUploadSettingsQuery();
-    const isAiAvailable = ee.useAIAvailability();
+    const isAiAvailable = useAIMetadataAvailability.useAIMetadataAvailability();
     // Memoised so consumers can safely list `trackUsage` in effect deps (the
     // search-input debounce commit does) without re-firing every render.
     const trackUsage = React.useCallback((event, properties)=>{
@@ -39,7 +34,7 @@ var settings = require('../services/settings.js');
             ...isAiAvailable ? {
                 isAiMediaLibraryConfigured: Boolean(data?.data?.aiMetadata)
             } : {},
-            mediaLibraryVersion: MEDIA_LIBRARY_VERSION
+            mediaLibraryVersion: mediaLibraryVersion.getMediaLibraryVersion()
         });
     }, [
         trackStrapiUsage,
@@ -52,6 +47,5 @@ var settings = require('../services/settings.js');
 };
 
 exports.MEDIA_LIBRARY_LOCATION = MEDIA_LIBRARY_LOCATION;
-exports.MEDIA_LIBRARY_VERSION = MEDIA_LIBRARY_VERSION;
 exports.useTracking = useTracking;
 //# sourceMappingURL=useTracking.js.map

package/dist/admin/hooks/useTracking.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTracking.js","sources":["../../../admin/src/hooks/useTracking.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useTracking as useStrapiTracking, type TrackingEvent } from '@strapi/admin/strapi-admin';\nimport { useAIAvailability } from '@strapi/admin/strapi-admin/ee';\n\nimport { useGetUploadSettingsQuery } from '../services/settings';\n\n/**\n * Media Library version tag stamped on every event fired from the current\n * Media Library. Events from `legacy/` omit it, so analytics can filter new\n * usage from the old plan while both trees emit the SAME event names. Bump\n * this if a future revamp ever needs its own bucket.\n */\nexport const MEDIA_LIBRARY_VERSION = 'v2';\n\n/**\n * `location` value for every new Media Library event. The new tree is the\n * standalone Media Library page, which the legacy plan tags `'upload'` (as\n * opposed to `'content-manager'` for the asset-picker modal). Kept identical so\n * migrated events line up with the legacy ones on the `location` axis.\n */\nexport const MEDIA_LIBRARY_LOCATION = 'upload';\n\n/**\n * Tracking wrapper scoped to the new Media Library. Mirrors the legacy\n * `admin/src/hooks/useTracking` — it forwards to the admin `trackUsage` and\n * injects `isAiMediaLibraryConfigured` when AI is available — and additionally\n * stamps `mediaLibraryVersion` on every event so the migrated plan stays\n * distinguishable from the legacy one.\n *\n * The cast mirrors the legacy wrapper: these two properties are cross-cutting\n * media-tracking metadata that the admin `TrackingEvent` type does not (and\n * should not) enumerate per event.\n */\nexport const useTracking = () => {\n  const { trackUsage: trackStrapiUsage } = useStrapiTracking();\n  const { data } = useGetUploadSettingsQuery();\n  const isAiAvailable = useAIAvailability();\n\n  // Memoised so consumers can safely list `trackUsage` in effect deps (the\n  // search-input debounce commit does) without re-firing every render.\n  const trackUsage = useCallback(\n    <TEvent extends TrackingEvent>(event: TEvent['name'], properties?: TEvent['properties']) => {\n      return trackStrapiUsage(event, {\n        ...properties,\n        ...(isAiAvailable ? { isAiMediaLibraryConfigured: Boolean(data?.data?.aiMetadata) } : {}),\n        mediaLibraryVersion: MEDIA_LIBRARY_VERSION,\n      } as TEvent['properties']);\n    },\n    [trackStrapiUsage, isAiAvailable, data]\n  );\n\n  return { trackUsage };\n};\n"],"names":["MEDIA_LIBRARY_VERSION","MEDIA_LIBRARY_LOCATION","useTracking","trackUsage","trackStrapiUsage","useStrapiTracking","data","useGetUploadSettingsQuery","isAiAvailable","useAIAvailability","useCallback","event","properties","isAiMediaLibraryConfigured","Boolean","aiMetadata","mediaLibraryVersion"],"mappings":";;;;;;;AAOA;;;;;IAMO,MAAMA,qBAAAA,GAAwB;AAErC;;;;;IAMO,MAAMC,sBAAAA,GAAyB;AAEtC;;;;;;;;;;UAWaC,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAM,EAAEC,UAAAA,EAAYC,gBAAgB,EAAE,GAAGC,uBAAAA,EAAAA;IACzC,MAAM,EAAEC,IAAI,EAAE,GAAGC,kCAAAA,EAAAA;AACjB,IAAA,MAAMC,aAAAA,GAAgBC,oBAAAA,EAAAA;;;IAItB,MAAMN,UAAAA,GAAaO,iBAAAA,CACjB,CAA+BC,KAAAA,EAAuBC,UAAAA,GAAAA;AACpD,QAAA,OAAOR,iBAAiBO,KAAAA,EAAO;AAC7B,YAAA,GAAGC,UAAU;AACb,YAAA,GAAIJ,aAAAA,GAAgB;gBAAEK,0BAAAA,EAA4BC,OAAAA,CAAQR,MAAMA,IAAAA,EAAMS,UAAAA;AAAY,aAAA,GAAI,EAAE;YACxFC,mBAAAA,EAAqBhB;AACvB,SAAA,CAAA;IACF,CAAA,EACA;AAACI,QAAAA,gBAAAA;AAAkBI,QAAAA,aAAAA;AAAeF,QAAAA;AAAK,KAAA,CAAA;IAGzC,OAAO;AAAEH,QAAAA;AAAW,KAAA;AACtB;;;;;;"}
+{"version":3,"file":"useTracking.js","sources":["../../../admin/src/hooks/useTracking.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useTracking as useStrapiTracking, type TrackingEvent } from '@strapi/admin/strapi-admin';\n\nimport { useGetUploadSettingsQuery } from '../services/settings';\nimport { getMediaLibraryVersion } from '../utils/mediaLibraryVersion';\n\nimport { useAIMetadataAvailability } from './useAIMetadataAvailability';\n\n/**\n * `location` value for every new Media Library event. The new tree is the\n * standalone Media Library page, which the legacy plan tags `'upload'` (as\n * opposed to `'content-manager'` for the asset-picker modal). Kept identical so\n * migrated events line up with the legacy ones on the `location` axis.\n */\nexport const MEDIA_LIBRARY_LOCATION = 'upload';\n\n/**\n * Tracking wrapper scoped to the new Media Library. Mirrors the legacy\n * `admin/src/hooks/useTracking` — it forwards to the admin `trackUsage` and\n * injects `isAiMediaLibraryConfigured` when AI is available — and additionally\n * stamps `mediaLibraryVersion` on every event so the migrated plan stays\n * distinguishable from the legacy one.\n *\n * The cast mirrors the legacy wrapper: these two properties are cross-cutting\n * media-tracking metadata that the admin `TrackingEvent` type does not (and\n * should not) enumerate per event.\n */\nexport const useTracking = () => {\n  const { trackUsage: trackStrapiUsage } = useStrapiTracking();\n  const { data } = useGetUploadSettingsQuery();\n  const isAiAvailable = useAIMetadataAvailability();\n\n  // Memoised so consumers can safely list `trackUsage` in effect deps (the\n  // search-input debounce commit does) without re-firing every render.\n  const trackUsage = useCallback(\n    <TEvent extends TrackingEvent>(event: TEvent['name'], properties?: TEvent['properties']) => {\n      return trackStrapiUsage(event, {\n        ...properties,\n        ...(isAiAvailable ? { isAiMediaLibraryConfigured: Boolean(data?.data?.aiMetadata) } : {}),\n        mediaLibraryVersion: getMediaLibraryVersion(),\n      } as TEvent['properties']);\n    },\n    [trackStrapiUsage, isAiAvailable, data]\n  );\n\n  return { trackUsage };\n};\n"],"names":["MEDIA_LIBRARY_LOCATION","useTracking","trackUsage","trackStrapiUsage","useStrapiTracking","data","useGetUploadSettingsQuery","isAiAvailable","useAIMetadataAvailability","useCallback","event","properties","isAiMediaLibraryConfigured","Boolean","aiMetadata","mediaLibraryVersion","getMediaLibraryVersion"],"mappings":";;;;;;;;AASA;;;;;IAMO,MAAMA,sBAAAA,GAAyB;AAEtC;;;;;;;;;;UAWaC,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAM,EAAEC,UAAAA,EAAYC,gBAAgB,EAAE,GAAGC,uBAAAA,EAAAA;IACzC,MAAM,EAAEC,IAAI,EAAE,GAAGC,kCAAAA,EAAAA;AACjB,IAAA,MAAMC,aAAAA,GAAgBC,mDAAAA,EAAAA;;;IAItB,MAAMN,UAAAA,GAAaO,iBAAAA,CACjB,CAA+BC,KAAAA,EAAuBC,UAAAA,GAAAA;AACpD,QAAA,OAAOR,iBAAiBO,KAAAA,EAAO;AAC7B,YAAA,GAAGC,UAAU;AACb,YAAA,GAAIJ,aAAAA,GAAgB;gBAAEK,0BAAAA,EAA4BC,OAAAA,CAAQR,MAAMA,IAAAA,EAAMS,UAAAA;AAAY,aAAA,GAAI,EAAE;YACxFC,mBAAAA,EAAqBC,0CAAAA;AACvB,SAAA,CAAA;IACF,CAAA,EACA;AAACb,QAAAA,gBAAAA;AAAkBI,QAAAA,aAAAA;AAAeF,QAAAA;AAAK,KAAA,CAAA;IAGzC,OAAO;AAAEH,QAAAA;AAAW,KAAA;AACtB;;;;;"}

package/dist/admin/hooks/useTracking.mjs

@@ -1,14 +1,9 @@
 import { useCallback } from 'react';
 import { useTracking as useTracking$1 } from '@strapi/admin/strapi-admin';
-import { useAIAvailability } from '@strapi/admin/strapi-admin/ee';
 import { useGetUploadSettingsQuery } from '../services/settings.mjs';
+import { getMediaLibraryVersion } from '../utils/mediaLibraryVersion.mjs';
+import { useAIMetadataAvailability } from './useAIMetadataAvailability.mjs';
 
-/**
- * Media Library version tag stamped on every event fired from the current
- * Media Library. Events from `legacy/` omit it, so analytics can filter new
- * usage from the old plan while both trees emit the SAME event names. Bump
- * this if a future revamp ever needs its own bucket.
- */ const MEDIA_LIBRARY_VERSION = 'v2';
 /**
  * `location` value for every new Media Library event. The new tree is the
  * standalone Media Library page, which the legacy plan tags `'upload'` (as
@@ -28,7 +23,7 @@ import { useGetUploadSettingsQuery } from '../services/settings.mjs';
  */ const useTracking = ()=>{
     const { trackUsage: trackStrapiUsage } = useTracking$1();
     const { data } = useGetUploadSettingsQuery();
-    const isAiAvailable = useAIAvailability();
+    const isAiAvailable = useAIMetadataAvailability();
     // Memoised so consumers can safely list `trackUsage` in effect deps (the
     // search-input debounce commit does) without re-firing every render.
     const trackUsage = useCallback((event, properties)=>{
@@ -37,7 +32,7 @@ import { useGetUploadSettingsQuery } from '../services/settings.mjs';
             ...isAiAvailable ? {
                 isAiMediaLibraryConfigured: Boolean(data?.data?.aiMetadata)
             } : {},
-            mediaLibraryVersion: MEDIA_LIBRARY_VERSION
+            mediaLibraryVersion: getMediaLibraryVersion()
         });
     }, [
         trackStrapiUsage,
@@ -49,5 +44,5 @@ import { useGetUploadSettingsQuery } from '../services/settings.mjs';
     };
 };
 
-export { MEDIA_LIBRARY_LOCATION, MEDIA_LIBRARY_VERSION, useTracking };
+export { MEDIA_LIBRARY_LOCATION, useTracking };
 //# sourceMappingURL=useTracking.mjs.map

package/dist/admin/hooks/useTracking.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTracking.mjs","sources":["../../../admin/src/hooks/useTracking.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useTracking as useStrapiTracking, type TrackingEvent } from '@strapi/admin/strapi-admin';\nimport { useAIAvailability } from '@strapi/admin/strapi-admin/ee';\n\nimport { useGetUploadSettingsQuery } from '../services/settings';\n\n/**\n * Media Library version tag stamped on every event fired from the current\n * Media Library. Events from `legacy/` omit it, so analytics can filter new\n * usage from the old plan while both trees emit the SAME event names. Bump\n * this if a future revamp ever needs its own bucket.\n */\nexport const MEDIA_LIBRARY_VERSION = 'v2';\n\n/**\n * `location` value for every new Media Library event. The new tree is the\n * standalone Media Library page, which the legacy plan tags `'upload'` (as\n * opposed to `'content-manager'` for the asset-picker modal). Kept identical so\n * migrated events line up with the legacy ones on the `location` axis.\n */\nexport const MEDIA_LIBRARY_LOCATION = 'upload';\n\n/**\n * Tracking wrapper scoped to the new Media Library. Mirrors the legacy\n * `admin/src/hooks/useTracking` — it forwards to the admin `trackUsage` and\n * injects `isAiMediaLibraryConfigured` when AI is available — and additionally\n * stamps `mediaLibraryVersion` on every event so the migrated plan stays\n * distinguishable from the legacy one.\n *\n * The cast mirrors the legacy wrapper: these two properties are cross-cutting\n * media-tracking metadata that the admin `TrackingEvent` type does not (and\n * should not) enumerate per event.\n */\nexport const useTracking = () => {\n  const { trackUsage: trackStrapiUsage } = useStrapiTracking();\n  const { data } = useGetUploadSettingsQuery();\n  const isAiAvailable = useAIAvailability();\n\n  // Memoised so consumers can safely list `trackUsage` in effect deps (the\n  // search-input debounce commit does) without re-firing every render.\n  const trackUsage = useCallback(\n    <TEvent extends TrackingEvent>(event: TEvent['name'], properties?: TEvent['properties']) => {\n      return trackStrapiUsage(event, {\n        ...properties,\n        ...(isAiAvailable ? { isAiMediaLibraryConfigured: Boolean(data?.data?.aiMetadata) } : {}),\n        mediaLibraryVersion: MEDIA_LIBRARY_VERSION,\n      } as TEvent['properties']);\n    },\n    [trackStrapiUsage, isAiAvailable, data]\n  );\n\n  return { trackUsage };\n};\n"],"names":["MEDIA_LIBRARY_VERSION","MEDIA_LIBRARY_LOCATION","useTracking","trackUsage","trackStrapiUsage","useStrapiTracking","data","useGetUploadSettingsQuery","isAiAvailable","useAIAvailability","useCallback","event","properties","isAiMediaLibraryConfigured","Boolean","aiMetadata","mediaLibraryVersion"],"mappings":";;;;;AAOA;;;;;IAMO,MAAMA,qBAAAA,GAAwB;AAErC;;;;;IAMO,MAAMC,sBAAAA,GAAyB;AAEtC;;;;;;;;;;UAWaC,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAM,EAAEC,UAAAA,EAAYC,gBAAgB,EAAE,GAAGC,aAAAA,EAAAA;IACzC,MAAM,EAAEC,IAAI,EAAE,GAAGC,yBAAAA,EAAAA;AACjB,IAAA,MAAMC,aAAAA,GAAgBC,iBAAAA,EAAAA;;;IAItB,MAAMN,UAAAA,GAAaO,WAAAA,CACjB,CAA+BC,KAAAA,EAAuBC,UAAAA,GAAAA;AACpD,QAAA,OAAOR,iBAAiBO,KAAAA,EAAO;AAC7B,YAAA,GAAGC,UAAU;AACb,YAAA,GAAIJ,aAAAA,GAAgB;gBAAEK,0BAAAA,EAA4BC,OAAAA,CAAQR,MAAMA,IAAAA,EAAMS,UAAAA;AAAY,aAAA,GAAI,EAAE;YACxFC,mBAAAA,EAAqBhB;AACvB,SAAA,CAAA;IACF,CAAA,EACA;AAACI,QAAAA,gBAAAA;AAAkBI,QAAAA,aAAAA;AAAeF,QAAAA;AAAK,KAAA,CAAA;IAGzC,OAAO;AAAEH,QAAAA;AAAW,KAAA;AACtB;;;;"}
+{"version":3,"file":"useTracking.mjs","sources":["../../../admin/src/hooks/useTracking.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useTracking as useStrapiTracking, type TrackingEvent } from '@strapi/admin/strapi-admin';\n\nimport { useGetUploadSettingsQuery } from '../services/settings';\nimport { getMediaLibraryVersion } from '../utils/mediaLibraryVersion';\n\nimport { useAIMetadataAvailability } from './useAIMetadataAvailability';\n\n/**\n * `location` value for every new Media Library event. The new tree is the\n * standalone Media Library page, which the legacy plan tags `'upload'` (as\n * opposed to `'content-manager'` for the asset-picker modal). Kept identical so\n * migrated events line up with the legacy ones on the `location` axis.\n */\nexport const MEDIA_LIBRARY_LOCATION = 'upload';\n\n/**\n * Tracking wrapper scoped to the new Media Library. Mirrors the legacy\n * `admin/src/hooks/useTracking` — it forwards to the admin `trackUsage` and\n * injects `isAiMediaLibraryConfigured` when AI is available — and additionally\n * stamps `mediaLibraryVersion` on every event so the migrated plan stays\n * distinguishable from the legacy one.\n *\n * The cast mirrors the legacy wrapper: these two properties are cross-cutting\n * media-tracking metadata that the admin `TrackingEvent` type does not (and\n * should not) enumerate per event.\n */\nexport const useTracking = () => {\n  const { trackUsage: trackStrapiUsage } = useStrapiTracking();\n  const { data } = useGetUploadSettingsQuery();\n  const isAiAvailable = useAIMetadataAvailability();\n\n  // Memoised so consumers can safely list `trackUsage` in effect deps (the\n  // search-input debounce commit does) without re-firing every render.\n  const trackUsage = useCallback(\n    <TEvent extends TrackingEvent>(event: TEvent['name'], properties?: TEvent['properties']) => {\n      return trackStrapiUsage(event, {\n        ...properties,\n        ...(isAiAvailable ? { isAiMediaLibraryConfigured: Boolean(data?.data?.aiMetadata) } : {}),\n        mediaLibraryVersion: getMediaLibraryVersion(),\n      } as TEvent['properties']);\n    },\n    [trackStrapiUsage, isAiAvailable, data]\n  );\n\n  return { trackUsage };\n};\n"],"names":["MEDIA_LIBRARY_LOCATION","useTracking","trackUsage","trackStrapiUsage","useStrapiTracking","data","useGetUploadSettingsQuery","isAiAvailable","useAIMetadataAvailability","useCallback","event","properties","isAiMediaLibraryConfigured","Boolean","aiMetadata","mediaLibraryVersion","getMediaLibraryVersion"],"mappings":";;;;;;AASA;;;;;IAMO,MAAMA,sBAAAA,GAAyB;AAEtC;;;;;;;;;;UAWaC,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAM,EAAEC,UAAAA,EAAYC,gBAAgB,EAAE,GAAGC,aAAAA,EAAAA;IACzC,MAAM,EAAEC,IAAI,EAAE,GAAGC,yBAAAA,EAAAA;AACjB,IAAA,MAAMC,aAAAA,GAAgBC,yBAAAA,EAAAA;;;IAItB,MAAMN,UAAAA,GAAaO,WAAAA,CACjB,CAA+BC,KAAAA,EAAuBC,UAAAA,GAAAA;AACpD,QAAA,OAAOR,iBAAiBO,KAAAA,EAAO;AAC7B,YAAA,GAAGC,UAAU;AACb,YAAA,GAAIJ,aAAAA,GAAgB;gBAAEK,0BAAAA,EAA4BC,OAAAA,CAAQR,MAAMA,IAAAA,EAAMS,UAAAA;AAAY,aAAA,GAAI,EAAE;YACxFC,mBAAAA,EAAqBC,sBAAAA;AACvB,SAAA,CAAA;IACF,CAAA,EACA;AAACb,QAAAA,gBAAAA;AAAkBI,QAAAA,aAAAA;AAAeF,QAAAA;AAAK,KAAA,CAAA;IAGzC,OAAO;AAAEH,QAAAA;AAAW,KAAA;AACtB;;;;"}

package/dist/admin/legacy/hooks/useAIMetadataAvailability.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var useSettings = require('./useSettings.js');
+
+/**
+ * Whether the server has an AI metadata provider registered, either the
+ * Strapi-managed one or a custom one.
+ */ const useAIMetadataAvailability = ()=>{
+    const { data } = useSettings.useSettings();
+    return data?.aiMetadataAvailable === true;
+};
+
+exports.useAIMetadataAvailability = useAIMetadataAvailability;
+//# sourceMappingURL=useAIMetadataAvailability.js.map

package/dist/admin/legacy/hooks/useAIMetadataAvailability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAIMetadataAvailability.js","sources":["../../../../admin/src/legacy/hooks/useAIMetadataAvailability.ts"],"sourcesContent":["import { useSettings } from './useSettings';\n\n/**\n * Whether the server has an AI metadata provider registered, either the\n * Strapi-managed one or a custom one.\n */\nexport const useAIMetadataAvailability = (): boolean => {\n  const { data } = useSettings();\n\n  return data?.aiMetadataAvailable === true;\n};\n"],"names":["useAIMetadataAvailability","data","useSettings","aiMetadataAvailable"],"mappings":";;;;AAEA;;;UAIaA,yBAAAA,GAA4B,IAAA;IACvC,MAAM,EAAEC,IAAI,EAAE,GAAGC,uBAAAA,EAAAA;AAEjB,IAAA,OAAOD,MAAME,mBAAAA,KAAwB,IAAA;AACvC;;;;"}

package/dist/admin/legacy/hooks/useAIMetadataAvailability.mjs

@@ -0,0 +1,12 @@
+import { useSettings } from './useSettings.mjs';
+
+/**
+ * Whether the server has an AI metadata provider registered, either the
+ * Strapi-managed one or a custom one.
+ */ const useAIMetadataAvailability = ()=>{
+    const { data } = useSettings();
+    return data?.aiMetadataAvailable === true;
+};
+
+export { useAIMetadataAvailability };
+//# sourceMappingURL=useAIMetadataAvailability.mjs.map

package/dist/admin/legacy/hooks/useAIMetadataAvailability.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAIMetadataAvailability.mjs","sources":["../../../../admin/src/legacy/hooks/useAIMetadataAvailability.ts"],"sourcesContent":["import { useSettings } from './useSettings';\n\n/**\n * Whether the server has an AI metadata provider registered, either the\n * Strapi-managed one or a custom one.\n */\nexport const useAIMetadataAvailability = (): boolean => {\n  const { data } = useSettings();\n\n  return data?.aiMetadataAvailable === true;\n};\n"],"names":["useAIMetadataAvailability","data","useSettings","aiMetadataAvailable"],"mappings":";;AAEA;;;UAIaA,yBAAAA,GAA4B,IAAA;IACvC,MAAM,EAAEC,IAAI,EAAE,GAAGC,WAAAA,EAAAA;AAEjB,IAAA,OAAOD,MAAME,mBAAAA,KAAwB,IAAA;AACvC;;;;"}

package/dist/admin/legacy/hooks/useAIMetadataEnabled.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var useAIMetadataAvailability = require('./useAIMetadataAvailability.js');
+var useSettings = require('./useSettings.js');
+
+/**
+ * Whether the Media Library will actually generate AI metadata: a provider is
+ * registered (`useAIMetadataAvailability`) and the stored `aiMetadata` toggle
+ * is on. The server ANDs the same two conditions in `aiMetadata.isEnabled()`.
+ *
+ * `status` is the settings query status, so the page can show its skeleton
+ * while the answer is still unknown.
+ */ const useAIMetadataEnabled = ()=>{
+    const { status, data } = useSettings.useSettings();
+    const isAvailable = useAIMetadataAvailability.useAIMetadataAvailability();
+    return {
+        status,
+        isEnabled: isAvailable && data?.aiMetadata === true
+    };
+};
+
+exports.useAIMetadataEnabled = useAIMetadataEnabled;
+//# sourceMappingURL=useAIMetadataEnabled.js.map

package/dist/admin/legacy/hooks/useAIMetadataEnabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAIMetadataEnabled.js","sources":["../../../../admin/src/legacy/hooks/useAIMetadataEnabled.ts"],"sourcesContent":["import { useAIMetadataAvailability } from './useAIMetadataAvailability';\nimport { useSettings } from './useSettings';\n\n/**\n * Whether the Media Library will actually generate AI metadata: a provider is\n * registered (`useAIMetadataAvailability`) and the stored `aiMetadata` toggle\n * is on. The server ANDs the same two conditions in `aiMetadata.isEnabled()`.\n *\n * `status` is the settings query status, so the page can show its skeleton\n * while the answer is still unknown.\n */\nexport const useAIMetadataEnabled = () => {\n  const { status, data } = useSettings();\n  const isAvailable = useAIMetadataAvailability();\n\n  return { status, isEnabled: isAvailable && data?.aiMetadata === true };\n};\n"],"names":["useAIMetadataEnabled","status","data","useSettings","isAvailable","useAIMetadataAvailability","isEnabled","aiMetadata"],"mappings":";;;;;AAGA;;;;;;;UAQaA,oBAAAA,GAAuB,IAAA;AAClC,IAAA,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGC,uBAAAA,EAAAA;AACzB,IAAA,MAAMC,WAAAA,GAAcC,mDAAAA,EAAAA;IAEpB,OAAO;AAAEJ,QAAAA,MAAAA;QAAQK,SAAAA,EAAWF,WAAAA,IAAeF,MAAMK,UAAAA,KAAe;AAAK,KAAA;AACvE;;;;"}

package/dist/admin/legacy/hooks/useAIMetadataEnabled.mjs

@@ -0,0 +1,21 @@
+import { useAIMetadataAvailability } from './useAIMetadataAvailability.mjs';
+import { useSettings } from './useSettings.mjs';
+
+/**
+ * Whether the Media Library will actually generate AI metadata: a provider is
+ * registered (`useAIMetadataAvailability`) and the stored `aiMetadata` toggle
+ * is on. The server ANDs the same two conditions in `aiMetadata.isEnabled()`.
+ *
+ * `status` is the settings query status, so the page can show its skeleton
+ * while the answer is still unknown.
+ */ const useAIMetadataEnabled = ()=>{
+    const { status, data } = useSettings();
+    const isAvailable = useAIMetadataAvailability();
+    return {
+        status,
+        isEnabled: isAvailable && data?.aiMetadata === true
+    };
+};
+
+export { useAIMetadataEnabled };
+//# sourceMappingURL=useAIMetadataEnabled.mjs.map

package/dist/admin/legacy/hooks/useAIMetadataEnabled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAIMetadataEnabled.mjs","sources":["../../../../admin/src/legacy/hooks/useAIMetadataEnabled.ts"],"sourcesContent":["import { useAIMetadataAvailability } from './useAIMetadataAvailability';\nimport { useSettings } from './useSettings';\n\n/**\n * Whether the Media Library will actually generate AI metadata: a provider is\n * registered (`useAIMetadataAvailability`) and the stored `aiMetadata` toggle\n * is on. The server ANDs the same two conditions in `aiMetadata.isEnabled()`.\n *\n * `status` is the settings query status, so the page can show its skeleton\n * while the answer is still unknown.\n */\nexport const useAIMetadataEnabled = () => {\n  const { status, data } = useSettings();\n  const isAvailable = useAIMetadataAvailability();\n\n  return { status, isEnabled: isAvailable && data?.aiMetadata === true };\n};\n"],"names":["useAIMetadataEnabled","status","data","useSettings","isAvailable","useAIMetadataAvailability","isEnabled","aiMetadata"],"mappings":";;;AAGA;;;;;;;UAQaA,oBAAAA,GAAuB,IAAA;AAClC,IAAA,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGC,WAAAA,EAAAA;AACzB,IAAA,MAAMC,WAAAA,GAAcC,yBAAAA,EAAAA;IAEpB,OAAO;AAAEJ,QAAAA,MAAAA;QAAQK,SAAAA,EAAWF,WAAAA,IAAeF,MAAMK,UAAAA,KAAe;AAAK,KAAA;AACvE;;;;"}

package/dist/admin/legacy/hooks/useTracking.js

@@ -1,19 +1,21 @@
 'use strict';
 
 var strapiAdmin = require('@strapi/admin/strapi-admin');
-var ee = require('@strapi/admin/strapi-admin/ee');
+var mediaLibraryVersion = require('../../utils/mediaLibraryVersion.js');
+var useAIMetadataAvailability = require('./useAIMetadataAvailability.js');
 var useSettings = require('./useSettings.js');
 
 const useTracking = ()=>{
     const { trackUsage: trackStrapiUsage } = strapiAdmin.useTracking();
     const { data } = useSettings.useSettings();
-    const isAiAvailable = ee.useAIAvailability();
+    const isAiAvailable = useAIMetadataAvailability.useAIMetadataAvailability();
     const trackUsage = (event, properties)=>{
         return trackStrapiUsage(event, {
             ...properties,
             ...isAiAvailable ? {
                 isAiMediaLibraryConfigured: Boolean(data?.aiMetadata)
-            } : {}
+            } : {},
+            mediaLibraryVersion: mediaLibraryVersion.getMediaLibraryVersion()
         });
     };
     return {

package/dist/admin/legacy/hooks/useTracking.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTracking.js","sources":["../../../../admin/src/legacy/hooks/useTracking.ts"],"sourcesContent":["import { useTracking as useStrapiTracking, TrackingEvent } from '@strapi/admin/strapi-admin';\nimport { useAIAvailability } from '@strapi/admin/strapi-admin/ee';\n\nimport { useSettings } from './useSettings';\n\nexport const useTracking = () => {\n  const { trackUsage: trackStrapiUsage } = useStrapiTracking();\n  const { data } = useSettings();\n  const isAiAvailable = useAIAvailability();\n\n  const trackUsage = <TEvent extends TrackingEvent>(\n    event: TEvent['name'],\n    properties?: TEvent['properties']\n  ) => {\n    return trackStrapiUsage(event, {\n      ...properties,\n      ...(isAiAvailable ? { isAiMediaLibraryConfigured: Boolean(data?.aiMetadata) } : {}),\n    } as TEvent['properties']);\n  };\n\n  return { trackUsage };\n};\n"],"names":["useTracking","trackUsage","trackStrapiUsage","useStrapiTracking","data","useSettings","isAiAvailable","useAIAvailability","event","properties","isAiMediaLibraryConfigured","Boolean","aiMetadata"],"mappings":";;;;;;MAKaA,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAM,EAAEC,UAAAA,EAAYC,gBAAgB,EAAE,GAAGC,uBAAAA,EAAAA;IACzC,MAAM,EAAEC,IAAI,EAAE,GAAGC,uBAAAA,EAAAA;AACjB,IAAA,MAAMC,aAAAA,GAAgBC,oBAAAA,EAAAA;IAEtB,MAAMN,UAAAA,GAAa,CACjBO,KAAAA,EACAC,UAAAA,GAAAA;AAEA,QAAA,OAAOP,iBAAiBM,KAAAA,EAAO;AAC7B,YAAA,GAAGC,UAAU;AACb,YAAA,GAAIH,aAAAA,GAAgB;AAAEI,gBAAAA,0BAAAA,EAA4BC,QAAQP,IAAAA,EAAMQ,UAAAA;AAAY,aAAA,GAAI;AAClF,SAAA,CAAA;AACF,IAAA,CAAA;IAEA,OAAO;AAAEX,QAAAA;AAAW,KAAA;AACtB;;;;"}
+{"version":3,"file":"useTracking.js","sources":["../../../../admin/src/legacy/hooks/useTracking.ts"],"sourcesContent":["import { useTracking as useStrapiTracking, TrackingEvent } from '@strapi/admin/strapi-admin';\n\nimport { getMediaLibraryVersion } from '../../utils/mediaLibraryVersion';\n\nimport { useAIMetadataAvailability } from './useAIMetadataAvailability';\nimport { useSettings } from './useSettings';\n\nexport const useTracking = () => {\n  const { trackUsage: trackStrapiUsage } = useStrapiTracking();\n  const { data } = useSettings();\n  const isAiAvailable = useAIMetadataAvailability();\n\n  const trackUsage = <TEvent extends TrackingEvent>(\n    event: TEvent['name'],\n    properties?: TEvent['properties']\n  ) => {\n    return trackStrapiUsage(event, {\n      ...properties,\n      ...(isAiAvailable ? { isAiMediaLibraryConfigured: Boolean(data?.aiMetadata) } : {}),\n      mediaLibraryVersion: getMediaLibraryVersion(),\n    } as TEvent['properties']);\n  };\n\n  return { trackUsage };\n};\n"],"names":["useTracking","trackUsage","trackStrapiUsage","useStrapiTracking","data","useSettings","isAiAvailable","useAIMetadataAvailability","event","properties","isAiMediaLibraryConfigured","Boolean","aiMetadata","mediaLibraryVersion","getMediaLibraryVersion"],"mappings":";;;;;;;MAOaA,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAM,EAAEC,UAAAA,EAAYC,gBAAgB,EAAE,GAAGC,uBAAAA,EAAAA;IACzC,MAAM,EAAEC,IAAI,EAAE,GAAGC,uBAAAA,EAAAA;AACjB,IAAA,MAAMC,aAAAA,GAAgBC,mDAAAA,EAAAA;IAEtB,MAAMN,UAAAA,GAAa,CACjBO,KAAAA,EACAC,UAAAA,GAAAA;AAEA,QAAA,OAAOP,iBAAiBM,KAAAA,EAAO;AAC7B,YAAA,GAAGC,UAAU;AACb,YAAA,GAAIH,aAAAA,GAAgB;AAAEI,gBAAAA,0BAAAA,EAA4BC,QAAQP,IAAAA,EAAMQ,UAAAA;AAAY,aAAA,GAAI,EAAE;YAClFC,mBAAAA,EAAqBC,0CAAAA;AACvB,SAAA,CAAA;AACF,IAAA,CAAA;IAEA,OAAO;AAAEb,QAAAA;AAAW,KAAA;AACtB;;;;"}

package/dist/admin/legacy/hooks/useTracking.mjs

@@ -1,17 +1,19 @@
 import { useTracking as useTracking$1 } from '@strapi/admin/strapi-admin';
-import { useAIAvailability } from '@strapi/admin/strapi-admin/ee';
+import { getMediaLibraryVersion } from '../../utils/mediaLibraryVersion.mjs';
+import { useAIMetadataAvailability } from './useAIMetadataAvailability.mjs';
 import { useSettings } from './useSettings.mjs';
 
 const useTracking = ()=>{
     const { trackUsage: trackStrapiUsage } = useTracking$1();
     const { data } = useSettings();
-    const isAiAvailable = useAIAvailability();
+    const isAiAvailable = useAIMetadataAvailability();
     const trackUsage = (event, properties)=>{
         return trackStrapiUsage(event, {
             ...properties,
             ...isAiAvailable ? {
                 isAiMediaLibraryConfigured: Boolean(data?.aiMetadata)
-            } : {}
+            } : {},
+            mediaLibraryVersion: getMediaLibraryVersion()
         });
     };
     return {

package/dist/admin/legacy/hooks/useTracking.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTracking.mjs","sources":["../../../../admin/src/legacy/hooks/useTracking.ts"],"sourcesContent":["import { useTracking as useStrapiTracking, TrackingEvent } from '@strapi/admin/strapi-admin';\nimport { useAIAvailability } from '@strapi/admin/strapi-admin/ee';\n\nimport { useSettings } from './useSettings';\n\nexport const useTracking = () => {\n  const { trackUsage: trackStrapiUsage } = useStrapiTracking();\n  const { data } = useSettings();\n  const isAiAvailable = useAIAvailability();\n\n  const trackUsage = <TEvent extends TrackingEvent>(\n    event: TEvent['name'],\n    properties?: TEvent['properties']\n  ) => {\n    return trackStrapiUsage(event, {\n      ...properties,\n      ...(isAiAvailable ? { isAiMediaLibraryConfigured: Boolean(data?.aiMetadata) } : {}),\n    } as TEvent['properties']);\n  };\n\n  return { trackUsage };\n};\n"],"names":["useTracking","trackUsage","trackStrapiUsage","useStrapiTracking","data","useSettings","isAiAvailable","useAIAvailability","event","properties","isAiMediaLibraryConfigured","Boolean","aiMetadata"],"mappings":";;;;MAKaA,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAM,EAAEC,UAAAA,EAAYC,gBAAgB,EAAE,GAAGC,aAAAA,EAAAA;IACzC,MAAM,EAAEC,IAAI,EAAE,GAAGC,WAAAA,EAAAA;AACjB,IAAA,MAAMC,aAAAA,GAAgBC,iBAAAA,EAAAA;IAEtB,MAAMN,UAAAA,GAAa,CACjBO,KAAAA,EACAC,UAAAA,GAAAA;AAEA,QAAA,OAAOP,iBAAiBM,KAAAA,EAAO;AAC7B,YAAA,GAAGC,UAAU;AACb,YAAA,GAAIH,aAAAA,GAAgB;AAAEI,gBAAAA,0BAAAA,EAA4BC,QAAQP,IAAAA,EAAMQ,UAAAA;AAAY,aAAA,GAAI;AAClF,SAAA,CAAA;AACF,IAAA,CAAA;IAEA,OAAO;AAAEX,QAAAA;AAAW,KAAA;AACtB;;;;"}
+{"version":3,"file":"useTracking.mjs","sources":["../../../../admin/src/legacy/hooks/useTracking.ts"],"sourcesContent":["import { useTracking as useStrapiTracking, TrackingEvent } from '@strapi/admin/strapi-admin';\n\nimport { getMediaLibraryVersion } from '../../utils/mediaLibraryVersion';\n\nimport { useAIMetadataAvailability } from './useAIMetadataAvailability';\nimport { useSettings } from './useSettings';\n\nexport const useTracking = () => {\n  const { trackUsage: trackStrapiUsage } = useStrapiTracking();\n  const { data } = useSettings();\n  const isAiAvailable = useAIMetadataAvailability();\n\n  const trackUsage = <TEvent extends TrackingEvent>(\n    event: TEvent['name'],\n    properties?: TEvent['properties']\n  ) => {\n    return trackStrapiUsage(event, {\n      ...properties,\n      ...(isAiAvailable ? { isAiMediaLibraryConfigured: Boolean(data?.aiMetadata) } : {}),\n      mediaLibraryVersion: getMediaLibraryVersion(),\n    } as TEvent['properties']);\n  };\n\n  return { trackUsage };\n};\n"],"names":["useTracking","trackUsage","trackStrapiUsage","useStrapiTracking","data","useSettings","isAiAvailable","useAIMetadataAvailability","event","properties","isAiMediaLibraryConfigured","Boolean","aiMetadata","mediaLibraryVersion","getMediaLibraryVersion"],"mappings":";;;;;MAOaA,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAM,EAAEC,UAAAA,EAAYC,gBAAgB,EAAE,GAAGC,aAAAA,EAAAA;IACzC,MAAM,EAAEC,IAAI,EAAE,GAAGC,WAAAA,EAAAA;AACjB,IAAA,MAAMC,aAAAA,GAAgBC,yBAAAA,EAAAA;IAEtB,MAAMN,UAAAA,GAAa,CACjBO,KAAAA,EACAC,UAAAA,GAAAA;AAEA,QAAA,OAAOP,iBAAiBM,KAAAA,EAAO;AAC7B,YAAA,GAAGC,UAAU;AACb,YAAA,GAAIH,aAAAA,GAAgB;AAAEI,gBAAAA,0BAAAA,EAA4BC,QAAQP,IAAAA,EAAMQ,UAAAA;AAAY,aAAA,GAAI,EAAE;YAClFC,mBAAAA,EAAqBC,sBAAAA;AACvB,SAAA,CAAA;AACF,IAAA,CAAA;IAEA,OAAO;AAAEb,QAAAA;AAAW,KAAA;AACtB;;;;"}

package/dist/admin/legacy/pages/App/ConfigureTheView/ConfigureTheView.js

@@ -10,6 +10,7 @@ var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var pluginId = require('../../../../pluginId.js');
 var useConfig = require('../../../hooks/useConfig.js');
+var useTracking = require('../../../hooks/useTracking.js');
 require('byte-size');
 require('date-fns');
 var getTrad = require('../../../utils/getTrad.js');
@@ -45,7 +46,7 @@ var isEqual__default = /*#__PURE__*/_interopDefault(isEqual);
 
 // TODO: find a better naming convention for the file that was an index file before
 const ConfigureTheView = ({ config })=>{
-    const { trackUsage } = strapiAdmin.useTracking();
+    const { trackUsage } = useTracking.useTracking();
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
     const { mutateConfig } = useConfig.useConfig();

package/dist/admin/legacy/pages/App/ConfigureTheView/ConfigureTheView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigureTheView.js","sources":["../../../../../../admin/src/legacy/pages/App/ConfigureTheView/ConfigureTheView.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport {\n  ConfirmDialog,\n  useTracking,\n  useNotification,\n  Page,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Link } from '@strapi/design-system';\nimport { ArrowLeft, Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { pluginId } from '../../../../pluginId';\nimport { useConfig } from '../../../hooks/useConfig';\nimport { getTrad } from '../../../utils';\n\nimport { Settings } from './components/Settings';\nimport { onChange, setLoaded } from './state/actions';\nimport { init, initialState } from './state/init';\nimport { reducer } from './state/reducer';\n\nimport type { InitialState } from './state/init';\nimport type { Action } from './state/reducer';\nimport type { Configuration } from '../../../../../../shared/contracts/configuration';\n\ninterface ConfigureTheViewProps {\n  config: Configuration;\n}\n\nexport const ConfigureTheView = ({ config }: ConfigureTheViewProps) => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { mutateConfig } = useConfig();\n  const { isLoading: isSubmittingForm } = mutateConfig;\n\n  const [showWarningSubmit, setWarningSubmit] = React.useState(false);\n  const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);\n\n  const [reducerState, dispatch] = React.useReducer(\n    reducer,\n    initialState,\n    (): InitialState => init(config)\n  );\n  const typedDispatch: React.Dispatch<Action> = dispatch;\n  const { initialData, modifiedData } = reducerState;\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    toggleWarningSubmit();\n  };\n\n  const handleConfirm = async () => {\n    trackUsage('willEditMediaLibraryConfig');\n    await mutateConfig.mutateAsync(modifiedData as Configuration);\n    setWarningSubmit(false);\n    typedDispatch(setLoaded());\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: 'notification.form.success.fields',\n        defaultMessage: 'Changes saved',\n      }),\n    });\n  };\n\n  const handleChange = ({\n    target: { name, value },\n  }: {\n    target: { name: keyof Configuration; value: string | number };\n  }) => {\n    typedDispatch(onChange({ name, value }));\n  };\n\n  return (\n    <Layouts.Root>\n      <Page.Main aria-busy={isSubmittingForm}>\n        <form onSubmit={handleSubmit}>\n          <Layouts.Header\n            navigationAction={\n              <Link\n                tag={NavLink}\n                startIcon={<ArrowLeft />}\n                to={`/plugins/${pluginId}`}\n                id=\"go-back\"\n              >\n                {formatMessage({ id: getTrad('config.back'), defaultMessage: 'Back' })}\n              </Link>\n            }\n            primaryAction={\n              <Button\n                size=\"S\"\n                startIcon={<Check />}\n                disabled={isEqual(modifiedData, initialData)}\n                type=\"submit\"\n                fullWidth\n              >\n                {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n              </Button>\n            }\n            subtitle={formatMessage({\n              id: getTrad('config.subtitle'),\n              defaultMessage: 'Define the view settings of the media library.',\n            })}\n            title={formatMessage({\n              id: getTrad('config.title'),\n              defaultMessage: 'Configure the view - Media Library',\n            })}\n          />\n          <Layouts.Content>\n            <Settings\n              data-testid=\"settings\"\n              pageSize={modifiedData.pageSize || ''}\n              sort={modifiedData.sort || ''}\n              onChange={handleChange}\n            />\n          </Layouts.Content>\n          <Dialog.Root open={showWarningSubmit} onOpenChange={toggleWarningSubmit}>\n            <ConfirmDialog onConfirm={handleConfirm} variant=\"default\">\n              {formatMessage({\n                id: getTrad('config.popUpWarning.warning.updateAllSettings'),\n                defaultMessage: 'This will modify all your settings',\n              })}\n            </ConfirmDialog>\n          </Dialog.Root>\n        </form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n"],"names":["ConfigureTheView","config","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","mutateConfig","useConfig","isLoading","isSubmittingForm","showWarningSubmit","setWarningSubmit","React","useState","toggleWarningSubmit","prevState","reducerState","dispatch","useReducer","reducer","initialState","init","typedDispatch","initialData","modifiedData","handleSubmit","e","preventDefault","handleConfirm","mutateAsync","setLoaded","type","message","id","defaultMessage","handleChange","target","name","value","onChange","_jsx","Layouts","Root","Page","Main","aria-busy","_jsxs","form","onSubmit","Header","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","pluginId","getTrad","primaryAction","Button","size","Check","disabled","isEqual","fullWidth","subtitle","title","Content","Settings","data-testid","pageSize","sort","Dialog","open","onOpenChange","ConfirmDialog","onConfirm","variant"],"mappings":"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"}
+{"version":3,"file":"ConfigureTheView.js","sources":["../../../../../../admin/src/legacy/pages/App/ConfigureTheView/ConfigureTheView.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport { ConfirmDialog, useNotification, Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Link } from '@strapi/design-system';\nimport { ArrowLeft, Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { pluginId } from '../../../../pluginId';\nimport { useConfig } from '../../../hooks/useConfig';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { getTrad } from '../../../utils';\n\nimport { Settings } from './components/Settings';\nimport { onChange, setLoaded } from './state/actions';\nimport { init, initialState } from './state/init';\nimport { reducer } from './state/reducer';\n\nimport type { InitialState } from './state/init';\nimport type { Action } from './state/reducer';\nimport type { Configuration } from '../../../../../../shared/contracts/configuration';\n\ninterface ConfigureTheViewProps {\n  config: Configuration;\n}\n\nexport const ConfigureTheView = ({ config }: ConfigureTheViewProps) => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { mutateConfig } = useConfig();\n  const { isLoading: isSubmittingForm } = mutateConfig;\n\n  const [showWarningSubmit, setWarningSubmit] = React.useState(false);\n  const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);\n\n  const [reducerState, dispatch] = React.useReducer(\n    reducer,\n    initialState,\n    (): InitialState => init(config)\n  );\n  const typedDispatch: React.Dispatch<Action> = dispatch;\n  const { initialData, modifiedData } = reducerState;\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    toggleWarningSubmit();\n  };\n\n  const handleConfirm = async () => {\n    trackUsage('willEditMediaLibraryConfig');\n    await mutateConfig.mutateAsync(modifiedData as Configuration);\n    setWarningSubmit(false);\n    typedDispatch(setLoaded());\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: 'notification.form.success.fields',\n        defaultMessage: 'Changes saved',\n      }),\n    });\n  };\n\n  const handleChange = ({\n    target: { name, value },\n  }: {\n    target: { name: keyof Configuration; value: string | number };\n  }) => {\n    typedDispatch(onChange({ name, value }));\n  };\n\n  return (\n    <Layouts.Root>\n      <Page.Main aria-busy={isSubmittingForm}>\n        <form onSubmit={handleSubmit}>\n          <Layouts.Header\n            navigationAction={\n              <Link\n                tag={NavLink}\n                startIcon={<ArrowLeft />}\n                to={`/plugins/${pluginId}`}\n                id=\"go-back\"\n              >\n                {formatMessage({ id: getTrad('config.back'), defaultMessage: 'Back' })}\n              </Link>\n            }\n            primaryAction={\n              <Button\n                size=\"S\"\n                startIcon={<Check />}\n                disabled={isEqual(modifiedData, initialData)}\n                type=\"submit\"\n                fullWidth\n              >\n                {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n              </Button>\n            }\n            subtitle={formatMessage({\n              id: getTrad('config.subtitle'),\n              defaultMessage: 'Define the view settings of the media library.',\n            })}\n            title={formatMessage({\n              id: getTrad('config.title'),\n              defaultMessage: 'Configure the view - Media Library',\n            })}\n          />\n          <Layouts.Content>\n            <Settings\n              data-testid=\"settings\"\n              pageSize={modifiedData.pageSize || ''}\n              sort={modifiedData.sort || ''}\n              onChange={handleChange}\n            />\n          </Layouts.Content>\n          <Dialog.Root open={showWarningSubmit} onOpenChange={toggleWarningSubmit}>\n            <ConfirmDialog onConfirm={handleConfirm} variant=\"default\">\n              {formatMessage({\n                id: getTrad('config.popUpWarning.warning.updateAllSettings'),\n                defaultMessage: 'This will modify all your settings',\n              })}\n            </ConfirmDialog>\n          </Dialog.Root>\n        </form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n"],"names":["ConfigureTheView","config","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","mutateConfig","useConfig","isLoading","isSubmittingForm","showWarningSubmit","setWarningSubmit","React","useState","toggleWarningSubmit","prevState","reducerState","dispatch","useReducer","reducer","initialState","init","typedDispatch","initialData","modifiedData","handleSubmit","e","preventDefault","handleConfirm","mutateAsync","setLoaded","type","message","id","defaultMessage","handleChange","target","name","value","onChange","_jsx","Layouts","Root","Page","Main","aria-busy","_jsxs","form","onSubmit","Header","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","pluginId","getTrad","primaryAction","Button","size","Check","disabled","isEqual","fullWidth","subtitle","title","Content","Settings","data-testid","pageSize","sort","Dialog","open","onOpenChange","ConfirmDialog","onConfirm","variant"],"mappings":"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"}

package/dist/admin/legacy/pages/App/ConfigureTheView/ConfigureTheView.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import { useTracking, useNotification, Layouts, Page, ConfirmDialog } from '@strapi/admin/strapi-admin';
+import { useNotification, Layouts, Page, ConfirmDialog } from '@strapi/admin/strapi-admin';
 import { Button, Link, Dialog } from '@strapi/design-system';
 import { Check, ArrowLeft } from '@strapi/icons';
 import isEqual from 'lodash/isEqual';
@@ -8,6 +8,7 @@ import { useIntl } from 'react-intl';
 import { NavLink } from 'react-router-dom';
 import { pluginId } from '../../../../pluginId.mjs';
 import { useConfig } from '../../../hooks/useConfig.mjs';
+import { useTracking } from '../../../hooks/useTracking.mjs';
 import 'byte-size';
 import 'date-fns';
 import { getTrad } from '../../../utils/getTrad.mjs';

package/dist/admin/legacy/pages/App/ConfigureTheView/ConfigureTheView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigureTheView.mjs","sources":["../../../../../../admin/src/legacy/pages/App/ConfigureTheView/ConfigureTheView.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport {\n  ConfirmDialog,\n  useTracking,\n  useNotification,\n  Page,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Link } from '@strapi/design-system';\nimport { ArrowLeft, Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { pluginId } from '../../../../pluginId';\nimport { useConfig } from '../../../hooks/useConfig';\nimport { getTrad } from '../../../utils';\n\nimport { Settings } from './components/Settings';\nimport { onChange, setLoaded } from './state/actions';\nimport { init, initialState } from './state/init';\nimport { reducer } from './state/reducer';\n\nimport type { InitialState } from './state/init';\nimport type { Action } from './state/reducer';\nimport type { Configuration } from '../../../../../../shared/contracts/configuration';\n\ninterface ConfigureTheViewProps {\n  config: Configuration;\n}\n\nexport const ConfigureTheView = ({ config }: ConfigureTheViewProps) => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { mutateConfig } = useConfig();\n  const { isLoading: isSubmittingForm } = mutateConfig;\n\n  const [showWarningSubmit, setWarningSubmit] = React.useState(false);\n  const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);\n\n  const [reducerState, dispatch] = React.useReducer(\n    reducer,\n    initialState,\n    (): InitialState => init(config)\n  );\n  const typedDispatch: React.Dispatch<Action> = dispatch;\n  const { initialData, modifiedData } = reducerState;\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    toggleWarningSubmit();\n  };\n\n  const handleConfirm = async () => {\n    trackUsage('willEditMediaLibraryConfig');\n    await mutateConfig.mutateAsync(modifiedData as Configuration);\n    setWarningSubmit(false);\n    typedDispatch(setLoaded());\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: 'notification.form.success.fields',\n        defaultMessage: 'Changes saved',\n      }),\n    });\n  };\n\n  const handleChange = ({\n    target: { name, value },\n  }: {\n    target: { name: keyof Configuration; value: string | number };\n  }) => {\n    typedDispatch(onChange({ name, value }));\n  };\n\n  return (\n    <Layouts.Root>\n      <Page.Main aria-busy={isSubmittingForm}>\n        <form onSubmit={handleSubmit}>\n          <Layouts.Header\n            navigationAction={\n              <Link\n                tag={NavLink}\n                startIcon={<ArrowLeft />}\n                to={`/plugins/${pluginId}`}\n                id=\"go-back\"\n              >\n                {formatMessage({ id: getTrad('config.back'), defaultMessage: 'Back' })}\n              </Link>\n            }\n            primaryAction={\n              <Button\n                size=\"S\"\n                startIcon={<Check />}\n                disabled={isEqual(modifiedData, initialData)}\n                type=\"submit\"\n                fullWidth\n              >\n                {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n              </Button>\n            }\n            subtitle={formatMessage({\n              id: getTrad('config.subtitle'),\n              defaultMessage: 'Define the view settings of the media library.',\n            })}\n            title={formatMessage({\n              id: getTrad('config.title'),\n              defaultMessage: 'Configure the view - Media Library',\n            })}\n          />\n          <Layouts.Content>\n            <Settings\n              data-testid=\"settings\"\n              pageSize={modifiedData.pageSize || ''}\n              sort={modifiedData.sort || ''}\n              onChange={handleChange}\n            />\n          </Layouts.Content>\n          <Dialog.Root open={showWarningSubmit} onOpenChange={toggleWarningSubmit}>\n            <ConfirmDialog onConfirm={handleConfirm} variant=\"default\">\n              {formatMessage({\n                id: getTrad('config.popUpWarning.warning.updateAllSettings'),\n                defaultMessage: 'This will modify all your settings',\n              })}\n            </ConfirmDialog>\n          </Dialog.Root>\n        </form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n"],"names":["ConfigureTheView","config","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","mutateConfig","useConfig","isLoading","isSubmittingForm","showWarningSubmit","setWarningSubmit","React","useState","toggleWarningSubmit","prevState","reducerState","dispatch","useReducer","reducer","initialState","init","typedDispatch","initialData","modifiedData","handleSubmit","e","preventDefault","handleConfirm","mutateAsync","setLoaded","type","message","id","defaultMessage","handleChange","target","name","value","onChange","_jsx","Layouts","Root","Page","Main","aria-busy","_jsxs","form","onSubmit","Header","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","pluginId","getTrad","primaryAction","Button","size","Check","disabled","isEqual","fullWidth","subtitle","title","Content","Settings","data-testid","pageSize","sort","Dialog","open","onOpenChange","ConfirmDialog","onConfirm","variant"],"mappings":"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"}
+{"version":3,"file":"ConfigureTheView.mjs","sources":["../../../../../../admin/src/legacy/pages/App/ConfigureTheView/ConfigureTheView.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport { ConfirmDialog, useNotification, Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Link } from '@strapi/design-system';\nimport { ArrowLeft, Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { pluginId } from '../../../../pluginId';\nimport { useConfig } from '../../../hooks/useConfig';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { getTrad } from '../../../utils';\n\nimport { Settings } from './components/Settings';\nimport { onChange, setLoaded } from './state/actions';\nimport { init, initialState } from './state/init';\nimport { reducer } from './state/reducer';\n\nimport type { InitialState } from './state/init';\nimport type { Action } from './state/reducer';\nimport type { Configuration } from '../../../../../../shared/contracts/configuration';\n\ninterface ConfigureTheViewProps {\n  config: Configuration;\n}\n\nexport const ConfigureTheView = ({ config }: ConfigureTheViewProps) => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { mutateConfig } = useConfig();\n  const { isLoading: isSubmittingForm } = mutateConfig;\n\n  const [showWarningSubmit, setWarningSubmit] = React.useState(false);\n  const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);\n\n  const [reducerState, dispatch] = React.useReducer(\n    reducer,\n    initialState,\n    (): InitialState => init(config)\n  );\n  const typedDispatch: React.Dispatch<Action> = dispatch;\n  const { initialData, modifiedData } = reducerState;\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    toggleWarningSubmit();\n  };\n\n  const handleConfirm = async () => {\n    trackUsage('willEditMediaLibraryConfig');\n    await mutateConfig.mutateAsync(modifiedData as Configuration);\n    setWarningSubmit(false);\n    typedDispatch(setLoaded());\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: 'notification.form.success.fields',\n        defaultMessage: 'Changes saved',\n      }),\n    });\n  };\n\n  const handleChange = ({\n    target: { name, value },\n  }: {\n    target: { name: keyof Configuration; value: string | number };\n  }) => {\n    typedDispatch(onChange({ name, value }));\n  };\n\n  return (\n    <Layouts.Root>\n      <Page.Main aria-busy={isSubmittingForm}>\n        <form onSubmit={handleSubmit}>\n          <Layouts.Header\n            navigationAction={\n              <Link\n                tag={NavLink}\n                startIcon={<ArrowLeft />}\n                to={`/plugins/${pluginId}`}\n                id=\"go-back\"\n              >\n                {formatMessage({ id: getTrad('config.back'), defaultMessage: 'Back' })}\n              </Link>\n            }\n            primaryAction={\n              <Button\n                size=\"S\"\n                startIcon={<Check />}\n                disabled={isEqual(modifiedData, initialData)}\n                type=\"submit\"\n                fullWidth\n              >\n                {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n              </Button>\n            }\n            subtitle={formatMessage({\n              id: getTrad('config.subtitle'),\n              defaultMessage: 'Define the view settings of the media library.',\n            })}\n            title={formatMessage({\n              id: getTrad('config.title'),\n              defaultMessage: 'Configure the view - Media Library',\n            })}\n          />\n          <Layouts.Content>\n            <Settings\n              data-testid=\"settings\"\n              pageSize={modifiedData.pageSize || ''}\n              sort={modifiedData.sort || ''}\n              onChange={handleChange}\n            />\n          </Layouts.Content>\n          <Dialog.Root open={showWarningSubmit} onOpenChange={toggleWarningSubmit}>\n            <ConfirmDialog onConfirm={handleConfirm} variant=\"default\">\n              {formatMessage({\n                id: getTrad('config.popUpWarning.warning.updateAllSettings'),\n                defaultMessage: 'This will modify all your settings',\n              })}\n            </ConfirmDialog>\n          </Dialog.Root>\n        </form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n"],"names":["ConfigureTheView","config","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","mutateConfig","useConfig","isLoading","isSubmittingForm","showWarningSubmit","setWarningSubmit","React","useState","toggleWarningSubmit","prevState","reducerState","dispatch","useReducer","reducer","initialState","init","typedDispatch","initialData","modifiedData","handleSubmit","e","preventDefault","handleConfirm","mutateAsync","setLoaded","type","message","id","defaultMessage","handleChange","target","name","value","onChange","_jsx","Layouts","Root","Page","Main","aria-busy","_jsxs","form","onSubmit","Header","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","pluginId","getTrad","primaryAction","Button","size","Check","disabled","isEqual","fullWidth","subtitle","title","Content","Settings","data-testid","pageSize","sort","Dialog","open","onOpenChange","ConfirmDialog","onConfirm","variant"],"mappings":"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"}