@strapi/admin 5.37.1 → 5.38.1

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BO,SAASA,kBAAAA,CACdC,yBAA8E,EAAA;IAE9E,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B;;;;;AAKC,MACD,MAAMC,WAAAA,GAAcC,gBAAMC,CAAAA,WAAW,CACnC,CAACC,KAAAA,GAAAA;;;QAGC,IAAI;YACF,MAAMC,YAAAA,GAAeC,eAAeF,KAAO,EAAA;AAAEN,gBAAAA,yBAAAA;AAA2BC,gBAAAA;AAAc,aAAA,CAAA;AAEtF,YAAA,IAAI,CAACM,YAAc,EAAA;AACjB,gBAAA,OAAOE,iBAAiBH,KAAO,EAAA;AAAEN,oBAAAA,yBAAAA;AAA2BC,oBAAAA;AAAc,iBAAA,CAAA;AAC5E;YAEA,OAAOM,YAAAA;AACT,SAAA,CAAE,OAAOG,CAAG,EAAA;YACV,MAAM,IAAIC,MAAM,gCAAkCL,EAAAA,KAAAA,CAAAA;AACpD;KAEF,EAAA;AAACL,QAAAA,aAAAA;AAAeD,QAAAA;AAA0B,KAAA,CAAA;IAG5C,OAAO;AACL;;;AAGC,QACDY,+BAAiCR,EAAAA,gBAAAA,CAAMC,WAAW,CAChD,CAACC,KAAAA,GAAAA;YACC,IAAI,OAAOA,MAAMO,OAAO,KAAK,YAAYP,KAAMO,CAAAA,OAAO,KAAK,IAAM,EAAA;gBAC/D,IAAI,QAAA,IAAYP,KAAMO,CAAAA,OAAO,IAAIC,KAAAA,CAAMC,OAAO,CAACT,KAAMO,CAAAA,OAAO,CAACG,MAAM,CAAG,EAAA;AACpE,oBAAA,MAAMC,gBAAmBX,GAAAA,KAAAA,CAAMO,OAAO,CAACG,MAAM;AAE7C,oBAAA,OAAOC,gBAAiBC,CAAAA,MAAM,CAAC,CAACC,GAAKC,EAAAA,GAAAA,GAAAA;AACnC,wBAAA,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGF,GAAAA;AAE1B,wBAAA,OAAOG,aAAMJ,CAAAA,GAAAA,EAAKE,IAAKG,CAAAA,IAAI,CAAC,GAAMF,CAAAA,EAAAA,OAAAA,CAAAA;AACpC,qBAAA,EAAG,EAAC,CAAA;iBACC,MAAA;oBACL,MAAMT,OAAAA,GAAUP,MAAMO,OAAO;AAE7B,oBAAA,OAAOY,OAAOC,IAAI,CAACb,SAASK,MAAM,CAAC,CAACC,GAAKQ,EAAAA,GAAAA,GAAAA;wBACvC,MAAMC,QAAAA,GAAWf,OAAO,CAACc,GAAI,CAAA;wBAE7B,OAAO;AACL,4BAAA,GAAGR,GAAG;AACN,4BAAA,CAACQ,GAAI,GAAEC,QAASJ,CAAAA,IAAI,CAAC,IAAA;AACvB,yBAAA;AACF,qBAAA,EAAG,EAAC,CAAA;AACN;aACK,MAAA;AACL,gBAAA,OAAO,EAAC;AACV;AACF,SAAA,EACA,EAAE,CAAA;AAEJ;;;AAGC,QACDK,uBAAyBzB,EAAAA,gBAAAA,CAAMC,WAAW,CACxC,CAACC,KAAAA,GAAAA;AACC,YAAA,MAAMc,GAAM,GAAA;gBACVU,QAAU,EAAA;oBACRC,IAAM,EAAA;AACJzB,wBAAAA;AACF;AACF;AACF,aAAA;AAEA;;;AAGC,YACD,IAAI,CAACA,KAAMgB,CAAAA,OAAO,EAAE;gBAClB,OAAO,yBAAA;AACT;AAEA,YAAA,OAAOnB,WAAYiB,CAAAA,GAAAA,CAAAA;SAErB,EAAA;AAACjB,YAAAA;AAAY,SAAA,CAAA;QAEfK,cAAgBL,EAAAA;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,aACL,CAAA;AACEgC,QAAAA,EAAAA,EAAIC,4BAAcZ,OAAStB,EAAAA,yBAAAA,CAAAA;QAC3BmC,cAAgBb,EAAAA;KAElB,EAAA;AACEU,QAAAA;AACF,KAAA,CAAA;AAEJ;AAKA;;;;;IAMA,SAASxB,eACPF,KAAiB,EACjB,EAAEL,aAAa,EAAED,yBAAyB,EAAyB,EAAA;AAEnE,IAAA,IAAI,CAACC,aAAe,EAAA;AAClB,QAAA,MAAM,IAAIU,KAAM,CAAA,qDAAA,CAAA;AAClB;IAEA,MAAMyB,eAAAA,GAAkBC,oCAAkB/B,KAAON,EAAAA,yBAAAA,CAAAA;AAEjD,IAAA,IAAI,CAACoC,eAAiB,EAAA;QACpB,OAAO,IAAA;AACT;AAEA,IAAA,IAAI,SAAaA,IAAAA,eAAAA,IAAmBA,eAAgBd,CAAAA,OAAO,KAAK,IAAM,EAAA;AACpE,QAAA,OAAOc,gBAAgBd,OAAO;AAChC;;AAGA,IAAA,IAAI,YAAYc,eAAiB,EAAA;AAC/B,QAAA,OAAOA,eAAgBpB,CAAAA,MAAM,CAC1BsB,GAAG,CAAC,CAAC,EAAEL,EAAE,EAAEE,cAAc,EAAEI,MAAM,EAAE,GAAKtC,aAAc,CAAA;AAAEgC,gBAAAA,EAAAA;AAAIE,gBAAAA;aAAkBI,EAAAA,MAAAA,CAAAA,CAAAA,CAC9Ef,IAAI,CAAC,IAAA,CAAA;AACV;AAEA,IAAA,OAAOvB,aAAcmC,CAAAA,eAAAA,CAAAA;AACvB;;;;"}
+{"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.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,KAAMC,CAAAA,WAAW,CACnC,CAACC,KAAAA,GAAAA;;;QAGC,IAAI;YACF,MAAMC,YAAAA,GAAeC,eAAeF,KAAO,EAAA;AAAEN,gBAAAA,yBAAAA;AAA2BC,gBAAAA;AAAc,aAAA,CAAA;AAEtF,YAAA,IAAI,CAACM,YAAc,EAAA;AACjB,gBAAA,OAAOE,iBAAiBH,KAAO,EAAA;AAAEN,oBAAAA,yBAAAA;AAA2BC,oBAAAA;AAAc,iBAAA,CAAA;AAC5E;YAEA,OAAOM,YAAAA;AACT,SAAA,CAAE,OAAOG,CAAG,EAAA;YACV,MAAM,IAAIC,MAAM,gCAAkCL,EAAAA,KAAAA,CAAAA;AACpD;KAEF,EAAA;AAACL,QAAAA,aAAAA;AAAeD,QAAAA;AAA0B,KAAA,CAAA;IAG5C,OAAO;AACL;;;AAGC,QACDY,+BAAiCR,EAAAA,KAAAA,CAAMC,WAAW,CAChD,CAACC,KAAAA,GAAAA;YACC,IAAI,OAAOA,MAAMO,OAAO,KAAK,YAAYP,KAAMO,CAAAA,OAAO,KAAK,IAAM,EAAA;gBAC/D,IAAI,QAAA,IAAYP,KAAMO,CAAAA,OAAO,IAAIC,KAAAA,CAAMC,OAAO,CAACT,KAAMO,CAAAA,OAAO,CAACG,MAAM,CAAG,EAAA;AACpE,oBAAA,MAAMC,gBAAmBX,GAAAA,KAAAA,CAAMO,OAAO,CAACG,MAAM;AAE7C,oBAAA,OAAOC,gBAAiBC,CAAAA,MAAM,CAAC,CAACC,GAAKC,EAAAA,GAAAA,GAAAA;AACnC,wBAAA,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGF,GAAAA;AAE1B,wBAAA,OAAOG,KAAMJ,CAAAA,GAAAA,EAAKE,IAAKG,CAAAA,IAAI,CAAC,GAAMF,CAAAA,EAAAA,OAAAA,CAAAA;AACpC,qBAAA,EAAG,EAAC,CAAA;iBACC,MAAA;oBACL,MAAMT,OAAAA,GAAUP,MAAMO,OAAO;AAE7B,oBAAA,OAAOY,OAAOC,IAAI,CAACb,SAASK,MAAM,CAAC,CAACC,GAAKQ,EAAAA,GAAAA,GAAAA;wBACvC,MAAMC,QAAAA,GAAWf,OAAO,CAACc,GAAI,CAAA;wBAE7B,OAAO;AACL,4BAAA,GAAGR,GAAG;AACN,4BAAA,CAACQ,GAAI,GAAEC,QAASJ,CAAAA,IAAI,CAAC,IAAA;AACvB,yBAAA;AACF,qBAAA,EAAG,EAAC,CAAA;AACN;aACK,MAAA;AACL,gBAAA,OAAO,EAAC;AACV;AACF,SAAA,EACA,EAAE,CAAA;AAEJ;;;AAGC,QACDK,uBAAyBzB,EAAAA,KAAAA,CAAMC,WAAW,CACxC,CAACC,KAAAA,GAAAA;AACC,YAAA,MAAMc,GAAM,GAAA;gBACVU,QAAU,EAAA;oBACRC,IAAM,EAAA;AACJzB,wBAAAA;AACF;AACF;AACF,aAAA;AAEA;;;AAGC,YACD,IAAI,CAACA,KAAMgB,CAAAA,OAAO,EAAE;gBAClB,OAAO,yBAAA;AACT;AAEA,YAAA,OAAOnB,WAAYiB,CAAAA,GAAAA,CAAAA;SAErB,EAAA;AAACjB,YAAAA;AAAY,SAAA,CAAA;QAEfK,cAAgBL,EAAAA;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,aACL,CAAA;AACEgC,QAAAA,EAAAA,EAAIC,cAAcZ,OAAStB,EAAAA,yBAAAA,CAAAA;QAC3BmC,cAAgBb,EAAAA;KAElB,EAAA;AACEU,QAAAA;AACF,KAAA,CAAA;AAEJ;AAKA;;;;;IAMA,SAASxB,eACPF,KAAiB,EACjB,EAAEL,aAAa,EAAED,yBAAyB,EAAyB,EAAA;AAEnE,IAAA,IAAI,CAACC,aAAe,EAAA;AAClB,QAAA,MAAM,IAAIU,KAAM,CAAA,qDAAA,CAAA;AAClB;IAEA,MAAMyB,eAAAA,GAAkBC,kBAAkB/B,KAAON,EAAAA,yBAAAA,CAAAA;AAEjD,IAAA,IAAI,CAACoC,eAAiB,EAAA;QACpB,OAAO,IAAA;AACT;AAEA,IAAA,IAAI,SAAaA,IAAAA,eAAAA,IAAmBA,eAAgBd,CAAAA,OAAO,KAAK,IAAM,EAAA;AACpE,QAAA,OAAOc,gBAAgBd,OAAO;AAChC;;AAGA,IAAA,IAAI,YAAYc,eAAiB,EAAA;AAC/B,QAAA,OAAOA,eAAgBpB,CAAAA,MAAM,CAC1BsB,GAAG,CAAC,CAAC,EAAEL,EAAE,EAAEE,cAAc,EAAEI,MAAM,EAAE,GAAKtC,aAAc,CAAA;AAAEgC,gBAAAA,EAAAA;AAAIE,gBAAAA;aAAkBI,EAAAA,MAAAA,CAAAA,CAAAA,CAC9Ef,IAAI,CAAC,IAAA,CAAA;AACV;AAEA,IAAA,OAAOvB,aAAcmC,CAAAA,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/hooks/useAdminRoles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAdminRoles.js","sources":["../../../../../admin/src/hooks/useAdminRoles.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCollator } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { GetRolesParams, useGetRolesQuery } from '../services/users';\n\nimport type { FindRoles } from '../../../shared/contracts/roles';\n\nexport type AdminRole = FindRoles.Response['data'][number];\n\nexport const useAdminRoles = (\n  params: GetRolesParams = {},\n  queryOptions?: Parameters<typeof useGetRolesQuery>[1]\n) => {\n  const { locale } = useIntl();\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const { data, error, isError, isLoading, refetch } = useGetRolesQuery(params, queryOptions);\n\n  // the return value needs to be memoized, because intantiating\n  // an empty array as default value would lead to an unstable return\n  // value, which later on triggers infinite loops if used in the\n  // dependency arrays of other hooks\n  const roles = React.useMemo(\n    () =>\n      [...(data ?? [])].sort((a, b) =>\n        formatter.compare(a.name, b.name)\n      ) as FindRoles.Response['data'],\n    [data, formatter]\n  );\n\n  return {\n    roles,\n    error,\n    isError,\n    isLoading,\n    refetch,\n  };\n};\n"],"names":["useAdminRoles","params","queryOptions","locale","useIntl","formatter","useCollator","sensitivity","data","error","isError","isLoading","refetch","useGetRolesQuery","roles","React","useMemo","sort","a","b","compare","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;MAWaA,aAAgB,GAAA,CAC3BC,MAAyB,GAAA,EAAE,EAC3BC,YAAAA,GAAAA;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGC,iBAAAA,EAAAA;IACnB,MAAMC,SAAAA,GAAYC,yBAAYH,MAAQ,EAAA;QACpCI,WAAa,EAAA;AACf,KAAA,CAAA;AAEA,IAAA,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,uBAAiBZ,MAAQC,EAAAA,YAAAA,CAAAA;;;;;AAM9E,IAAA,MAAMY,KAAQC,GAAAA,gBAAAA,CAAMC,OAAO,CACzB,IACE;AAAKR,YAAAA,GAAAA,IAAAA,IAAQ;AAAI,SAAA,CAACS,IAAI,CAAC,CAACC,CAAAA,EAAGC,CACzBd,GAAAA,SAAAA,CAAUe,OAAO,CAACF,CAAEG,CAAAA,IAAI,EAAEF,CAAAA,CAAEE,IAAI,CAEpC,CAAA,EAAA;AAACb,QAAAA,IAAAA;AAAMH,QAAAA;AAAU,KAAA,CAAA;IAGnB,OAAO;AACLS,QAAAA,KAAAA;AACAL,QAAAA,KAAAA;AACAC,QAAAA,OAAAA;AACAC,QAAAA,SAAAA;AACAC,QAAAA;AACF,KAAA;AACF;;;;"}
+{"version":3,"file":"useAdminRoles.js","sources":["../../../../../admin/src/hooks/useAdminRoles.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCollator } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { GetRolesParams, useGetRolesQuery } from '../services/users';\n\nimport type { FindRoles } from '../../../shared/contracts/roles';\n\nexport type AdminRole = FindRoles.Response['data'][number];\n\nexport const useAdminRoles = (\n  params: GetRolesParams = {},\n  queryOptions?: Parameters<typeof useGetRolesQuery>[1]\n) => {\n  const { locale } = useIntl();\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const { data, error, isError, isLoading, refetch } = useGetRolesQuery(params, queryOptions);\n\n  // the return value needs to be memoized, because intantiating\n  // an empty array as default value would lead to an unstable return\n  // value, which later on triggers infinite loops if used in the\n  // dependency arrays of other hooks\n  const roles = React.useMemo(\n    () =>\n      [...(data ?? [])].sort((a, b) =>\n        formatter.compare(a.name, b.name)\n      ) as FindRoles.Response['data'],\n    [data, formatter]\n  );\n\n  return {\n    roles,\n    error,\n    isError,\n    isLoading,\n    refetch,\n  };\n};\n"],"names":["useAdminRoles","params","queryOptions","locale","useIntl","formatter","useCollator","sensitivity","data","error","isError","isLoading","refetch","useGetRolesQuery","roles","React","useMemo","sort","a","b","compare","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;MAWaA,aAAAA,GAAgB,CAC3BC,MAAAA,GAAyB,EAAE,EAC3BC,YAAAA,GAAAA;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGC,iBAAAA,EAAAA;IACnB,MAAMC,SAAAA,GAAYC,yBAAYH,MAAAA,EAAQ;QACpCI,WAAAA,EAAa;AACf,KAAA,CAAA;AAEA,IAAA,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,uBAAiBZ,MAAAA,EAAQC,YAAAA,CAAAA;;;;;AAM9E,IAAA,MAAMY,KAAAA,GAAQC,gBAAAA,CAAMC,OAAO,CACzB,IACE;AAAKR,YAAAA,GAAAA,IAAAA,IAAQ;AAAI,SAAA,CAACS,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAAA,GACzBd,SAAAA,CAAUe,OAAO,CAACF,CAAAA,CAAEG,IAAI,EAAEF,CAAAA,CAAEE,IAAI,CAAA,CAAA,EAEpC;AAACb,QAAAA,IAAAA;AAAMH,QAAAA;AAAU,KAAA,CAAA;IAGnB,OAAO;AACLS,QAAAA,KAAAA;AACAL,QAAAA,KAAAA;AACAC,QAAAA,OAAAA;AACAC,QAAAA,SAAAA;AACAC,QAAAA;AACF,KAAA;AACF;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useAdminRoles.mjs","sources":["../../../../../admin/src/hooks/useAdminRoles.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCollator } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { GetRolesParams, useGetRolesQuery } from '../services/users';\n\nimport type { FindRoles } from '../../../shared/contracts/roles';\n\nexport type AdminRole = FindRoles.Response['data'][number];\n\nexport const useAdminRoles = (\n  params: GetRolesParams = {},\n  queryOptions?: Parameters<typeof useGetRolesQuery>[1]\n) => {\n  const { locale } = useIntl();\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const { data, error, isError, isLoading, refetch } = useGetRolesQuery(params, queryOptions);\n\n  // the return value needs to be memoized, because intantiating\n  // an empty array as default value would lead to an unstable return\n  // value, which later on triggers infinite loops if used in the\n  // dependency arrays of other hooks\n  const roles = React.useMemo(\n    () =>\n      [...(data ?? [])].sort((a, b) =>\n        formatter.compare(a.name, b.name)\n      ) as FindRoles.Response['data'],\n    [data, formatter]\n  );\n\n  return {\n    roles,\n    error,\n    isError,\n    isLoading,\n    refetch,\n  };\n};\n"],"names":["useAdminRoles","params","queryOptions","locale","useIntl","formatter","useCollator","sensitivity","data","error","isError","isLoading","refetch","useGetRolesQuery","roles","React","useMemo","sort","a","b","compare","name"],"mappings":";;;;;MAWaA,aAAgB,GAAA,CAC3BC,MAAyB,GAAA,EAAE,EAC3BC,YAAAA,GAAAA;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGC,OAAAA,EAAAA;IACnB,MAAMC,SAAAA,GAAYC,YAAYH,MAAQ,EAAA;QACpCI,WAAa,EAAA;AACf,KAAA,CAAA;AAEA,IAAA,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,iBAAiBZ,MAAQC,EAAAA,YAAAA,CAAAA;;;;;AAM9E,IAAA,MAAMY,KAAQC,GAAAA,KAAAA,CAAMC,OAAO,CACzB,IACE;AAAKR,YAAAA,GAAAA,IAAAA,IAAQ;AAAI,SAAA,CAACS,IAAI,CAAC,CAACC,CAAAA,EAAGC,CACzBd,GAAAA,SAAAA,CAAUe,OAAO,CAACF,CAAEG,CAAAA,IAAI,EAAEF,CAAAA,CAAEE,IAAI,CAEpC,CAAA,EAAA;AAACb,QAAAA,IAAAA;AAAMH,QAAAA;AAAU,KAAA,CAAA;IAGnB,OAAO;AACLS,QAAAA,KAAAA;AACAL,QAAAA,KAAAA;AACAC,QAAAA,OAAAA;AACAC,QAAAA,SAAAA;AACAC,QAAAA;AACF,KAAA;AACF;;;;"}
+{"version":3,"file":"useAdminRoles.mjs","sources":["../../../../../admin/src/hooks/useAdminRoles.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCollator } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { GetRolesParams, useGetRolesQuery } from '../services/users';\n\nimport type { FindRoles } from '../../../shared/contracts/roles';\n\nexport type AdminRole = FindRoles.Response['data'][number];\n\nexport const useAdminRoles = (\n  params: GetRolesParams = {},\n  queryOptions?: Parameters<typeof useGetRolesQuery>[1]\n) => {\n  const { locale } = useIntl();\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const { data, error, isError, isLoading, refetch } = useGetRolesQuery(params, queryOptions);\n\n  // the return value needs to be memoized, because intantiating\n  // an empty array as default value would lead to an unstable return\n  // value, which later on triggers infinite loops if used in the\n  // dependency arrays of other hooks\n  const roles = React.useMemo(\n    () =>\n      [...(data ?? [])].sort((a, b) =>\n        formatter.compare(a.name, b.name)\n      ) as FindRoles.Response['data'],\n    [data, formatter]\n  );\n\n  return {\n    roles,\n    error,\n    isError,\n    isLoading,\n    refetch,\n  };\n};\n"],"names":["useAdminRoles","params","queryOptions","locale","useIntl","formatter","useCollator","sensitivity","data","error","isError","isLoading","refetch","useGetRolesQuery","roles","React","useMemo","sort","a","b","compare","name"],"mappings":";;;;;MAWaA,aAAAA,GAAgB,CAC3BC,MAAAA,GAAyB,EAAE,EAC3BC,YAAAA,GAAAA;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGC,OAAAA,EAAAA;IACnB,MAAMC,SAAAA,GAAYC,YAAYH,MAAAA,EAAQ;QACpCI,WAAAA,EAAa;AACf,KAAA,CAAA;AAEA,IAAA,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,iBAAiBZ,MAAAA,EAAQC,YAAAA,CAAAA;;;;;AAM9E,IAAA,MAAMY,KAAAA,GAAQC,KAAAA,CAAMC,OAAO,CACzB,IACE;AAAKR,YAAAA,GAAAA,IAAAA,IAAQ;AAAI,SAAA,CAACS,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAAA,GACzBd,SAAAA,CAAUe,OAAO,CAACF,CAAAA,CAAEG,IAAI,EAAEF,CAAAA,CAAEE,IAAI,CAAA,CAAA,EAEpC;AAACb,QAAAA,IAAAA;AAAMH,QAAAA;AAAU,KAAA,CAAA;IAGnB,OAAO;AACLS,QAAAA,KAAAA;AACAL,QAAAA,KAAAA;AACAC,QAAAA,OAAAA;AACAC,QAAAA,SAAAA;AACAC,QAAAA;AACF,KAAA;AACF;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.js","sources":["../../../../../admin/src/hooks/useClipboard.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nconst useClipboard = () => {\n  const copy = useCallback(async (value: string | number) => {\n    try {\n      // only strings and numbers casted to strings can be copied to clipboard\n      if (typeof value !== 'string' && typeof value !== 'number') {\n        throw new Error(\n          `Cannot copy typeof ${typeof value} to clipboard, must be a string or number`\n        );\n      }\n      // empty strings are also considered invalid\n      else if (value === '') {\n        throw new Error(`Cannot copy empty string to clipboard.`);\n      }\n\n      const stringifiedValue = value.toString();\n\n      await navigator.clipboard.writeText(stringifiedValue);\n\n      return true;\n    } catch (error) {\n      /**\n       * Realistically this isn't useful in production as there's nothing the user can do.\n       */\n      if (process.env.NODE_ENV === 'development') {\n        console.warn('Copy failed', error);\n      }\n\n      return false;\n    }\n  }, []);\n\n  return { copy };\n};\n\nexport { useClipboard };\n"],"names":["useClipboard","copy","useCallback","value","Error","stringifiedValue","toString","navigator","clipboard","writeText","error","process","env","NODE_ENV","console","warn"],"mappings":";;;;AAEA,MAAMA,YAAe,GAAA,IAAA;IACnB,MAAMC,IAAAA,GAAOC,kBAAY,OAAOC,KAAAA,GAAAA;QAC9B,IAAI;;AAEF,YAAA,IAAI,OAAOA,KAAAA,KAAU,QAAY,IAAA,OAAOA,UAAU,QAAU,EAAA;gBAC1D,MAAM,IAAIC,MACR,CAAC,mBAAmB,EAAE,OAAOD,KAAAA,CAAM,yCAAyC,CAAC,CAAA;aAI5E,MAAA,IAAIA,UAAU,EAAI,EAAA;AACrB,gBAAA,MAAM,IAAIC,KAAAA,CAAM,CAAC,sCAAsC,CAAC,CAAA;AAC1D;YAEA,MAAMC,gBAAAA,GAAmBF,MAAMG,QAAQ,EAAA;AAEvC,YAAA,MAAMC,SAAUC,CAAAA,SAAS,CAACC,SAAS,CAACJ,gBAAAA,CAAAA;YAEpC,OAAO,IAAA;AACT,SAAA,CAAE,OAAOK,KAAO,EAAA;AACd;;AAEC,UACD,IAAIC,OAAQC,CAAAA,GAAG,CAACC,QAAQ,KAAK,aAAe,EAAA;gBAC1CC,OAAQC,CAAAA,IAAI,CAAC,aAAeL,EAAAA,KAAAA,CAAAA;AAC9B;YAEA,OAAO,KAAA;AACT;AACF,KAAA,EAAG,EAAE,CAAA;IAEL,OAAO;AAAET,QAAAA;AAAK,KAAA;AAChB;;;;"}
+{"version":3,"file":"useClipboard.js","sources":["../../../../../admin/src/hooks/useClipboard.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nconst useClipboard = () => {\n  const copy = useCallback(async (value: string | number) => {\n    try {\n      // only strings and numbers casted to strings can be copied to clipboard\n      if (typeof value !== 'string' && typeof value !== 'number') {\n        throw new Error(\n          `Cannot copy typeof ${typeof value} to clipboard, must be a string or number`\n        );\n      }\n      // empty strings are also considered invalid\n      else if (value === '') {\n        throw new Error(`Cannot copy empty string to clipboard.`);\n      }\n\n      const stringifiedValue = value.toString();\n\n      await navigator.clipboard.writeText(stringifiedValue);\n\n      return true;\n    } catch (error) {\n      /**\n       * Realistically this isn't useful in production as there's nothing the user can do.\n       */\n      if (process.env.NODE_ENV === 'development') {\n        console.warn('Copy failed', error);\n      }\n\n      return false;\n    }\n  }, []);\n\n  return { copy };\n};\n\nexport { useClipboard };\n"],"names":["useClipboard","copy","useCallback","value","Error","stringifiedValue","toString","navigator","clipboard","writeText","error","process","env","NODE_ENV","console","warn"],"mappings":";;;;AAEA,MAAMA,YAAAA,GAAe,IAAA;IACnB,MAAMC,IAAAA,GAAOC,kBAAY,OAAOC,KAAAA,GAAAA;QAC9B,IAAI;;AAEF,YAAA,IAAI,OAAOA,KAAAA,KAAU,QAAA,IAAY,OAAOA,UAAU,QAAA,EAAU;gBAC1D,MAAM,IAAIC,MACR,CAAC,mBAAmB,EAAE,OAAOD,KAAAA,CAAM,yCAAyC,CAAC,CAAA;YAEjF,CAAA,MAEK,IAAIA,UAAU,EAAA,EAAI;AACrB,gBAAA,MAAM,IAAIC,KAAAA,CAAM,CAAC,sCAAsC,CAAC,CAAA;AAC1D,YAAA;YAEA,MAAMC,gBAAAA,GAAmBF,MAAMG,QAAQ,EAAA;AAEvC,YAAA,MAAMC,SAAAA,CAAUC,SAAS,CAACC,SAAS,CAACJ,gBAAAA,CAAAA;YAEpC,OAAO,IAAA;AACT,QAAA,CAAA,CAAE,OAAOK,KAAAA,EAAO;AACd;;AAEC,UACD,IAAIC,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,aAAA,EAAe;gBAC1CC,OAAAA,CAAQC,IAAI,CAAC,aAAA,EAAeL,KAAAA,CAAAA;AAC9B,YAAA;YAEA,OAAO,KAAA;AACT,QAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,OAAO;AAAET,QAAAA;AAAK,KAAA;AAChB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.mjs","sources":["../../../../../admin/src/hooks/useClipboard.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nconst useClipboard = () => {\n  const copy = useCallback(async (value: string | number) => {\n    try {\n      // only strings and numbers casted to strings can be copied to clipboard\n      if (typeof value !== 'string' && typeof value !== 'number') {\n        throw new Error(\n          `Cannot copy typeof ${typeof value} to clipboard, must be a string or number`\n        );\n      }\n      // empty strings are also considered invalid\n      else if (value === '') {\n        throw new Error(`Cannot copy empty string to clipboard.`);\n      }\n\n      const stringifiedValue = value.toString();\n\n      await navigator.clipboard.writeText(stringifiedValue);\n\n      return true;\n    } catch (error) {\n      /**\n       * Realistically this isn't useful in production as there's nothing the user can do.\n       */\n      if (process.env.NODE_ENV === 'development') {\n        console.warn('Copy failed', error);\n      }\n\n      return false;\n    }\n  }, []);\n\n  return { copy };\n};\n\nexport { useClipboard };\n"],"names":["useClipboard","copy","useCallback","value","Error","stringifiedValue","toString","navigator","clipboard","writeText","error","process","env","NODE_ENV","console","warn"],"mappings":";;AAEA,MAAMA,YAAe,GAAA,IAAA;IACnB,MAAMC,IAAAA,GAAOC,YAAY,OAAOC,KAAAA,GAAAA;QAC9B,IAAI;;AAEF,YAAA,IAAI,OAAOA,KAAAA,KAAU,QAAY,IAAA,OAAOA,UAAU,QAAU,EAAA;gBAC1D,MAAM,IAAIC,MACR,CAAC,mBAAmB,EAAE,OAAOD,KAAAA,CAAM,yCAAyC,CAAC,CAAA;aAI5E,MAAA,IAAIA,UAAU,EAAI,EAAA;AACrB,gBAAA,MAAM,IAAIC,KAAAA,CAAM,CAAC,sCAAsC,CAAC,CAAA;AAC1D;YAEA,MAAMC,gBAAAA,GAAmBF,MAAMG,QAAQ,EAAA;AAEvC,YAAA,MAAMC,SAAUC,CAAAA,SAAS,CAACC,SAAS,CAACJ,gBAAAA,CAAAA;YAEpC,OAAO,IAAA;AACT,SAAA,CAAE,OAAOK,KAAO,EAAA;AACd;;AAEC,UACD,IAAIC,OAAQC,CAAAA,GAAG,CAACC,QAAQ,KAAK,aAAe,EAAA;gBAC1CC,OAAQC,CAAAA,IAAI,CAAC,aAAeL,EAAAA,KAAAA,CAAAA;AAC9B;YAEA,OAAO,KAAA;AACT;AACF,KAAA,EAAG,EAAE,CAAA;IAEL,OAAO;AAAET,QAAAA;AAAK,KAAA;AAChB;;;;"}
+{"version":3,"file":"useClipboard.mjs","sources":["../../../../../admin/src/hooks/useClipboard.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nconst useClipboard = () => {\n  const copy = useCallback(async (value: string | number) => {\n    try {\n      // only strings and numbers casted to strings can be copied to clipboard\n      if (typeof value !== 'string' && typeof value !== 'number') {\n        throw new Error(\n          `Cannot copy typeof ${typeof value} to clipboard, must be a string or number`\n        );\n      }\n      // empty strings are also considered invalid\n      else if (value === '') {\n        throw new Error(`Cannot copy empty string to clipboard.`);\n      }\n\n      const stringifiedValue = value.toString();\n\n      await navigator.clipboard.writeText(stringifiedValue);\n\n      return true;\n    } catch (error) {\n      /**\n       * Realistically this isn't useful in production as there's nothing the user can do.\n       */\n      if (process.env.NODE_ENV === 'development') {\n        console.warn('Copy failed', error);\n      }\n\n      return false;\n    }\n  }, []);\n\n  return { copy };\n};\n\nexport { useClipboard };\n"],"names":["useClipboard","copy","useCallback","value","Error","stringifiedValue","toString","navigator","clipboard","writeText","error","process","env","NODE_ENV","console","warn"],"mappings":";;AAEA,MAAMA,YAAAA,GAAe,IAAA;IACnB,MAAMC,IAAAA,GAAOC,YAAY,OAAOC,KAAAA,GAAAA;QAC9B,IAAI;;AAEF,YAAA,IAAI,OAAOA,KAAAA,KAAU,QAAA,IAAY,OAAOA,UAAU,QAAA,EAAU;gBAC1D,MAAM,IAAIC,MACR,CAAC,mBAAmB,EAAE,OAAOD,KAAAA,CAAM,yCAAyC,CAAC,CAAA;YAEjF,CAAA,MAEK,IAAIA,UAAU,EAAA,EAAI;AACrB,gBAAA,MAAM,IAAIC,KAAAA,CAAM,CAAC,sCAAsC,CAAC,CAAA;AAC1D,YAAA;YAEA,MAAMC,gBAAAA,GAAmBF,MAAMG,QAAQ,EAAA;AAEvC,YAAA,MAAMC,SAAAA,CAAUC,SAAS,CAACC,SAAS,CAACJ,gBAAAA,CAAAA;YAEpC,OAAO,IAAA;AACT,QAAA,CAAA,CAAE,OAAOK,KAAAA,EAAO;AACd;;AAEC,UACD,IAAIC,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,aAAA,EAAe;gBAC1CC,OAAAA,CAAQC,IAAI,CAAC,aAAA,EAAeL,KAAAA,CAAAA;AAC9B,YAAA;YAEA,OAAO,KAAA;AACT,QAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,OAAO;AAAET,QAAAA;AAAK,KAAA;AAChB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useControllableState.js","sources":["../../../../../admin/src/hooks/useControllableState.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCallbackRef } from '@strapi/design-system';\n\ntype UseControllableStateParams<T> = {\n  prop?: T | undefined;\n  defaultProp?: T | undefined;\n  onChange?: (state: T) => void;\n};\n\ntype SetStateFn<T> = (prevState?: T) => T;\n\nfunction useControllableState<T>({\n  prop,\n  defaultProp,\n  onChange = () => {},\n}: UseControllableStateParams<T>) {\n  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n  const isControlled = prop !== undefined;\n  const value = isControlled ? prop : uncontrolledProp;\n  const handleChange = useCallbackRef(onChange);\n\n  const setValue: React.Dispatch<React.SetStateAction<T | undefined>> = React.useCallback(\n    (nextValue) => {\n      if (isControlled) {\n        const setter = nextValue as SetStateFn<T>;\n        const value = typeof nextValue === 'function' ? setter(prop) : nextValue;\n        if (value !== prop) handleChange(value as T);\n      } else {\n        setUncontrolledProp(nextValue);\n      }\n    },\n    [isControlled, prop, setUncontrolledProp, handleChange]\n  );\n\n  return [value, setValue] as const;\n}\n\nfunction useUncontrolledState<T>({\n  defaultProp,\n  onChange,\n}: Omit<UseControllableStateParams<T>, 'prop'>) {\n  const uncontrolledState = React.useState<T | undefined>(defaultProp);\n  const [value] = uncontrolledState;\n  const prevValueRef = React.useRef(value);\n  const handleChange = useCallbackRef(onChange);\n\n  React.useEffect(() => {\n    if (prevValueRef.current !== value) {\n      handleChange(value as T);\n      prevValueRef.current = value;\n    }\n  }, [value, prevValueRef, handleChange]);\n\n  return uncontrolledState;\n}\n\nexport { useControllableState };\n"],"names":["useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","undefined","value","handleChange","useCallbackRef","setValue","React","useCallback","nextValue","setter","uncontrolledState","useState","prevValueRef","useRef","useEffect","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,SAASA,oBAAAA,CAAwB,EAC/BC,IAAI,EACJC,WAAW,EACXC,QAAAA,GAAW,IAAO,EAAC,EACW,EAAA;AAC9B,IAAA,MAAM,CAACC,gBAAAA,EAAkBC,mBAAoB,CAAA,GAAGC,oBAAqB,CAAA;AAAEJ,QAAAA,WAAAA;AAAaC,QAAAA;AAAS,KAAA,CAAA;AAC7F,IAAA,MAAMI,eAAeN,IAASO,KAAAA,SAAAA;IAC9B,MAAMC,KAAAA,GAAQF,eAAeN,IAAOG,GAAAA,gBAAAA;AACpC,IAAA,MAAMM,eAAeC,2BAAeR,CAAAA,QAAAA,CAAAA;AAEpC,IAAA,MAAMS,QAAgEC,GAAAA,gBAAAA,CAAMC,WAAW,CACrF,CAACC,SAAAA,GAAAA;AACC,QAAA,IAAIR,YAAc,EAAA;AAChB,YAAA,MAAMS,MAASD,GAAAA,SAAAA;AACf,YAAA,MAAMN,KAAQ,GAAA,OAAOM,SAAc,KAAA,UAAA,GAAaC,OAAOf,IAAQc,CAAAA,GAAAA,SAAAA;YAC/D,IAAIN,KAAAA,KAAUR,MAAMS,YAAaD,CAAAA,KAAAA,CAAAA;SAC5B,MAAA;YACLJ,mBAAoBU,CAAAA,SAAAA,CAAAA;AACtB;KAEF,EAAA;AAACR,QAAAA,YAAAA;AAAcN,QAAAA,IAAAA;AAAMI,QAAAA,mBAAAA;AAAqBK,QAAAA;AAAa,KAAA,CAAA;IAGzD,OAAO;AAACD,QAAAA,KAAAA;AAAOG,QAAAA;AAAS,KAAA;AAC1B;AAEA,SAASN,oBAAwB,CAAA,EAC/BJ,WAAW,EACXC,QAAQ,EACoC,EAAA;IAC5C,MAAMc,iBAAAA,GAAoBJ,gBAAMK,CAAAA,QAAQ,CAAgBhB,WAAAA,CAAAA;IACxD,MAAM,CAACO,MAAM,GAAGQ,iBAAAA;IAChB,MAAME,YAAAA,GAAeN,gBAAMO,CAAAA,MAAM,CAACX,KAAAA,CAAAA;AAClC,IAAA,MAAMC,eAAeC,2BAAeR,CAAAA,QAAAA,CAAAA;AAEpCU,IAAAA,gBAAAA,CAAMQ,SAAS,CAAC,IAAA;QACd,IAAIF,YAAAA,CAAaG,OAAO,KAAKb,KAAO,EAAA;YAClCC,YAAaD,CAAAA,KAAAA,CAAAA;AACbU,YAAAA,YAAAA,CAAaG,OAAO,GAAGb,KAAAA;AACzB;KACC,EAAA;AAACA,QAAAA,KAAAA;AAAOU,QAAAA,YAAAA;AAAcT,QAAAA;AAAa,KAAA,CAAA;IAEtC,OAAOO,iBAAAA;AACT;;;;"}
+{"version":3,"file":"useControllableState.js","sources":["../../../../../admin/src/hooks/useControllableState.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCallbackRef } from '@strapi/design-system';\n\ntype UseControllableStateParams<T> = {\n  prop?: T | undefined;\n  defaultProp?: T | undefined;\n  onChange?: (state: T) => void;\n};\n\ntype SetStateFn<T> = (prevState?: T) => T;\n\nfunction useControllableState<T>({\n  prop,\n  defaultProp,\n  onChange = () => {},\n}: UseControllableStateParams<T>) {\n  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n  const isControlled = prop !== undefined;\n  const value = isControlled ? prop : uncontrolledProp;\n  const handleChange = useCallbackRef(onChange);\n\n  const setValue: React.Dispatch<React.SetStateAction<T | undefined>> = React.useCallback(\n    (nextValue) => {\n      if (isControlled) {\n        const setter = nextValue as SetStateFn<T>;\n        const value = typeof nextValue === 'function' ? setter(prop) : nextValue;\n        if (value !== prop) handleChange(value as T);\n      } else {\n        setUncontrolledProp(nextValue);\n      }\n    },\n    [isControlled, prop, setUncontrolledProp, handleChange]\n  );\n\n  return [value, setValue] as const;\n}\n\nfunction useUncontrolledState<T>({\n  defaultProp,\n  onChange,\n}: Omit<UseControllableStateParams<T>, 'prop'>) {\n  const uncontrolledState = React.useState<T | undefined>(defaultProp);\n  const [value] = uncontrolledState;\n  const prevValueRef = React.useRef(value);\n  const handleChange = useCallbackRef(onChange);\n\n  React.useEffect(() => {\n    if (prevValueRef.current !== value) {\n      handleChange(value as T);\n      prevValueRef.current = value;\n    }\n  }, [value, prevValueRef, handleChange]);\n\n  return uncontrolledState;\n}\n\nexport { useControllableState };\n"],"names":["useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","undefined","value","handleChange","useCallbackRef","setValue","React","useCallback","nextValue","setter","uncontrolledState","useState","prevValueRef","useRef","useEffect","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,SAASA,oBAAAA,CAAwB,EAC/BC,IAAI,EACJC,WAAW,EACXC,QAAAA,GAAW,IAAA,CAAO,CAAC,EACW,EAAA;AAC9B,IAAA,MAAM,CAACC,gBAAAA,EAAkBC,mBAAAA,CAAoB,GAAGC,oBAAAA,CAAqB;AAAEJ,QAAAA,WAAAA;AAAaC,QAAAA;AAAS,KAAA,CAAA;AAC7F,IAAA,MAAMI,eAAeN,IAAAA,KAASO,SAAAA;IAC9B,MAAMC,KAAAA,GAAQF,eAAeN,IAAAA,GAAOG,gBAAAA;AACpC,IAAA,MAAMM,eAAeC,2BAAAA,CAAeR,QAAAA,CAAAA;AAEpC,IAAA,MAAMS,QAAAA,GAAgEC,gBAAAA,CAAMC,WAAW,CACrF,CAACC,SAAAA,GAAAA;AACC,QAAA,IAAIR,YAAAA,EAAc;AAChB,YAAA,MAAMS,MAAAA,GAASD,SAAAA;AACf,YAAA,MAAMN,KAAAA,GAAQ,OAAOM,SAAAA,KAAc,UAAA,GAAaC,OAAOf,IAAAA,CAAAA,GAAQc,SAAAA;YAC/D,IAAIN,KAAAA,KAAUR,MAAMS,YAAAA,CAAaD,KAAAA,CAAAA;QACnC,CAAA,MAAO;YACLJ,mBAAAA,CAAoBU,SAAAA,CAAAA;AACtB,QAAA;IACF,CAAA,EACA;AAACR,QAAAA,YAAAA;AAAcN,QAAAA,IAAAA;AAAMI,QAAAA,mBAAAA;AAAqBK,QAAAA;AAAa,KAAA,CAAA;IAGzD,OAAO;AAACD,QAAAA,KAAAA;AAAOG,QAAAA;AAAS,KAAA;AAC1B;AAEA,SAASN,oBAAAA,CAAwB,EAC/BJ,WAAW,EACXC,QAAQ,EACoC,EAAA;IAC5C,MAAMc,iBAAAA,GAAoBJ,gBAAAA,CAAMK,QAAQ,CAAgBhB,WAAAA,CAAAA;IACxD,MAAM,CAACO,MAAM,GAAGQ,iBAAAA;IAChB,MAAME,YAAAA,GAAeN,gBAAAA,CAAMO,MAAM,CAACX,KAAAA,CAAAA;AAClC,IAAA,MAAMC,eAAeC,2BAAAA,CAAeR,QAAAA,CAAAA;AAEpCU,IAAAA,gBAAAA,CAAMQ,SAAS,CAAC,IAAA;QACd,IAAIF,YAAAA,CAAaG,OAAO,KAAKb,KAAAA,EAAO;YAClCC,YAAAA,CAAaD,KAAAA,CAAAA;AACbU,YAAAA,YAAAA,CAAaG,OAAO,GAAGb,KAAAA;AACzB,QAAA;IACF,CAAA,EAAG;AAACA,QAAAA,KAAAA;AAAOU,QAAAA,YAAAA;AAAcT,QAAAA;AAAa,KAAA,CAAA;IAEtC,OAAOO,iBAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useControllableState.mjs","sources":["../../../../../admin/src/hooks/useControllableState.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCallbackRef } from '@strapi/design-system';\n\ntype UseControllableStateParams<T> = {\n  prop?: T | undefined;\n  defaultProp?: T | undefined;\n  onChange?: (state: T) => void;\n};\n\ntype SetStateFn<T> = (prevState?: T) => T;\n\nfunction useControllableState<T>({\n  prop,\n  defaultProp,\n  onChange = () => {},\n}: UseControllableStateParams<T>) {\n  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n  const isControlled = prop !== undefined;\n  const value = isControlled ? prop : uncontrolledProp;\n  const handleChange = useCallbackRef(onChange);\n\n  const setValue: React.Dispatch<React.SetStateAction<T | undefined>> = React.useCallback(\n    (nextValue) => {\n      if (isControlled) {\n        const setter = nextValue as SetStateFn<T>;\n        const value = typeof nextValue === 'function' ? setter(prop) : nextValue;\n        if (value !== prop) handleChange(value as T);\n      } else {\n        setUncontrolledProp(nextValue);\n      }\n    },\n    [isControlled, prop, setUncontrolledProp, handleChange]\n  );\n\n  return [value, setValue] as const;\n}\n\nfunction useUncontrolledState<T>({\n  defaultProp,\n  onChange,\n}: Omit<UseControllableStateParams<T>, 'prop'>) {\n  const uncontrolledState = React.useState<T | undefined>(defaultProp);\n  const [value] = uncontrolledState;\n  const prevValueRef = React.useRef(value);\n  const handleChange = useCallbackRef(onChange);\n\n  React.useEffect(() => {\n    if (prevValueRef.current !== value) {\n      handleChange(value as T);\n      prevValueRef.current = value;\n    }\n  }, [value, prevValueRef, handleChange]);\n\n  return uncontrolledState;\n}\n\nexport { useControllableState };\n"],"names":["useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","undefined","value","handleChange","useCallbackRef","setValue","React","useCallback","nextValue","setter","uncontrolledState","useState","prevValueRef","useRef","useEffect","current"],"mappings":";;;AAYA,SAASA,oBAAAA,CAAwB,EAC/BC,IAAI,EACJC,WAAW,EACXC,QAAAA,GAAW,IAAO,EAAC,EACW,EAAA;AAC9B,IAAA,MAAM,CAACC,gBAAAA,EAAkBC,mBAAoB,CAAA,GAAGC,oBAAqB,CAAA;AAAEJ,QAAAA,WAAAA;AAAaC,QAAAA;AAAS,KAAA,CAAA;AAC7F,IAAA,MAAMI,eAAeN,IAASO,KAAAA,SAAAA;IAC9B,MAAMC,KAAAA,GAAQF,eAAeN,IAAOG,GAAAA,gBAAAA;AACpC,IAAA,MAAMM,eAAeC,cAAeR,CAAAA,QAAAA,CAAAA;AAEpC,IAAA,MAAMS,QAAgEC,GAAAA,KAAAA,CAAMC,WAAW,CACrF,CAACC,SAAAA,GAAAA;AACC,QAAA,IAAIR,YAAc,EAAA;AAChB,YAAA,MAAMS,MAASD,GAAAA,SAAAA;AACf,YAAA,MAAMN,KAAQ,GAAA,OAAOM,SAAc,KAAA,UAAA,GAAaC,OAAOf,IAAQc,CAAAA,GAAAA,SAAAA;YAC/D,IAAIN,KAAAA,KAAUR,MAAMS,YAAaD,CAAAA,KAAAA,CAAAA;SAC5B,MAAA;YACLJ,mBAAoBU,CAAAA,SAAAA,CAAAA;AACtB;KAEF,EAAA;AAACR,QAAAA,YAAAA;AAAcN,QAAAA,IAAAA;AAAMI,QAAAA,mBAAAA;AAAqBK,QAAAA;AAAa,KAAA,CAAA;IAGzD,OAAO;AAACD,QAAAA,KAAAA;AAAOG,QAAAA;AAAS,KAAA;AAC1B;AAEA,SAASN,oBAAwB,CAAA,EAC/BJ,WAAW,EACXC,QAAQ,EACoC,EAAA;IAC5C,MAAMc,iBAAAA,GAAoBJ,KAAMK,CAAAA,QAAQ,CAAgBhB,WAAAA,CAAAA;IACxD,MAAM,CAACO,MAAM,GAAGQ,iBAAAA;IAChB,MAAME,YAAAA,GAAeN,KAAMO,CAAAA,MAAM,CAACX,KAAAA,CAAAA;AAClC,IAAA,MAAMC,eAAeC,cAAeR,CAAAA,QAAAA,CAAAA;AAEpCU,IAAAA,KAAAA,CAAMQ,SAAS,CAAC,IAAA;QACd,IAAIF,YAAAA,CAAaG,OAAO,KAAKb,KAAO,EAAA;YAClCC,YAAaD,CAAAA,KAAAA,CAAAA;AACbU,YAAAA,YAAAA,CAAaG,OAAO,GAAGb,KAAAA;AACzB;KACC,EAAA;AAACA,QAAAA,KAAAA;AAAOU,QAAAA,YAAAA;AAAcT,QAAAA;AAAa,KAAA,CAAA;IAEtC,OAAOO,iBAAAA;AACT;;;;"}
+{"version":3,"file":"useControllableState.mjs","sources":["../../../../../admin/src/hooks/useControllableState.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCallbackRef } from '@strapi/design-system';\n\ntype UseControllableStateParams<T> = {\n  prop?: T | undefined;\n  defaultProp?: T | undefined;\n  onChange?: (state: T) => void;\n};\n\ntype SetStateFn<T> = (prevState?: T) => T;\n\nfunction useControllableState<T>({\n  prop,\n  defaultProp,\n  onChange = () => {},\n}: UseControllableStateParams<T>) {\n  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n  const isControlled = prop !== undefined;\n  const value = isControlled ? prop : uncontrolledProp;\n  const handleChange = useCallbackRef(onChange);\n\n  const setValue: React.Dispatch<React.SetStateAction<T | undefined>> = React.useCallback(\n    (nextValue) => {\n      if (isControlled) {\n        const setter = nextValue as SetStateFn<T>;\n        const value = typeof nextValue === 'function' ? setter(prop) : nextValue;\n        if (value !== prop) handleChange(value as T);\n      } else {\n        setUncontrolledProp(nextValue);\n      }\n    },\n    [isControlled, prop, setUncontrolledProp, handleChange]\n  );\n\n  return [value, setValue] as const;\n}\n\nfunction useUncontrolledState<T>({\n  defaultProp,\n  onChange,\n}: Omit<UseControllableStateParams<T>, 'prop'>) {\n  const uncontrolledState = React.useState<T | undefined>(defaultProp);\n  const [value] = uncontrolledState;\n  const prevValueRef = React.useRef(value);\n  const handleChange = useCallbackRef(onChange);\n\n  React.useEffect(() => {\n    if (prevValueRef.current !== value) {\n      handleChange(value as T);\n      prevValueRef.current = value;\n    }\n  }, [value, prevValueRef, handleChange]);\n\n  return uncontrolledState;\n}\n\nexport { useControllableState };\n"],"names":["useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","undefined","value","handleChange","useCallbackRef","setValue","React","useCallback","nextValue","setter","uncontrolledState","useState","prevValueRef","useRef","useEffect","current"],"mappings":";;;AAYA,SAASA,oBAAAA,CAAwB,EAC/BC,IAAI,EACJC,WAAW,EACXC,QAAAA,GAAW,IAAA,CAAO,CAAC,EACW,EAAA;AAC9B,IAAA,MAAM,CAACC,gBAAAA,EAAkBC,mBAAAA,CAAoB,GAAGC,oBAAAA,CAAqB;AAAEJ,QAAAA,WAAAA;AAAaC,QAAAA;AAAS,KAAA,CAAA;AAC7F,IAAA,MAAMI,eAAeN,IAAAA,KAASO,SAAAA;IAC9B,MAAMC,KAAAA,GAAQF,eAAeN,IAAAA,GAAOG,gBAAAA;AACpC,IAAA,MAAMM,eAAeC,cAAAA,CAAeR,QAAAA,CAAAA;AAEpC,IAAA,MAAMS,QAAAA,GAAgEC,KAAAA,CAAMC,WAAW,CACrF,CAACC,SAAAA,GAAAA;AACC,QAAA,IAAIR,YAAAA,EAAc;AAChB,YAAA,MAAMS,MAAAA,GAASD,SAAAA;AACf,YAAA,MAAMN,KAAAA,GAAQ,OAAOM,SAAAA,KAAc,UAAA,GAAaC,OAAOf,IAAAA,CAAAA,GAAQc,SAAAA;YAC/D,IAAIN,KAAAA,KAAUR,MAAMS,YAAAA,CAAaD,KAAAA,CAAAA;QACnC,CAAA,MAAO;YACLJ,mBAAAA,CAAoBU,SAAAA,CAAAA;AACtB,QAAA;IACF,CAAA,EACA;AAACR,QAAAA,YAAAA;AAAcN,QAAAA,IAAAA;AAAMI,QAAAA,mBAAAA;AAAqBK,QAAAA;AAAa,KAAA,CAAA;IAGzD,OAAO;AAACD,QAAAA,KAAAA;AAAOG,QAAAA;AAAS,KAAA;AAC1B;AAEA,SAASN,oBAAAA,CAAwB,EAC/BJ,WAAW,EACXC,QAAQ,EACoC,EAAA;IAC5C,MAAMc,iBAAAA,GAAoBJ,KAAAA,CAAMK,QAAQ,CAAgBhB,WAAAA,CAAAA;IACxD,MAAM,CAACO,MAAM,GAAGQ,iBAAAA;IAChB,MAAME,YAAAA,GAAeN,KAAAA,CAAMO,MAAM,CAACX,KAAAA,CAAAA;AAClC,IAAA,MAAMC,eAAeC,cAAAA,CAAeR,QAAAA,CAAAA;AAEpCU,IAAAA,KAAAA,CAAMQ,SAAS,CAAC,IAAA;QACd,IAAIF,YAAAA,CAAaG,OAAO,KAAKb,KAAAA,EAAO;YAClCC,YAAAA,CAAaD,KAAAA,CAAAA;AACbU,YAAAA,YAAAA,CAAaG,OAAO,GAAGb,KAAAA;AACzB,QAAA;IACF,CAAA,EAAG;AAACA,QAAAA,KAAAA;AAAOU,QAAAA,YAAAA;AAAcT,QAAAA;AAAa,KAAA,CAAA;IAEtC,OAAOO,iBAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","sources":["../../../../../admin/src/hooks/useDebounce.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useDebounce<TValue>(value: TValue, delay: number): TValue {\n  const [debouncedValue, setDebouncedValue] = React.useState(value);\n\n  React.useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","React","useState","useEffect","handler","setTimeout","clearTimeout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEO,SAASA,WAAAA,CAAoBC,KAAa,EAAEC,KAAa,EAAA;AAC9D,IAAA,MAAM,CAACC,cAAgBC,EAAAA,iBAAAA,CAAkB,GAAGC,gBAAAA,CAAMC,QAAQ,CAACL,KAAAA,CAAAA;AAE3DI,IAAAA,gBAAAA,CAAME,SAAS,CAAC,IAAA;AACd,QAAA,MAAMC,UAAUC,UAAW,CAAA,IAAA;YACzBL,iBAAkBH,CAAAA,KAAAA,CAAAA;SACjBC,EAAAA,KAAAA,CAAAA;QAEH,OAAO,IAAA;YACLQ,YAAaF,CAAAA,OAAAA,CAAAA;AACf,SAAA;KACC,EAAA;AAACP,QAAAA,KAAAA;AAAOC,QAAAA;AAAM,KAAA,CAAA;IAEjB,OAAOC,cAAAA;AACT;;;;"}
+{"version":3,"file":"useDebounce.js","sources":["../../../../../admin/src/hooks/useDebounce.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useDebounce<TValue>(value: TValue, delay: number): TValue {\n  const [debouncedValue, setDebouncedValue] = React.useState(value);\n\n  React.useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","React","useState","useEffect","handler","setTimeout","clearTimeout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEO,SAASA,WAAAA,CAAoBC,KAAa,EAAEC,KAAa,EAAA;AAC9D,IAAA,MAAM,CAACC,cAAAA,EAAgBC,iBAAAA,CAAkB,GAAGC,gBAAAA,CAAMC,QAAQ,CAACL,KAAAA,CAAAA;AAE3DI,IAAAA,gBAAAA,CAAME,SAAS,CAAC,IAAA;AACd,QAAA,MAAMC,UAAUC,UAAAA,CAAW,IAAA;YACzBL,iBAAAA,CAAkBH,KAAAA,CAAAA;QACpB,CAAA,EAAGC,KAAAA,CAAAA;QAEH,OAAO,IAAA;YACLQ,YAAAA,CAAaF,OAAAA,CAAAA;AACf,QAAA,CAAA;IACF,CAAA,EAAG;AAACP,QAAAA,KAAAA;AAAOC,QAAAA;AAAM,KAAA,CAAA;IAEjB,OAAOC,cAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.mjs","sources":["../../../../../admin/src/hooks/useDebounce.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useDebounce<TValue>(value: TValue, delay: number): TValue {\n  const [debouncedValue, setDebouncedValue] = React.useState(value);\n\n  React.useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","React","useState","useEffect","handler","setTimeout","clearTimeout"],"mappings":";;AAEO,SAASA,WAAAA,CAAoBC,KAAa,EAAEC,KAAa,EAAA;AAC9D,IAAA,MAAM,CAACC,cAAgBC,EAAAA,iBAAAA,CAAkB,GAAGC,KAAAA,CAAMC,QAAQ,CAACL,KAAAA,CAAAA;AAE3DI,IAAAA,KAAAA,CAAME,SAAS,CAAC,IAAA;AACd,QAAA,MAAMC,UAAUC,UAAW,CAAA,IAAA;YACzBL,iBAAkBH,CAAAA,KAAAA,CAAAA;SACjBC,EAAAA,KAAAA,CAAAA;QAEH,OAAO,IAAA;YACLQ,YAAaF,CAAAA,OAAAA,CAAAA;AACf,SAAA;KACC,EAAA;AAACP,QAAAA,KAAAA;AAAOC,QAAAA;AAAM,KAAA,CAAA;IAEjB,OAAOC,cAAAA;AACT;;;;"}
+{"version":3,"file":"useDebounce.mjs","sources":["../../../../../admin/src/hooks/useDebounce.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useDebounce<TValue>(value: TValue, delay: number): TValue {\n  const [debouncedValue, setDebouncedValue] = React.useState(value);\n\n  React.useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","React","useState","useEffect","handler","setTimeout","clearTimeout"],"mappings":";;AAEO,SAASA,WAAAA,CAAoBC,KAAa,EAAEC,KAAa,EAAA;AAC9D,IAAA,MAAM,CAACC,cAAAA,EAAgBC,iBAAAA,CAAkB,GAAGC,KAAAA,CAAMC,QAAQ,CAACL,KAAAA,CAAAA;AAE3DI,IAAAA,KAAAA,CAAME,SAAS,CAAC,IAAA;AACd,QAAA,MAAMC,UAAUC,UAAAA,CAAW,IAAA;YACzBL,iBAAAA,CAAkBH,KAAAA,CAAAA;QACpB,CAAA,EAAGC,KAAAA,CAAAA;QAEH,OAAO,IAAA;YACLQ,YAAAA,CAAaF,OAAAA,CAAAA;AACf,QAAA,CAAA;IACF,CAAA,EAAG;AAACP,QAAAA,KAAAA;AAAOC,QAAAA;AAAM,KAAA,CAAA;IAEjB,OAAOC,cAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDeviceType.js","sources":["../../../../../admin/src/hooks/useDeviceType.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type DeviceType = 'mobile' | 'tablet' | 'desktop';\n\n/**\n * Hook to detect the device type used by the user\n * @returns {DeviceType} The device type\n */\nexport function useDeviceType(): DeviceType {\n  const [deviceType, setDeviceType] = React.useState<DeviceType>('desktop');\n\n  React.useEffect(() => {\n    const userAgent = navigator.userAgent.toLowerCase();\n\n    if (/mobile|iphone|ipod|android.*mobile|windows phone/.test(userAgent)) {\n      setDeviceType('mobile');\n    } else if (/ipad|tablet|android(?!.*mobile)/.test(userAgent)) {\n      setDeviceType('tablet');\n    } else {\n      setDeviceType('desktop');\n    }\n  }, []);\n\n  return deviceType;\n}\n"],"names":["useDeviceType","deviceType","setDeviceType","React","useState","useEffect","userAgent","navigator","toLowerCase","test"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA;;;AAGC,IACM,SAASA,aAAAA,GAAAA;AACd,IAAA,MAAM,CAACC,UAAYC,EAAAA,aAAAA,CAAc,GAAGC,gBAAAA,CAAMC,QAAQ,CAAa,SAAA,CAAA;AAE/DD,IAAAA,gBAAAA,CAAME,SAAS,CAAC,IAAA;AACd,QAAA,MAAMC,SAAYC,GAAAA,SAAAA,CAAUD,SAAS,CAACE,WAAW,EAAA;QAEjD,IAAI,kDAAA,CAAmDC,IAAI,CAACH,SAAY,CAAA,EAAA;YACtEJ,aAAc,CAAA,QAAA,CAAA;AAChB,SAAA,MAAO,IAAI,iCAAA,CAAkCO,IAAI,CAACH,SAAY,CAAA,EAAA;YAC5DJ,aAAc,CAAA,QAAA,CAAA;SACT,MAAA;YACLA,aAAc,CAAA,SAAA,CAAA;AAChB;AACF,KAAA,EAAG,EAAE,CAAA;IAEL,OAAOD,UAAAA;AACT;;;;"}
+{"version":3,"file":"useDeviceType.js","sources":["../../../../../admin/src/hooks/useDeviceType.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type DeviceType = 'mobile' | 'tablet' | 'desktop';\n\n/**\n * Hook to detect the device type used by the user\n * @returns {DeviceType} The device type\n */\nexport function useDeviceType(): DeviceType {\n  const [deviceType, setDeviceType] = React.useState<DeviceType>('desktop');\n\n  React.useEffect(() => {\n    const userAgent = navigator.userAgent.toLowerCase();\n\n    if (/mobile|iphone|ipod|android.*mobile|windows phone/.test(userAgent)) {\n      setDeviceType('mobile');\n    } else if (/ipad|tablet|android(?!.*mobile)/.test(userAgent)) {\n      setDeviceType('tablet');\n    } else {\n      setDeviceType('desktop');\n    }\n  }, []);\n\n  return deviceType;\n}\n"],"names":["useDeviceType","deviceType","setDeviceType","React","useState","useEffect","userAgent","navigator","toLowerCase","test"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA;;;AAGC,IACM,SAASA,aAAAA,GAAAA;AACd,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,gBAAAA,CAAMC,QAAQ,CAAa,SAAA,CAAA;AAE/DD,IAAAA,gBAAAA,CAAME,SAAS,CAAC,IAAA;AACd,QAAA,MAAMC,SAAAA,GAAYC,SAAAA,CAAUD,SAAS,CAACE,WAAW,EAAA;QAEjD,IAAI,kDAAA,CAAmDC,IAAI,CAACH,SAAAA,CAAAA,EAAY;YACtEJ,aAAAA,CAAc,QAAA,CAAA;AAChB,QAAA,CAAA,MAAO,IAAI,iCAAA,CAAkCO,IAAI,CAACH,SAAAA,CAAAA,EAAY;YAC5DJ,aAAAA,CAAc,QAAA,CAAA;QAChB,CAAA,MAAO;YACLA,aAAAA,CAAc,SAAA,CAAA;AAChB,QAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,OAAOD,UAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDeviceType.mjs","sources":["../../../../../admin/src/hooks/useDeviceType.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type DeviceType = 'mobile' | 'tablet' | 'desktop';\n\n/**\n * Hook to detect the device type used by the user\n * @returns {DeviceType} The device type\n */\nexport function useDeviceType(): DeviceType {\n  const [deviceType, setDeviceType] = React.useState<DeviceType>('desktop');\n\n  React.useEffect(() => {\n    const userAgent = navigator.userAgent.toLowerCase();\n\n    if (/mobile|iphone|ipod|android.*mobile|windows phone/.test(userAgent)) {\n      setDeviceType('mobile');\n    } else if (/ipad|tablet|android(?!.*mobile)/.test(userAgent)) {\n      setDeviceType('tablet');\n    } else {\n      setDeviceType('desktop');\n    }\n  }, []);\n\n  return deviceType;\n}\n"],"names":["useDeviceType","deviceType","setDeviceType","React","useState","useEffect","userAgent","navigator","toLowerCase","test"],"mappings":";;AAIA;;;AAGC,IACM,SAASA,aAAAA,GAAAA;AACd,IAAA,MAAM,CAACC,UAAYC,EAAAA,aAAAA,CAAc,GAAGC,KAAAA,CAAMC,QAAQ,CAAa,SAAA,CAAA;AAE/DD,IAAAA,KAAAA,CAAME,SAAS,CAAC,IAAA;AACd,QAAA,MAAMC,SAAYC,GAAAA,SAAAA,CAAUD,SAAS,CAACE,WAAW,EAAA;QAEjD,IAAI,kDAAA,CAAmDC,IAAI,CAACH,SAAY,CAAA,EAAA;YACtEJ,aAAc,CAAA,QAAA,CAAA;AAChB,SAAA,MAAO,IAAI,iCAAA,CAAkCO,IAAI,CAACH,SAAY,CAAA,EAAA;YAC5DJ,aAAc,CAAA,QAAA,CAAA;SACT,MAAA;YACLA,aAAc,CAAA,SAAA,CAAA;AAChB;AACF,KAAA,EAAG,EAAE,CAAA;IAEL,OAAOD,UAAAA;AACT;;;;"}
+{"version":3,"file":"useDeviceType.mjs","sources":["../../../../../admin/src/hooks/useDeviceType.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type DeviceType = 'mobile' | 'tablet' | 'desktop';\n\n/**\n * Hook to detect the device type used by the user\n * @returns {DeviceType} The device type\n */\nexport function useDeviceType(): DeviceType {\n  const [deviceType, setDeviceType] = React.useState<DeviceType>('desktop');\n\n  React.useEffect(() => {\n    const userAgent = navigator.userAgent.toLowerCase();\n\n    if (/mobile|iphone|ipod|android.*mobile|windows phone/.test(userAgent)) {\n      setDeviceType('mobile');\n    } else if (/ipad|tablet|android(?!.*mobile)/.test(userAgent)) {\n      setDeviceType('tablet');\n    } else {\n      setDeviceType('desktop');\n    }\n  }, []);\n\n  return deviceType;\n}\n"],"names":["useDeviceType","deviceType","setDeviceType","React","useState","useEffect","userAgent","navigator","toLowerCase","test"],"mappings":";;AAIA;;;AAGC,IACM,SAASA,aAAAA,GAAAA;AACd,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,KAAAA,CAAMC,QAAQ,CAAa,SAAA,CAAA;AAE/DD,IAAAA,KAAAA,CAAME,SAAS,CAAC,IAAA;AACd,QAAA,MAAMC,SAAAA,GAAYC,SAAAA,CAAUD,SAAS,CAACE,WAAW,EAAA;QAEjD,IAAI,kDAAA,CAAmDC,IAAI,CAACH,SAAAA,CAAAA,EAAY;YACtEJ,aAAAA,CAAc,QAAA,CAAA;AAChB,QAAA,CAAA,MAAO,IAAI,iCAAA,CAAkCO,IAAI,CAACH,SAAAA,CAAAA,EAAY;YAC5DJ,aAAAA,CAAc,QAAA,CAAA;QAChB,CAAA,MAAO;YACLA,aAAAA,CAAc,SAAA,CAAA;AAChB,QAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,OAAOD,UAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useElementOnScreen.js","sources":["../../../../../admin/src/hooks/useElementOnScreen.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Hook that returns a ref to an element and a boolean indicating if the element is in the viewport\n * or in the element specified in `options.root`.\n */\nconst useElementOnScreen = <TElement extends HTMLElement = HTMLElement>(\n  onVisiblityChange: (isVisible: boolean) => void,\n  options?: IntersectionObserverInit\n): React.RefObject<TElement> => {\n  const containerRef = React.useRef<TElement>(null);\n\n  React.useEffect(() => {\n    const containerEl = containerRef.current;\n    const observer = new IntersectionObserver(([entry]) => {\n      onVisiblityChange(entry.isIntersecting);\n    }, options);\n\n    if (containerEl) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => {\n      if (containerEl) {\n        observer.disconnect();\n      }\n    };\n  }, [containerRef, options, onVisiblityChange]);\n\n  return containerRef;\n};\n\nexport { useElementOnScreen };\n"],"names":["useElementOnScreen","onVisiblityChange","options","containerRef","React","useRef","useEffect","containerEl","current","observer","IntersectionObserver","entry","isIntersecting","observe","disconnect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;;IAIA,MAAMA,kBAAqB,GAAA,CACzBC,iBACAC,EAAAA,OAAAA,GAAAA;IAEA,MAAMC,YAAAA,GAAeC,gBAAMC,CAAAA,MAAM,CAAW,IAAA,CAAA;AAE5CD,IAAAA,gBAAAA,CAAME,SAAS,CAAC,IAAA;QACd,MAAMC,WAAAA,GAAcJ,aAAaK,OAAO;AACxC,QAAA,MAAMC,QAAW,GAAA,IAAIC,oBAAqB,CAAA,CAAC,CAACC,KAAM,CAAA,GAAA;AAChDV,YAAAA,iBAAAA,CAAkBU,MAAMC,cAAc,CAAA;SACrCV,EAAAA,OAAAA,CAAAA;AAEH,QAAA,IAAIK,WAAa,EAAA;YACfE,QAASI,CAAAA,OAAO,CAACV,YAAAA,CAAaK,OAAO,CAAA;AACvC;QAEA,OAAO,IAAA;AACL,YAAA,IAAID,WAAa,EAAA;AACfE,gBAAAA,QAAAA,CAASK,UAAU,EAAA;AACrB;AACF,SAAA;KACC,EAAA;AAACX,QAAAA,YAAAA;AAAcD,QAAAA,OAAAA;AAASD,QAAAA;AAAkB,KAAA,CAAA;IAE7C,OAAOE,YAAAA;AACT;;;;"}
+{"version":3,"file":"useElementOnScreen.js","sources":["../../../../../admin/src/hooks/useElementOnScreen.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Hook that returns a ref to an element and a boolean indicating if the element is in the viewport\n * or in the element specified in `options.root`.\n */\nconst useElementOnScreen = <TElement extends HTMLElement = HTMLElement>(\n  onVisiblityChange: (isVisible: boolean) => void,\n  options?: IntersectionObserverInit\n): React.RefObject<TElement> => {\n  const containerRef = React.useRef<TElement>(null);\n\n  React.useEffect(() => {\n    const containerEl = containerRef.current;\n    const observer = new IntersectionObserver(([entry]) => {\n      onVisiblityChange(entry.isIntersecting);\n    }, options);\n\n    if (containerEl) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => {\n      if (containerEl) {\n        observer.disconnect();\n      }\n    };\n  }, [containerRef, options, onVisiblityChange]);\n\n  return containerRef;\n};\n\nexport { useElementOnScreen };\n"],"names":["useElementOnScreen","onVisiblityChange","options","containerRef","React","useRef","useEffect","containerEl","current","observer","IntersectionObserver","entry","isIntersecting","observe","disconnect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;;IAIA,MAAMA,kBAAAA,GAAqB,CACzBC,iBAAAA,EACAC,OAAAA,GAAAA;IAEA,MAAMC,YAAAA,GAAeC,gBAAAA,CAAMC,MAAM,CAAW,IAAA,CAAA;AAE5CD,IAAAA,gBAAAA,CAAME,SAAS,CAAC,IAAA;QACd,MAAMC,WAAAA,GAAcJ,aAAaK,OAAO;AACxC,QAAA,MAAMC,QAAAA,GAAW,IAAIC,oBAAAA,CAAqB,CAAC,CAACC,KAAAA,CAAM,GAAA;AAChDV,YAAAA,iBAAAA,CAAkBU,MAAMC,cAAc,CAAA;QACxC,CAAA,EAAGV,OAAAA,CAAAA;AAEH,QAAA,IAAIK,WAAAA,EAAa;YACfE,QAAAA,CAASI,OAAO,CAACV,YAAAA,CAAaK,OAAO,CAAA;AACvC,QAAA;QAEA,OAAO,IAAA;AACL,YAAA,IAAID,WAAAA,EAAa;AACfE,gBAAAA,QAAAA,CAASK,UAAU,EAAA;AACrB,YAAA;AACF,QAAA,CAAA;IACF,CAAA,EAAG;AAACX,QAAAA,YAAAA;AAAcD,QAAAA,OAAAA;AAASD,QAAAA;AAAkB,KAAA,CAAA;IAE7C,OAAOE,YAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useElementOnScreen.mjs","sources":["../../../../../admin/src/hooks/useElementOnScreen.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Hook that returns a ref to an element and a boolean indicating if the element is in the viewport\n * or in the element specified in `options.root`.\n */\nconst useElementOnScreen = <TElement extends HTMLElement = HTMLElement>(\n  onVisiblityChange: (isVisible: boolean) => void,\n  options?: IntersectionObserverInit\n): React.RefObject<TElement> => {\n  const containerRef = React.useRef<TElement>(null);\n\n  React.useEffect(() => {\n    const containerEl = containerRef.current;\n    const observer = new IntersectionObserver(([entry]) => {\n      onVisiblityChange(entry.isIntersecting);\n    }, options);\n\n    if (containerEl) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => {\n      if (containerEl) {\n        observer.disconnect();\n      }\n    };\n  }, [containerRef, options, onVisiblityChange]);\n\n  return containerRef;\n};\n\nexport { useElementOnScreen };\n"],"names":["useElementOnScreen","onVisiblityChange","options","containerRef","React","useRef","useEffect","containerEl","current","observer","IntersectionObserver","entry","isIntersecting","observe","disconnect"],"mappings":";;AAEA;;;IAIA,MAAMA,kBAAqB,GAAA,CACzBC,iBACAC,EAAAA,OAAAA,GAAAA;IAEA,MAAMC,YAAAA,GAAeC,KAAMC,CAAAA,MAAM,CAAW,IAAA,CAAA;AAE5CD,IAAAA,KAAAA,CAAME,SAAS,CAAC,IAAA;QACd,MAAMC,WAAAA,GAAcJ,aAAaK,OAAO;AACxC,QAAA,MAAMC,QAAW,GAAA,IAAIC,oBAAqB,CAAA,CAAC,CAACC,KAAM,CAAA,GAAA;AAChDV,YAAAA,iBAAAA,CAAkBU,MAAMC,cAAc,CAAA;SACrCV,EAAAA,OAAAA,CAAAA;AAEH,QAAA,IAAIK,WAAa,EAAA;YACfE,QAASI,CAAAA,OAAO,CAACV,YAAAA,CAAaK,OAAO,CAAA;AACvC;QAEA,OAAO,IAAA;AACL,YAAA,IAAID,WAAa,EAAA;AACfE,gBAAAA,QAAAA,CAASK,UAAU,EAAA;AACrB;AACF,SAAA;KACC,EAAA;AAACX,QAAAA,YAAAA;AAAcD,QAAAA,OAAAA;AAASD,QAAAA;AAAkB,KAAA,CAAA;IAE7C,OAAOE,YAAAA;AACT;;;;"}
+{"version":3,"file":"useElementOnScreen.mjs","sources":["../../../../../admin/src/hooks/useElementOnScreen.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Hook that returns a ref to an element and a boolean indicating if the element is in the viewport\n * or in the element specified in `options.root`.\n */\nconst useElementOnScreen = <TElement extends HTMLElement = HTMLElement>(\n  onVisiblityChange: (isVisible: boolean) => void,\n  options?: IntersectionObserverInit\n): React.RefObject<TElement> => {\n  const containerRef = React.useRef<TElement>(null);\n\n  React.useEffect(() => {\n    const containerEl = containerRef.current;\n    const observer = new IntersectionObserver(([entry]) => {\n      onVisiblityChange(entry.isIntersecting);\n    }, options);\n\n    if (containerEl) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => {\n      if (containerEl) {\n        observer.disconnect();\n      }\n    };\n  }, [containerRef, options, onVisiblityChange]);\n\n  return containerRef;\n};\n\nexport { useElementOnScreen };\n"],"names":["useElementOnScreen","onVisiblityChange","options","containerRef","React","useRef","useEffect","containerEl","current","observer","IntersectionObserver","entry","isIntersecting","observe","disconnect"],"mappings":";;AAEA;;;IAIA,MAAMA,kBAAAA,GAAqB,CACzBC,iBAAAA,EACAC,OAAAA,GAAAA;IAEA,MAAMC,YAAAA,GAAeC,KAAAA,CAAMC,MAAM,CAAW,IAAA,CAAA;AAE5CD,IAAAA,KAAAA,CAAME,SAAS,CAAC,IAAA;QACd,MAAMC,WAAAA,GAAcJ,aAAaK,OAAO;AACxC,QAAA,MAAMC,QAAAA,GAAW,IAAIC,oBAAAA,CAAqB,CAAC,CAACC,KAAAA,CAAM,GAAA;AAChDV,YAAAA,iBAAAA,CAAkBU,MAAMC,cAAc,CAAA;QACxC,CAAA,EAAGV,OAAAA,CAAAA;AAEH,QAAA,IAAIK,WAAAA,EAAa;YACfE,QAAAA,CAASI,OAAO,CAACV,YAAAA,CAAaK,OAAO,CAAA;AACvC,QAAA;QAEA,OAAO,IAAA;AACL,YAAA,IAAID,WAAAA,EAAa;AACfE,gBAAAA,QAAAA,CAASK,UAAU,EAAA;AACrB,YAAA;AACF,QAAA,CAAA;IACF,CAAA,EAAG;AAACX,QAAAA,YAAAA;AAAcD,QAAAA,OAAAA;AAASD,QAAAA;AAAkB,KAAA,CAAA;IAE7C,OAAOE,YAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useEnterprise.js","sources":["../../../../../admin/src/hooks/useEnterprise.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCallbackRef } from '@strapi/design-system';\n\nfunction isEnterprise() {\n  return window.strapi.isEE;\n}\n\nexport interface UseEnterpriseOptions<TCEData, TEEData, TDefaultValue, TCombinedValue> {\n  defaultValue?: TDefaultValue;\n  combine?: (ceData: TCEData, eeData: TEEData) => TCombinedValue;\n  enabled?: boolean;\n}\n\ntype UseEnterpriseReturn<TCEData, TEEData, TDefaultValue, TCombinedValue> =\n  TDefaultValue extends null\n    ? TCEData | TEEData | TCombinedValue | null\n    : TCEData | TEEData | TCombinedValue | TDefaultValue;\n\nexport const useEnterprise = <\n  TCEData,\n  TEEData = TCEData,\n  TCombinedValue = TEEData,\n  TDefaultValue = TCEData,\n>(\n  ceData: TCEData,\n  eeCallback: () => Promise<TEEData>,\n  opts: UseEnterpriseOptions<TCEData, TEEData, TDefaultValue, TCombinedValue> = {}\n): UseEnterpriseReturn<TCEData, TEEData, TDefaultValue, TCombinedValue> => {\n  const { defaultValue = null, combine = (_ceData, eeData) => eeData, enabled = true } = opts;\n  const eeCallbackRef = useCallbackRef(eeCallback);\n  const combineCallbackRef = useCallbackRef(combine);\n\n  // We have to use a nested object here, because functions (e.g. Components)\n  // can not be stored as value directly\n  const [{ data }, setData] = React.useState<{\n    data: TCEData | TEEData | TDefaultValue | TCombinedValue | null;\n  }>({\n    data: isEnterprise() && enabled ? defaultValue : ceData,\n  });\n\n  React.useEffect(() => {\n    async function importEE() {\n      const eeData = await eeCallbackRef();\n      const combinedValue = combineCallbackRef(ceData, eeData);\n\n      setData({ data: combinedValue ? combinedValue : eeData });\n    }\n\n    if (isEnterprise() && enabled) {\n      importEE();\n    }\n  }, [ceData, eeCallbackRef, combineCallbackRef, enabled]);\n\n  // @ts-expect-error – the hook type assertion works in practice. But seems to have issues here...\n  return data;\n};\n"],"names":["isEnterprise","window","strapi","isEE","useEnterprise","ceData","eeCallback","opts","defaultValue","combine","_ceData","eeData","enabled","eeCallbackRef","useCallbackRef","combineCallbackRef","data","setData","React","useState","useEffect","importEE","combinedValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAASA,YAAAA,GAAAA;IACP,OAAOC,MAAAA,CAAOC,MAAM,CAACC,IAAI;AAC3B;MAaaC,aAAgB,GAAA,CAM3BC,QACAC,UACAC,EAAAA,IAAAA,GAA8E,EAAE,GAAA;AAEhF,IAAA,MAAM,EAAEC,YAAAA,GAAe,IAAI,EAAEC,OAAU,GAAA,CAACC,OAASC,EAAAA,MAAAA,GAAWA,MAAM,EAAEC,OAAU,GAAA,IAAI,EAAE,GAAGL,IAAAA;AACvF,IAAA,MAAMM,gBAAgBC,2BAAeR,CAAAA,UAAAA,CAAAA;AACrC,IAAA,MAAMS,qBAAqBD,2BAAeL,CAAAA,OAAAA,CAAAA;;;IAI1C,MAAM,CAAC,EAAEO,IAAI,EAAE,EAAEC,OAAQ,CAAA,GAAGC,gBAAMC,CAAAA,QAAQ,CAEvC;QACDH,IAAMhB,EAAAA,YAAAA,EAAAA,IAAkBY,UAAUJ,YAAeH,GAAAA;AACnD,KAAA,CAAA;AAEAa,IAAAA,gBAAAA,CAAME,SAAS,CAAC,IAAA;QACd,eAAeC,QAAAA,GAAAA;AACb,YAAA,MAAMV,SAAS,MAAME,aAAAA,EAAAA;YACrB,MAAMS,aAAAA,GAAgBP,mBAAmBV,MAAQM,EAAAA,MAAAA,CAAAA;YAEjDM,OAAQ,CAAA;AAAED,gBAAAA,IAAAA,EAAMM,gBAAgBA,aAAgBX,GAAAA;AAAO,aAAA,CAAA;AACzD;AAEA,QAAA,IAAIX,kBAAkBY,OAAS,EAAA;AAC7BS,YAAAA,QAAAA,EAAAA;AACF;KACC,EAAA;AAAChB,QAAAA,MAAAA;AAAQQ,QAAAA,aAAAA;AAAeE,QAAAA,kBAAAA;AAAoBH,QAAAA;AAAQ,KAAA,CAAA;;IAGvD,OAAOI,IAAAA;AACT;;;;"}
+{"version":3,"file":"useEnterprise.js","sources":["../../../../../admin/src/hooks/useEnterprise.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCallbackRef } from '@strapi/design-system';\n\nfunction isEnterprise() {\n  return window.strapi.isEE;\n}\n\nexport interface UseEnterpriseOptions<TCEData, TEEData, TDefaultValue, TCombinedValue> {\n  defaultValue?: TDefaultValue;\n  combine?: (ceData: TCEData, eeData: TEEData) => TCombinedValue;\n  enabled?: boolean;\n}\n\ntype UseEnterpriseReturn<TCEData, TEEData, TDefaultValue, TCombinedValue> =\n  TDefaultValue extends null\n    ? TCEData | TEEData | TCombinedValue | null\n    : TCEData | TEEData | TCombinedValue | TDefaultValue;\n\nexport const useEnterprise = <\n  TCEData,\n  TEEData = TCEData,\n  TCombinedValue = TEEData,\n  TDefaultValue = TCEData,\n>(\n  ceData: TCEData,\n  eeCallback: () => Promise<TEEData>,\n  opts: UseEnterpriseOptions<TCEData, TEEData, TDefaultValue, TCombinedValue> = {}\n): UseEnterpriseReturn<TCEData, TEEData, TDefaultValue, TCombinedValue> => {\n  const { defaultValue = null, combine = (_ceData, eeData) => eeData, enabled = true } = opts;\n  const eeCallbackRef = useCallbackRef(eeCallback);\n  const combineCallbackRef = useCallbackRef(combine);\n\n  // We have to use a nested object here, because functions (e.g. Components)\n  // can not be stored as value directly\n  const [{ data }, setData] = React.useState<{\n    data: TCEData | TEEData | TDefaultValue | TCombinedValue | null;\n  }>({\n    data: isEnterprise() && enabled ? defaultValue : ceData,\n  });\n\n  React.useEffect(() => {\n    async function importEE() {\n      const eeData = await eeCallbackRef();\n      const combinedValue = combineCallbackRef(ceData, eeData);\n\n      setData({ data: combinedValue ? combinedValue : eeData });\n    }\n\n    if (isEnterprise() && enabled) {\n      importEE();\n    }\n  }, [ceData, eeCallbackRef, combineCallbackRef, enabled]);\n\n  // @ts-expect-error – the hook type assertion works in practice. But seems to have issues here...\n  return data;\n};\n"],"names":["isEnterprise","window","strapi","isEE","useEnterprise","ceData","eeCallback","opts","defaultValue","combine","_ceData","eeData","enabled","eeCallbackRef","useCallbackRef","combineCallbackRef","data","setData","React","useState","useEffect","importEE","combinedValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAASA,YAAAA,GAAAA;IACP,OAAOC,MAAAA,CAAOC,MAAM,CAACC,IAAI;AAC3B;MAaaC,aAAAA,GAAgB,CAM3BC,QACAC,UAAAA,EACAC,IAAAA,GAA8E,EAAE,GAAA;AAEhF,IAAA,MAAM,EAAEC,YAAAA,GAAe,IAAI,EAAEC,OAAAA,GAAU,CAACC,OAAAA,EAASC,MAAAA,GAAWA,MAAM,EAAEC,OAAAA,GAAU,IAAI,EAAE,GAAGL,IAAAA;AACvF,IAAA,MAAMM,gBAAgBC,2BAAAA,CAAeR,UAAAA,CAAAA;AACrC,IAAA,MAAMS,qBAAqBD,2BAAAA,CAAeL,OAAAA,CAAAA;;;IAI1C,MAAM,CAAC,EAAEO,IAAI,EAAE,EAAEC,OAAAA,CAAQ,GAAGC,gBAAAA,CAAMC,QAAQ,CAEvC;QACDH,IAAAA,EAAMhB,YAAAA,EAAAA,IAAkBY,UAAUJ,YAAAA,GAAeH;AACnD,KAAA,CAAA;AAEAa,IAAAA,gBAAAA,CAAME,SAAS,CAAC,IAAA;QACd,eAAeC,QAAAA,GAAAA;AACb,YAAA,MAAMV,SAAS,MAAME,aAAAA,EAAAA;YACrB,MAAMS,aAAAA,GAAgBP,mBAAmBV,MAAAA,EAAQM,MAAAA,CAAAA;YAEjDM,OAAAA,CAAQ;AAAED,gBAAAA,IAAAA,EAAMM,gBAAgBA,aAAAA,GAAgBX;AAAO,aAAA,CAAA;AACzD,QAAA;AAEA,QAAA,IAAIX,kBAAkBY,OAAAA,EAAS;AAC7BS,YAAAA,QAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;AAAChB,QAAAA,MAAAA;AAAQQ,QAAAA,aAAAA;AAAeE,QAAAA,kBAAAA;AAAoBH,QAAAA;AAAQ,KAAA,CAAA;;IAGvD,OAAOI,IAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useEnterprise.mjs","sources":["../../../../../admin/src/hooks/useEnterprise.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCallbackRef } from '@strapi/design-system';\n\nfunction isEnterprise() {\n  return window.strapi.isEE;\n}\n\nexport interface UseEnterpriseOptions<TCEData, TEEData, TDefaultValue, TCombinedValue> {\n  defaultValue?: TDefaultValue;\n  combine?: (ceData: TCEData, eeData: TEEData) => TCombinedValue;\n  enabled?: boolean;\n}\n\ntype UseEnterpriseReturn<TCEData, TEEData, TDefaultValue, TCombinedValue> =\n  TDefaultValue extends null\n    ? TCEData | TEEData | TCombinedValue | null\n    : TCEData | TEEData | TCombinedValue | TDefaultValue;\n\nexport const useEnterprise = <\n  TCEData,\n  TEEData = TCEData,\n  TCombinedValue = TEEData,\n  TDefaultValue = TCEData,\n>(\n  ceData: TCEData,\n  eeCallback: () => Promise<TEEData>,\n  opts: UseEnterpriseOptions<TCEData, TEEData, TDefaultValue, TCombinedValue> = {}\n): UseEnterpriseReturn<TCEData, TEEData, TDefaultValue, TCombinedValue> => {\n  const { defaultValue = null, combine = (_ceData, eeData) => eeData, enabled = true } = opts;\n  const eeCallbackRef = useCallbackRef(eeCallback);\n  const combineCallbackRef = useCallbackRef(combine);\n\n  // We have to use a nested object here, because functions (e.g. Components)\n  // can not be stored as value directly\n  const [{ data }, setData] = React.useState<{\n    data: TCEData | TEEData | TDefaultValue | TCombinedValue | null;\n  }>({\n    data: isEnterprise() && enabled ? defaultValue : ceData,\n  });\n\n  React.useEffect(() => {\n    async function importEE() {\n      const eeData = await eeCallbackRef();\n      const combinedValue = combineCallbackRef(ceData, eeData);\n\n      setData({ data: combinedValue ? combinedValue : eeData });\n    }\n\n    if (isEnterprise() && enabled) {\n      importEE();\n    }\n  }, [ceData, eeCallbackRef, combineCallbackRef, enabled]);\n\n  // @ts-expect-error – the hook type assertion works in practice. But seems to have issues here...\n  return data;\n};\n"],"names":["isEnterprise","window","strapi","isEE","useEnterprise","ceData","eeCallback","opts","defaultValue","combine","_ceData","eeData","enabled","eeCallbackRef","useCallbackRef","combineCallbackRef","data","setData","React","useState","useEffect","importEE","combinedValue"],"mappings":";;;AAIA,SAASA,YAAAA,GAAAA;IACP,OAAOC,MAAAA,CAAOC,MAAM,CAACC,IAAI;AAC3B;MAaaC,aAAgB,GAAA,CAM3BC,QACAC,UACAC,EAAAA,IAAAA,GAA8E,EAAE,GAAA;AAEhF,IAAA,MAAM,EAAEC,YAAAA,GAAe,IAAI,EAAEC,OAAU,GAAA,CAACC,OAASC,EAAAA,MAAAA,GAAWA,MAAM,EAAEC,OAAU,GAAA,IAAI,EAAE,GAAGL,IAAAA;AACvF,IAAA,MAAMM,gBAAgBC,cAAeR,CAAAA,UAAAA,CAAAA;AACrC,IAAA,MAAMS,qBAAqBD,cAAeL,CAAAA,OAAAA,CAAAA;;;IAI1C,MAAM,CAAC,EAAEO,IAAI,EAAE,EAAEC,OAAQ,CAAA,GAAGC,KAAMC,CAAAA,QAAQ,CAEvC;QACDH,IAAMhB,EAAAA,YAAAA,EAAAA,IAAkBY,UAAUJ,YAAeH,GAAAA;AACnD,KAAA,CAAA;AAEAa,IAAAA,KAAAA,CAAME,SAAS,CAAC,IAAA;QACd,eAAeC,QAAAA,GAAAA;AACb,YAAA,MAAMV,SAAS,MAAME,aAAAA,EAAAA;YACrB,MAAMS,aAAAA,GAAgBP,mBAAmBV,MAAQM,EAAAA,MAAAA,CAAAA;YAEjDM,OAAQ,CAAA;AAAED,gBAAAA,IAAAA,EAAMM,gBAAgBA,aAAgBX,GAAAA;AAAO,aAAA,CAAA;AACzD;AAEA,QAAA,IAAIX,kBAAkBY,OAAS,EAAA;AAC7BS,YAAAA,QAAAA,EAAAA;AACF;KACC,EAAA;AAAChB,QAAAA,MAAAA;AAAQQ,QAAAA,aAAAA;AAAeE,QAAAA,kBAAAA;AAAoBH,QAAAA;AAAQ,KAAA,CAAA;;IAGvD,OAAOI,IAAAA;AACT;;;;"}
+{"version":3,"file":"useEnterprise.mjs","sources":["../../../../../admin/src/hooks/useEnterprise.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useCallbackRef } from '@strapi/design-system';\n\nfunction isEnterprise() {\n  return window.strapi.isEE;\n}\n\nexport interface UseEnterpriseOptions<TCEData, TEEData, TDefaultValue, TCombinedValue> {\n  defaultValue?: TDefaultValue;\n  combine?: (ceData: TCEData, eeData: TEEData) => TCombinedValue;\n  enabled?: boolean;\n}\n\ntype UseEnterpriseReturn<TCEData, TEEData, TDefaultValue, TCombinedValue> =\n  TDefaultValue extends null\n    ? TCEData | TEEData | TCombinedValue | null\n    : TCEData | TEEData | TCombinedValue | TDefaultValue;\n\nexport const useEnterprise = <\n  TCEData,\n  TEEData = TCEData,\n  TCombinedValue = TEEData,\n  TDefaultValue = TCEData,\n>(\n  ceData: TCEData,\n  eeCallback: () => Promise<TEEData>,\n  opts: UseEnterpriseOptions<TCEData, TEEData, TDefaultValue, TCombinedValue> = {}\n): UseEnterpriseReturn<TCEData, TEEData, TDefaultValue, TCombinedValue> => {\n  const { defaultValue = null, combine = (_ceData, eeData) => eeData, enabled = true } = opts;\n  const eeCallbackRef = useCallbackRef(eeCallback);\n  const combineCallbackRef = useCallbackRef(combine);\n\n  // We have to use a nested object here, because functions (e.g. Components)\n  // can not be stored as value directly\n  const [{ data }, setData] = React.useState<{\n    data: TCEData | TEEData | TDefaultValue | TCombinedValue | null;\n  }>({\n    data: isEnterprise() && enabled ? defaultValue : ceData,\n  });\n\n  React.useEffect(() => {\n    async function importEE() {\n      const eeData = await eeCallbackRef();\n      const combinedValue = combineCallbackRef(ceData, eeData);\n\n      setData({ data: combinedValue ? combinedValue : eeData });\n    }\n\n    if (isEnterprise() && enabled) {\n      importEE();\n    }\n  }, [ceData, eeCallbackRef, combineCallbackRef, enabled]);\n\n  // @ts-expect-error – the hook type assertion works in practice. But seems to have issues here...\n  return data;\n};\n"],"names":["isEnterprise","window","strapi","isEE","useEnterprise","ceData","eeCallback","opts","defaultValue","combine","_ceData","eeData","enabled","eeCallbackRef","useCallbackRef","combineCallbackRef","data","setData","React","useState","useEffect","importEE","combinedValue"],"mappings":";;;AAIA,SAASA,YAAAA,GAAAA;IACP,OAAOC,MAAAA,CAAOC,MAAM,CAACC,IAAI;AAC3B;MAaaC,aAAAA,GAAgB,CAM3BC,QACAC,UAAAA,EACAC,IAAAA,GAA8E,EAAE,GAAA;AAEhF,IAAA,MAAM,EAAEC,YAAAA,GAAe,IAAI,EAAEC,OAAAA,GAAU,CAACC,OAAAA,EAASC,MAAAA,GAAWA,MAAM,EAAEC,OAAAA,GAAU,IAAI,EAAE,GAAGL,IAAAA;AACvF,IAAA,MAAMM,gBAAgBC,cAAAA,CAAeR,UAAAA,CAAAA;AACrC,IAAA,MAAMS,qBAAqBD,cAAAA,CAAeL,OAAAA,CAAAA;;;IAI1C,MAAM,CAAC,EAAEO,IAAI,EAAE,EAAEC,OAAAA,CAAQ,GAAGC,KAAAA,CAAMC,QAAQ,CAEvC;QACDH,IAAAA,EAAMhB,YAAAA,EAAAA,IAAkBY,UAAUJ,YAAAA,GAAeH;AACnD,KAAA,CAAA;AAEAa,IAAAA,KAAAA,CAAME,SAAS,CAAC,IAAA;QACd,eAAeC,QAAAA,GAAAA;AACb,YAAA,MAAMV,SAAS,MAAME,aAAAA,EAAAA;YACrB,MAAMS,aAAAA,GAAgBP,mBAAmBV,MAAAA,EAAQM,MAAAA,CAAAA;YAEjDM,OAAAA,CAAQ;AAAED,gBAAAA,IAAAA,EAAMM,gBAAgBA,aAAAA,GAAgBX;AAAO,aAAA,CAAA;AACzD,QAAA;AAEA,QAAA,IAAIX,kBAAkBY,OAAAA,EAAS;AAC7BS,YAAAA,QAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;AAAChB,QAAAA,MAAAA;AAAQQ,QAAAA,aAAAA;AAAeE,QAAAA,kBAAAA;AAAoBH,QAAAA;AAAQ,KAAA,CAAA;;IAGvD,OAAOI,IAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFetchClient.js","sources":["../../../../../admin/src/hooks/useFetchClient.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { getFetchClient } from '../utils/getFetchClient';\n\n/**\n * @public\n * @description This is an abstraction around the native fetch exposed by a hook. It provides a simple interface to handle API calls\n * to the Strapi backend.\n * It handles request cancellations inside the hook with an {@link https://developer.mozilla.org/en-US/docs/Web/API/AbortController} AbortController.\n * This is typically triggered when the component is unmounted so all the requests that it is currently making are aborted.\n * The expected URL style includes either a protocol (such as HTTP or HTTPS) or a relative URL. The URLs with domain and path but not protocol are not allowed (ex: `www.example.com`).\n * @example\n * ```tsx\n * import * as React from 'react';\n * import { useFetchClient } from '@strapi/admin/admin';\n *\n * const MyComponent = () => {\n *   const [items, setItems] = React.useState([]);\n *   const { get } = useFetchClient();\n *   const requestURL = \"/some-endpoint\";\n *\n *   const handleGetData = async () => {\n *     const { data } = await get(requestURL);\n *     setItems(data.items);\n *   };\n *\n *   return (\n *    <div>\n *      <div>\n *       {\n *         items && items.map(item => <h2 key={item.uuid}>{item.name}</h2>))\n *       }\n *     </div>\n *    </div>\n *   );\n * };\n * ```\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/AbortController} AbortController.\n */\nconst useFetchClient = () => {\n  const controller = React.useRef<AbortController | null>(null);\n\n  if (controller.current === null) {\n    controller.current = new AbortController();\n  }\n\n  React.useEffect(() => {\n    return () => {\n      controller.current!.abort();\n    };\n  }, []);\n\n  return React.useMemo(\n    () =>\n      getFetchClient({\n        signal: controller.current!.signal,\n      }),\n    []\n  );\n};\n\nexport { useFetchClient };\n"],"names":["useFetchClient","controller","React","useRef","current","AbortController","useEffect","abort","useMemo","getFetchClient","signal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UACKA,cAAiB,GAAA,IAAA;IACrB,MAAMC,UAAAA,GAAaC,gBAAMC,CAAAA,MAAM,CAAyB,IAAA,CAAA;IAExD,IAAIF,UAAAA,CAAWG,OAAO,KAAK,IAAM,EAAA;QAC/BH,UAAWG,CAAAA,OAAO,GAAG,IAAIC,eAAAA,EAAAA;AAC3B;AAEAH,IAAAA,gBAAAA,CAAMI,SAAS,CAAC,IAAA;QACd,OAAO,IAAA;YACLL,UAAWG,CAAAA,OAAO,CAAEG,KAAK,EAAA;AAC3B,SAAA;AACF,KAAA,EAAG,EAAE,CAAA;AAEL,IAAA,OAAOL,gBAAMM,CAAAA,OAAO,CAClB,IACEC,6BAAe,CAAA;YACbC,MAAQT,EAAAA,UAAAA,CAAWG,OAAO,CAAEM;AAC9B,SAAA,CAAA,EACF,EAAE,CAAA;AAEN;;;;"}
+{"version":3,"file":"useFetchClient.js","sources":["../../../../../admin/src/hooks/useFetchClient.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { getFetchClient } from '../utils/getFetchClient';\n\n/**\n * @public\n * @description This is an abstraction around the native fetch exposed by a hook. It provides a simple interface to handle API calls\n * to the Strapi backend.\n * It handles request cancellations inside the hook with an {@link https://developer.mozilla.org/en-US/docs/Web/API/AbortController} AbortController.\n * This is typically triggered when the component is unmounted so all the requests that it is currently making are aborted.\n * The expected URL style includes either a protocol (such as HTTP or HTTPS) or a relative URL. The URLs with domain and path but not protocol are not allowed (ex: `www.example.com`).\n * @example\n * ```tsx\n * import * as React from 'react';\n * import { useFetchClient } from '@strapi/admin/admin';\n *\n * const MyComponent = () => {\n *   const [items, setItems] = React.useState([]);\n *   const { get } = useFetchClient();\n *   const requestURL = \"/some-endpoint\";\n *\n *   const handleGetData = async () => {\n *     const { data } = await get(requestURL);\n *     setItems(data.items);\n *   };\n *\n *   return (\n *    <div>\n *      <div>\n *       {\n *         items && items.map(item => <h2 key={item.uuid}>{item.name}</h2>))\n *       }\n *     </div>\n *    </div>\n *   );\n * };\n * ```\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/AbortController} AbortController.\n */\nconst useFetchClient = () => {\n  const controller = React.useRef<AbortController | null>(null);\n\n  if (controller.current === null) {\n    controller.current = new AbortController();\n  }\n\n  React.useEffect(() => {\n    return () => {\n      controller.current!.abort();\n    };\n  }, []);\n\n  return React.useMemo(\n    () =>\n      getFetchClient({\n        signal: controller.current!.signal,\n      }),\n    []\n  );\n};\n\nexport { useFetchClient };\n"],"names":["useFetchClient","controller","React","useRef","current","AbortController","useEffect","abort","useMemo","getFetchClient","signal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UACKA,cAAAA,GAAiB,IAAA;IACrB,MAAMC,UAAAA,GAAaC,gBAAAA,CAAMC,MAAM,CAAyB,IAAA,CAAA;IAExD,IAAIF,UAAAA,CAAWG,OAAO,KAAK,IAAA,EAAM;QAC/BH,UAAAA,CAAWG,OAAO,GAAG,IAAIC,eAAAA,EAAAA;AAC3B,IAAA;AAEAH,IAAAA,gBAAAA,CAAMI,SAAS,CAAC,IAAA;QACd,OAAO,IAAA;YACLL,UAAAA,CAAWG,OAAO,CAAEG,KAAK,EAAA;AAC3B,QAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,OAAOL,gBAAAA,CAAMM,OAAO,CAClB,IACEC,6BAAAA,CAAe;YACbC,MAAAA,EAAQT,UAAAA,CAAWG,OAAO,CAAEM;AAC9B,SAAA,CAAA,EACF,EAAE,CAAA;AAEN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFetchClient.mjs","sources":["../../../../../admin/src/hooks/useFetchClient.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { getFetchClient } from '../utils/getFetchClient';\n\n/**\n * @public\n * @description This is an abstraction around the native fetch exposed by a hook. It provides a simple interface to handle API calls\n * to the Strapi backend.\n * It handles request cancellations inside the hook with an {@link https://developer.mozilla.org/en-US/docs/Web/API/AbortController} AbortController.\n * This is typically triggered when the component is unmounted so all the requests that it is currently making are aborted.\n * The expected URL style includes either a protocol (such as HTTP or HTTPS) or a relative URL. The URLs with domain and path but not protocol are not allowed (ex: `www.example.com`).\n * @example\n * ```tsx\n * import * as React from 'react';\n * import { useFetchClient } from '@strapi/admin/admin';\n *\n * const MyComponent = () => {\n *   const [items, setItems] = React.useState([]);\n *   const { get } = useFetchClient();\n *   const requestURL = \"/some-endpoint\";\n *\n *   const handleGetData = async () => {\n *     const { data } = await get(requestURL);\n *     setItems(data.items);\n *   };\n *\n *   return (\n *    <div>\n *      <div>\n *       {\n *         items && items.map(item => <h2 key={item.uuid}>{item.name}</h2>))\n *       }\n *     </div>\n *    </div>\n *   );\n * };\n * ```\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/AbortController} AbortController.\n */\nconst useFetchClient = () => {\n  const controller = React.useRef<AbortController | null>(null);\n\n  if (controller.current === null) {\n    controller.current = new AbortController();\n  }\n\n  React.useEffect(() => {\n    return () => {\n      controller.current!.abort();\n    };\n  }, []);\n\n  return React.useMemo(\n    () =>\n      getFetchClient({\n        signal: controller.current!.signal,\n      }),\n    []\n  );\n};\n\nexport { useFetchClient };\n"],"names":["useFetchClient","controller","React","useRef","current","AbortController","useEffect","abort","useMemo","getFetchClient","signal"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UACKA,cAAiB,GAAA,IAAA;IACrB,MAAMC,UAAAA,GAAaC,KAAMC,CAAAA,MAAM,CAAyB,IAAA,CAAA;IAExD,IAAIF,UAAAA,CAAWG,OAAO,KAAK,IAAM,EAAA;QAC/BH,UAAWG,CAAAA,OAAO,GAAG,IAAIC,eAAAA,EAAAA;AAC3B;AAEAH,IAAAA,KAAAA,CAAMI,SAAS,CAAC,IAAA;QACd,OAAO,IAAA;YACLL,UAAWG,CAAAA,OAAO,CAAEG,KAAK,EAAA;AAC3B,SAAA;AACF,KAAA,EAAG,EAAE,CAAA;AAEL,IAAA,OAAOL,KAAMM,CAAAA,OAAO,CAClB,IACEC,cAAe,CAAA;YACbC,MAAQT,EAAAA,UAAAA,CAAWG,OAAO,CAAEM;AAC9B,SAAA,CAAA,EACF,EAAE,CAAA;AAEN;;;;"}
+{"version":3,"file":"useFetchClient.mjs","sources":["../../../../../admin/src/hooks/useFetchClient.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { getFetchClient } from '../utils/getFetchClient';\n\n/**\n * @public\n * @description This is an abstraction around the native fetch exposed by a hook. It provides a simple interface to handle API calls\n * to the Strapi backend.\n * It handles request cancellations inside the hook with an {@link https://developer.mozilla.org/en-US/docs/Web/API/AbortController} AbortController.\n * This is typically triggered when the component is unmounted so all the requests that it is currently making are aborted.\n * The expected URL style includes either a protocol (such as HTTP or HTTPS) or a relative URL. The URLs with domain and path but not protocol are not allowed (ex: `www.example.com`).\n * @example\n * ```tsx\n * import * as React from 'react';\n * import { useFetchClient } from '@strapi/admin/admin';\n *\n * const MyComponent = () => {\n *   const [items, setItems] = React.useState([]);\n *   const { get } = useFetchClient();\n *   const requestURL = \"/some-endpoint\";\n *\n *   const handleGetData = async () => {\n *     const { data } = await get(requestURL);\n *     setItems(data.items);\n *   };\n *\n *   return (\n *    <div>\n *      <div>\n *       {\n *         items && items.map(item => <h2 key={item.uuid}>{item.name}</h2>))\n *       }\n *     </div>\n *    </div>\n *   );\n * };\n * ```\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/AbortController} AbortController.\n */\nconst useFetchClient = () => {\n  const controller = React.useRef<AbortController | null>(null);\n\n  if (controller.current === null) {\n    controller.current = new AbortController();\n  }\n\n  React.useEffect(() => {\n    return () => {\n      controller.current!.abort();\n    };\n  }, []);\n\n  return React.useMemo(\n    () =>\n      getFetchClient({\n        signal: controller.current!.signal,\n      }),\n    []\n  );\n};\n\nexport { useFetchClient };\n"],"names":["useFetchClient","controller","React","useRef","current","AbortController","useEffect","abort","useMemo","getFetchClient","signal"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UACKA,cAAAA,GAAiB,IAAA;IACrB,MAAMC,UAAAA,GAAaC,KAAAA,CAAMC,MAAM,CAAyB,IAAA,CAAA;IAExD,IAAIF,UAAAA,CAAWG,OAAO,KAAK,IAAA,EAAM;QAC/BH,UAAAA,CAAWG,OAAO,GAAG,IAAIC,eAAAA,EAAAA;AAC3B,IAAA;AAEAH,IAAAA,KAAAA,CAAMI,SAAS,CAAC,IAAA;QACd,OAAO,IAAA;YACLL,UAAAA,CAAWG,OAAO,CAAEG,KAAK,EAAA;AAC3B,QAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,OAAOL,KAAAA,CAAMM,OAAO,CAClB,IACEC,cAAAA,CAAe;YACbC,MAAAA,EAAQT,UAAAA,CAAWG,OAAO,CAAEM;AAC9B,SAAA,CAAA,EACF,EAAE,CAAA;AAEN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusInputField.js","sources":["../../../../../admin/src/hooks/useFocusInputField.ts"],"sourcesContent":["import { Ref, useEffect, useMemo, useState } from 'react';\n\nimport { useLocation } from 'react-router-dom';\n\n/**\n * @description Given the name of an input field (this does not need to be the name you pass as a prop to the DOM element),\n * when the query param `field` matches the name the field will be focused & scrolled into the center of the view.\n * Uses a callback ref to set the field to ensure asynchronous rendering of inputs does not cause issues e.g. CodeMirror.EditView\n *\n * @example\n * ```tsx\n * const fieldRef = useFocusInputField('name');\n *\n * return (\n *  <input ref={fieldRef} />\n * );\n * ```\n */\nconst useFocusInputField = <T extends HTMLElement>(name: string): Ref<T> => {\n  const { search: searchString } = useLocation();\n  const search = useMemo(() => new URLSearchParams(searchString), [searchString]);\n\n  /**\n   * TODO: remove union and just use `HTMLElement`\n   *\n   * Realistically, it will only be an `HTMLElement` but `TextInput` in the design-system\n   * has an imperativeHandle we can't remove until v2 of the design-system.\n   */\n  const [field, setField] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (search.has('field') && search.get('field') === name && field) {\n      field.focus();\n      field.scrollIntoView({\n        block: 'center',\n      });\n    }\n  }, [search, name, field]);\n\n  return setField;\n};\n\nexport { useFocusInputField };\n"],"names":["useFocusInputField","name","search","searchString","useLocation","useMemo","URLSearchParams","field","setField","useState","useEffect","has","get","focus","scrollIntoView","block"],"mappings":";;;;;AAIA;;;;;;;;;;;;;IAcA,MAAMA,qBAAqB,CAAwBC,IAAAA,GAAAA;AACjD,IAAA,MAAM,EAAEC,MAAAA,EAAQC,YAAY,EAAE,GAAGC,0BAAAA,EAAAA;AACjC,IAAA,MAAMF,MAASG,GAAAA,aAAAA,CAAQ,IAAM,IAAIC,gBAAgBH,YAAe,CAAA,EAAA;AAACA,QAAAA;AAAa,KAAA,CAAA;AAE9E;;;;;AAKC,MACD,MAAM,CAACI,KAAOC,EAAAA,QAAAA,CAAS,GAAGC,cAA6B,CAAA,IAAA,CAAA;IAEvDC,eAAU,CAAA,IAAA;QACR,IAAIR,MAAAA,CAAOS,GAAG,CAAC,OAAA,CAAA,IAAYT,OAAOU,GAAG,CAAC,OAAaX,CAAAA,KAAAA,IAAAA,IAAQM,KAAO,EAAA;AAChEA,YAAAA,KAAAA,CAAMM,KAAK,EAAA;AACXN,YAAAA,KAAAA,CAAMO,cAAc,CAAC;gBACnBC,KAAO,EAAA;AACT,aAAA,CAAA;AACF;KACC,EAAA;AAACb,QAAAA,MAAAA;AAAQD,QAAAA,IAAAA;AAAMM,QAAAA;AAAM,KAAA,CAAA;IAExB,OAAOC,QAAAA;AACT;;;;"}
+{"version":3,"file":"useFocusInputField.js","sources":["../../../../../admin/src/hooks/useFocusInputField.ts"],"sourcesContent":["import { Ref, useEffect, useMemo, useState } from 'react';\n\nimport { useLocation } from 'react-router-dom';\n\n/**\n * @description Given the name of an input field (this does not need to be the name you pass as a prop to the DOM element),\n * when the query param `field` matches the name the field will be focused & scrolled into the center of the view.\n * Uses a callback ref to set the field to ensure asynchronous rendering of inputs does not cause issues e.g. CodeMirror.EditView\n *\n * @example\n * ```tsx\n * const fieldRef = useFocusInputField('name');\n *\n * return (\n *  <input ref={fieldRef} />\n * );\n * ```\n */\nconst useFocusInputField = <T extends HTMLElement>(name: string): Ref<T> => {\n  const { search: searchString } = useLocation();\n  const search = useMemo(() => new URLSearchParams(searchString), [searchString]);\n\n  /**\n   * TODO: remove union and just use `HTMLElement`\n   *\n   * Realistically, it will only be an `HTMLElement` but `TextInput` in the design-system\n   * has an imperativeHandle we can't remove until v2 of the design-system.\n   */\n  const [field, setField] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (search.has('field') && search.get('field') === name && field) {\n      field.focus();\n      field.scrollIntoView({\n        block: 'center',\n      });\n    }\n  }, [search, name, field]);\n\n  return setField;\n};\n\nexport { useFocusInputField };\n"],"names":["useFocusInputField","name","search","searchString","useLocation","useMemo","URLSearchParams","field","setField","useState","useEffect","has","get","focus","scrollIntoView","block"],"mappings":";;;;;AAIA;;;;;;;;;;;;;IAcA,MAAMA,qBAAqB,CAAwBC,IAAAA,GAAAA;AACjD,IAAA,MAAM,EAAEC,MAAAA,EAAQC,YAAY,EAAE,GAAGC,0BAAAA,EAAAA;AACjC,IAAA,MAAMF,MAAAA,GAASG,aAAAA,CAAQ,IAAM,IAAIC,gBAAgBH,YAAAA,CAAAA,EAAe;AAACA,QAAAA;AAAa,KAAA,CAAA;AAE9E;;;;;AAKC,MACD,MAAM,CAACI,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAA6B,IAAA,CAAA;IAEvDC,eAAAA,CAAU,IAAA;QACR,IAAIR,MAAAA,CAAOS,GAAG,CAAC,OAAA,CAAA,IAAYT,OAAOU,GAAG,CAAC,OAAA,CAAA,KAAaX,IAAAA,IAAQM,KAAAA,EAAO;AAChEA,YAAAA,KAAAA,CAAMM,KAAK,EAAA;AACXN,YAAAA,KAAAA,CAAMO,cAAc,CAAC;gBACnBC,KAAAA,EAAO;AACT,aAAA,CAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACb,QAAAA,MAAAA;AAAQD,QAAAA,IAAAA;AAAMM,QAAAA;AAAM,KAAA,CAAA;IAExB,OAAOC,QAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusInputField.mjs","sources":["../../../../../admin/src/hooks/useFocusInputField.ts"],"sourcesContent":["import { Ref, useEffect, useMemo, useState } from 'react';\n\nimport { useLocation } from 'react-router-dom';\n\n/**\n * @description Given the name of an input field (this does not need to be the name you pass as a prop to the DOM element),\n * when the query param `field` matches the name the field will be focused & scrolled into the center of the view.\n * Uses a callback ref to set the field to ensure asynchronous rendering of inputs does not cause issues e.g. CodeMirror.EditView\n *\n * @example\n * ```tsx\n * const fieldRef = useFocusInputField('name');\n *\n * return (\n *  <input ref={fieldRef} />\n * );\n * ```\n */\nconst useFocusInputField = <T extends HTMLElement>(name: string): Ref<T> => {\n  const { search: searchString } = useLocation();\n  const search = useMemo(() => new URLSearchParams(searchString), [searchString]);\n\n  /**\n   * TODO: remove union and just use `HTMLElement`\n   *\n   * Realistically, it will only be an `HTMLElement` but `TextInput` in the design-system\n   * has an imperativeHandle we can't remove until v2 of the design-system.\n   */\n  const [field, setField] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (search.has('field') && search.get('field') === name && field) {\n      field.focus();\n      field.scrollIntoView({\n        block: 'center',\n      });\n    }\n  }, [search, name, field]);\n\n  return setField;\n};\n\nexport { useFocusInputField };\n"],"names":["useFocusInputField","name","search","searchString","useLocation","useMemo","URLSearchParams","field","setField","useState","useEffect","has","get","focus","scrollIntoView","block"],"mappings":";;;AAIA;;;;;;;;;;;;;IAcA,MAAMA,qBAAqB,CAAwBC,IAAAA,GAAAA;AACjD,IAAA,MAAM,EAAEC,MAAAA,EAAQC,YAAY,EAAE,GAAGC,WAAAA,EAAAA;AACjC,IAAA,MAAMF,MAASG,GAAAA,OAAAA,CAAQ,IAAM,IAAIC,gBAAgBH,YAAe,CAAA,EAAA;AAACA,QAAAA;AAAa,KAAA,CAAA;AAE9E;;;;;AAKC,MACD,MAAM,CAACI,KAAOC,EAAAA,QAAAA,CAAS,GAAGC,QAA6B,CAAA,IAAA,CAAA;IAEvDC,SAAU,CAAA,IAAA;QACR,IAAIR,MAAAA,CAAOS,GAAG,CAAC,OAAA,CAAA,IAAYT,OAAOU,GAAG,CAAC,OAAaX,CAAAA,KAAAA,IAAAA,IAAQM,KAAO,EAAA;AAChEA,YAAAA,KAAAA,CAAMM,KAAK,EAAA;AACXN,YAAAA,KAAAA,CAAMO,cAAc,CAAC;gBACnBC,KAAO,EAAA;AACT,aAAA,CAAA;AACF;KACC,EAAA;AAACb,QAAAA,MAAAA;AAAQD,QAAAA,IAAAA;AAAMM,QAAAA;AAAM,KAAA,CAAA;IAExB,OAAOC,QAAAA;AACT;;;;"}
+{"version":3,"file":"useFocusInputField.mjs","sources":["../../../../../admin/src/hooks/useFocusInputField.ts"],"sourcesContent":["import { Ref, useEffect, useMemo, useState } from 'react';\n\nimport { useLocation } from 'react-router-dom';\n\n/**\n * @description Given the name of an input field (this does not need to be the name you pass as a prop to the DOM element),\n * when the query param `field` matches the name the field will be focused & scrolled into the center of the view.\n * Uses a callback ref to set the field to ensure asynchronous rendering of inputs does not cause issues e.g. CodeMirror.EditView\n *\n * @example\n * ```tsx\n * const fieldRef = useFocusInputField('name');\n *\n * return (\n *  <input ref={fieldRef} />\n * );\n * ```\n */\nconst useFocusInputField = <T extends HTMLElement>(name: string): Ref<T> => {\n  const { search: searchString } = useLocation();\n  const search = useMemo(() => new URLSearchParams(searchString), [searchString]);\n\n  /**\n   * TODO: remove union and just use `HTMLElement`\n   *\n   * Realistically, it will only be an `HTMLElement` but `TextInput` in the design-system\n   * has an imperativeHandle we can't remove until v2 of the design-system.\n   */\n  const [field, setField] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (search.has('field') && search.get('field') === name && field) {\n      field.focus();\n      field.scrollIntoView({\n        block: 'center',\n      });\n    }\n  }, [search, name, field]);\n\n  return setField;\n};\n\nexport { useFocusInputField };\n"],"names":["useFocusInputField","name","search","searchString","useLocation","useMemo","URLSearchParams","field","setField","useState","useEffect","has","get","focus","scrollIntoView","block"],"mappings":";;;AAIA;;;;;;;;;;;;;IAcA,MAAMA,qBAAqB,CAAwBC,IAAAA,GAAAA;AACjD,IAAA,MAAM,EAAEC,MAAAA,EAAQC,YAAY,EAAE,GAAGC,WAAAA,EAAAA;AACjC,IAAA,MAAMF,MAAAA,GAASG,OAAAA,CAAQ,IAAM,IAAIC,gBAAgBH,YAAAA,CAAAA,EAAe;AAACA,QAAAA;AAAa,KAAA,CAAA;AAE9E;;;;;AAKC,MACD,MAAM,CAACI,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAA6B,IAAA,CAAA;IAEvDC,SAAAA,CAAU,IAAA;QACR,IAAIR,MAAAA,CAAOS,GAAG,CAAC,OAAA,CAAA,IAAYT,OAAOU,GAAG,CAAC,OAAA,CAAA,KAAaX,IAAAA,IAAQM,KAAAA,EAAO;AAChEA,YAAAA,KAAAA,CAAMM,KAAK,EAAA;AACXN,YAAAA,KAAAA,CAAMO,cAAc,CAAC;gBACnBC,KAAAA,EAAO;AACT,aAAA,CAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACb,QAAAA,MAAAA;AAAQD,QAAAA,IAAAA;AAAMM,QAAAA;AAAM,KAAA,CAAA;IAExB,OAAOC,QAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useForceUpdate.js","sources":["../../../../../admin/src/hooks/useForceUpdate.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useIsMounted } from './useIsMounted';\n\n/**\n * @internal\n * @description Return a function that re-renders this component, if still mounted\n * @warning DO NOT USE EXCEPT SPECIAL CASES.\n */\nconst useForceUpdate = () => {\n  const [tick, update] = React.useState<number>();\n  const isMounted = useIsMounted();\n\n  const forceUpdate = React.useCallback(() => {\n    if (isMounted.current) {\n      update(Math.random());\n    }\n  }, [isMounted, update]);\n\n  return [tick, forceUpdate] as const;\n};\n\nexport { useForceUpdate };\n"],"names":["useForceUpdate","tick","update","React","useState","isMounted","useIsMounted","forceUpdate","useCallback","current","Math","random"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;AAIC,UACKA,cAAiB,GAAA,IAAA;AACrB,IAAA,MAAM,CAACC,IAAAA,EAAMC,MAAO,CAAA,GAAGC,iBAAMC,QAAQ,EAAA;AACrC,IAAA,MAAMC,SAAYC,GAAAA,yBAAAA,EAAAA;IAElB,MAAMC,WAAAA,GAAcJ,gBAAMK,CAAAA,WAAW,CAAC,IAAA;QACpC,IAAIH,SAAAA,CAAUI,OAAO,EAAE;AACrBP,YAAAA,MAAAA,CAAOQ,KAAKC,MAAM,EAAA,CAAA;AACpB;KACC,EAAA;AAACN,QAAAA,SAAAA;AAAWH,QAAAA;AAAO,KAAA,CAAA;IAEtB,OAAO;AAACD,QAAAA,IAAAA;AAAMM,QAAAA;AAAY,KAAA;AAC5B;;;;"}
+{"version":3,"file":"useForceUpdate.js","sources":["../../../../../admin/src/hooks/useForceUpdate.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useIsMounted } from './useIsMounted';\n\n/**\n * @internal\n * @description Return a function that re-renders this component, if still mounted\n * @warning DO NOT USE EXCEPT SPECIAL CASES.\n */\nconst useForceUpdate = () => {\n  const [tick, update] = React.useState<number>();\n  const isMounted = useIsMounted();\n\n  const forceUpdate = React.useCallback(() => {\n    if (isMounted.current) {\n      update(Math.random());\n    }\n  }, [isMounted, update]);\n\n  return [tick, forceUpdate] as const;\n};\n\nexport { useForceUpdate };\n"],"names":["useForceUpdate","tick","update","React","useState","isMounted","useIsMounted","forceUpdate","useCallback","current","Math","random"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;AAIC,UACKA,cAAAA,GAAiB,IAAA;AACrB,IAAA,MAAM,CAACC,IAAAA,EAAMC,MAAAA,CAAO,GAAGC,iBAAMC,QAAQ,EAAA;AACrC,IAAA,MAAMC,SAAAA,GAAYC,yBAAAA,EAAAA;IAElB,MAAMC,WAAAA,GAAcJ,gBAAAA,CAAMK,WAAW,CAAC,IAAA;QACpC,IAAIH,SAAAA,CAAUI,OAAO,EAAE;AACrBP,YAAAA,MAAAA,CAAOQ,KAAKC,MAAM,EAAA,CAAA;AACpB,QAAA;IACF,CAAA,EAAG;AAACN,QAAAA,SAAAA;AAAWH,QAAAA;AAAO,KAAA,CAAA;IAEtB,OAAO;AAACD,QAAAA,IAAAA;AAAMM,QAAAA;AAAY,KAAA;AAC5B;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useForceUpdate.mjs","sources":["../../../../../admin/src/hooks/useForceUpdate.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useIsMounted } from './useIsMounted';\n\n/**\n * @internal\n * @description Return a function that re-renders this component, if still mounted\n * @warning DO NOT USE EXCEPT SPECIAL CASES.\n */\nconst useForceUpdate = () => {\n  const [tick, update] = React.useState<number>();\n  const isMounted = useIsMounted();\n\n  const forceUpdate = React.useCallback(() => {\n    if (isMounted.current) {\n      update(Math.random());\n    }\n  }, [isMounted, update]);\n\n  return [tick, forceUpdate] as const;\n};\n\nexport { useForceUpdate };\n"],"names":["useForceUpdate","tick","update","React","useState","isMounted","useIsMounted","forceUpdate","useCallback","current","Math","random"],"mappings":";;;AAIA;;;;AAIC,UACKA,cAAiB,GAAA,IAAA;AACrB,IAAA,MAAM,CAACC,IAAAA,EAAMC,MAAO,CAAA,GAAGC,MAAMC,QAAQ,EAAA;AACrC,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,EAAAA;IAElB,MAAMC,WAAAA,GAAcJ,KAAMK,CAAAA,WAAW,CAAC,IAAA;QACpC,IAAIH,SAAAA,CAAUI,OAAO,EAAE;AACrBP,YAAAA,MAAAA,CAAOQ,KAAKC,MAAM,EAAA,CAAA;AACpB;KACC,EAAA;AAACN,QAAAA,SAAAA;AAAWH,QAAAA;AAAO,KAAA,CAAA;IAEtB,OAAO;AAACD,QAAAA,IAAAA;AAAMM,QAAAA;AAAY,KAAA;AAC5B;;;;"}
+{"version":3,"file":"useForceUpdate.mjs","sources":["../../../../../admin/src/hooks/useForceUpdate.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useIsMounted } from './useIsMounted';\n\n/**\n * @internal\n * @description Return a function that re-renders this component, if still mounted\n * @warning DO NOT USE EXCEPT SPECIAL CASES.\n */\nconst useForceUpdate = () => {\n  const [tick, update] = React.useState<number>();\n  const isMounted = useIsMounted();\n\n  const forceUpdate = React.useCallback(() => {\n    if (isMounted.current) {\n      update(Math.random());\n    }\n  }, [isMounted, update]);\n\n  return [tick, forceUpdate] as const;\n};\n\nexport { useForceUpdate };\n"],"names":["useForceUpdate","tick","update","React","useState","isMounted","useIsMounted","forceUpdate","useCallback","current","Math","random"],"mappings":";;;AAIA;;;;AAIC,UACKA,cAAAA,GAAiB,IAAA;AACrB,IAAA,MAAM,CAACC,IAAAA,EAAMC,MAAAA,CAAO,GAAGC,MAAMC,QAAQ,EAAA;AACrC,IAAA,MAAMC,SAAAA,GAAYC,YAAAA,EAAAA;IAElB,MAAMC,WAAAA,GAAcJ,KAAAA,CAAMK,WAAW,CAAC,IAAA;QACpC,IAAIH,SAAAA,CAAUI,OAAO,EAAE;AACrBP,YAAAA,MAAAA,CAAOQ,KAAKC,MAAM,EAAA,CAAA;AACpB,QAAA;IACF,CAAA,EAAG;AAACN,QAAAA,SAAAA;AAAWH,QAAAA;AAAO,KAAA,CAAA;IAEtB,OAAO;AAACD,QAAAA,IAAAA;AAAMM,QAAAA;AAAY,KAAA;AAC5B;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useInjectReducer.js","sources":["../../../../../admin/src/hooks/useInjectReducer.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { Reducer } from '@reduxjs/toolkit';\n\nimport { useTypedStore } from '../core/store/hooks';\n\n/**\n * @public\n * @description Inject a new reducer into the global redux-store.\n * @example\n * ```tsx\n * import { reducer } from './local-store';\n *\n * const MyPlugin = () => {\n *  useInjectReducer(\"plugin\", reducer);\n * }\n * ```\n */\nexport function useInjectReducer(namespace: string, reducer: Reducer) {\n  const store = useTypedStore();\n\n  useEffect(() => {\n    store.injectReducer(namespace, reducer);\n  }, [store, namespace, reducer]);\n}\n"],"names":["useInjectReducer","namespace","reducer","store","useTypedStore","useEffect","injectReducer"],"mappings":";;;;;AAMA;;;;;;;;;;;AAWC,IACM,SAASA,gBAAiBC,CAAAA,SAAiB,EAAEC,OAAgB,EAAA;AAClE,IAAA,MAAMC,KAAQC,GAAAA,mBAAAA,EAAAA;IAEdC,eAAU,CAAA,IAAA;QACRF,KAAMG,CAAAA,aAAa,CAACL,SAAWC,EAAAA,OAAAA,CAAAA;KAC9B,EAAA;AAACC,QAAAA,KAAAA;AAAOF,QAAAA,SAAAA;AAAWC,QAAAA;AAAQ,KAAA,CAAA;AAChC;;;;"}
+{"version":3,"file":"useInjectReducer.js","sources":["../../../../../admin/src/hooks/useInjectReducer.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { Reducer } from '@reduxjs/toolkit';\n\nimport { useTypedStore } from '../core/store/hooks';\n\n/**\n * @public\n * @description Inject a new reducer into the global redux-store.\n * @example\n * ```tsx\n * import { reducer } from './local-store';\n *\n * const MyPlugin = () => {\n *  useInjectReducer(\"plugin\", reducer);\n * }\n * ```\n */\nexport function useInjectReducer(namespace: string, reducer: Reducer) {\n  const store = useTypedStore();\n\n  useEffect(() => {\n    store.injectReducer(namespace, reducer);\n  }, [store, namespace, reducer]);\n}\n"],"names":["useInjectReducer","namespace","reducer","store","useTypedStore","useEffect","injectReducer"],"mappings":";;;;;AAMA;;;;;;;;;;;AAWC,IACM,SAASA,gBAAAA,CAAiBC,SAAiB,EAAEC,OAAgB,EAAA;AAClE,IAAA,MAAMC,KAAAA,GAAQC,mBAAAA,EAAAA;IAEdC,eAAAA,CAAU,IAAA;QACRF,KAAAA,CAAMG,aAAa,CAACL,SAAAA,EAAWC,OAAAA,CAAAA;IACjC,CAAA,EAAG;AAACC,QAAAA,KAAAA;AAAOF,QAAAA,SAAAA;AAAWC,QAAAA;AAAQ,KAAA,CAAA;AAChC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useInjectReducer.mjs","sources":["../../../../../admin/src/hooks/useInjectReducer.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { Reducer } from '@reduxjs/toolkit';\n\nimport { useTypedStore } from '../core/store/hooks';\n\n/**\n * @public\n * @description Inject a new reducer into the global redux-store.\n * @example\n * ```tsx\n * import { reducer } from './local-store';\n *\n * const MyPlugin = () => {\n *  useInjectReducer(\"plugin\", reducer);\n * }\n * ```\n */\nexport function useInjectReducer(namespace: string, reducer: Reducer) {\n  const store = useTypedStore();\n\n  useEffect(() => {\n    store.injectReducer(namespace, reducer);\n  }, [store, namespace, reducer]);\n}\n"],"names":["useInjectReducer","namespace","reducer","store","useTypedStore","useEffect","injectReducer"],"mappings":";;;AAMA;;;;;;;;;;;AAWC,IACM,SAASA,gBAAiBC,CAAAA,SAAiB,EAAEC,OAAgB,EAAA;AAClE,IAAA,MAAMC,KAAQC,GAAAA,aAAAA,EAAAA;IAEdC,SAAU,CAAA,IAAA;QACRF,KAAMG,CAAAA,aAAa,CAACL,SAAWC,EAAAA,OAAAA,CAAAA;KAC9B,EAAA;AAACC,QAAAA,KAAAA;AAAOF,QAAAA,SAAAA;AAAWC,QAAAA;AAAQ,KAAA,CAAA;AAChC;;;;"}
+{"version":3,"file":"useInjectReducer.mjs","sources":["../../../../../admin/src/hooks/useInjectReducer.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { Reducer } from '@reduxjs/toolkit';\n\nimport { useTypedStore } from '../core/store/hooks';\n\n/**\n * @public\n * @description Inject a new reducer into the global redux-store.\n * @example\n * ```tsx\n * import { reducer } from './local-store';\n *\n * const MyPlugin = () => {\n *  useInjectReducer(\"plugin\", reducer);\n * }\n * ```\n */\nexport function useInjectReducer(namespace: string, reducer: Reducer) {\n  const store = useTypedStore();\n\n  useEffect(() => {\n    store.injectReducer(namespace, reducer);\n  }, [store, namespace, reducer]);\n}\n"],"names":["useInjectReducer","namespace","reducer","store","useTypedStore","useEffect","injectReducer"],"mappings":";;;AAMA;;;;;;;;;;;AAWC,IACM,SAASA,gBAAAA,CAAiBC,SAAiB,EAAEC,OAAgB,EAAA;AAClE,IAAA,MAAMC,KAAAA,GAAQC,aAAAA,EAAAA;IAEdC,SAAAA,CAAU,IAAA;QACRF,KAAAA,CAAMG,aAAa,CAACL,SAAAA,EAAWC,OAAAA,CAAAA;IACjC,CAAA,EAAG;AAACC,QAAAA,KAAAA;AAAOF,QAAAA,SAAAA;AAAWC,QAAAA;AAAQ,KAAA,CAAA;AAChC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useIsMounted.js","sources":["../../../../../admin/src/hooks/useIsMounted.ts"],"sourcesContent":["import * as React from 'react';\n\nconst useIsMounted = () => {\n  const isMounted = React.useRef(false);\n\n  React.useLayoutEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return isMounted;\n};\n\nexport { useIsMounted };\n"],"names":["useIsMounted","isMounted","React","useRef","useLayoutEffect","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAMA,YAAe,GAAA,IAAA;IACnB,MAAMC,SAAAA,GAAYC,gBAAMC,CAAAA,MAAM,CAAC,KAAA,CAAA;AAE/BD,IAAAA,gBAAAA,CAAME,eAAe,CAAC,IAAA;AACpBH,QAAAA,SAAAA,CAAUI,OAAO,GAAG,IAAA;QAEpB,OAAO,IAAA;AACLJ,YAAAA,SAAAA,CAAUI,OAAO,GAAG,KAAA;AACtB,SAAA;AACF,KAAA,EAAG,EAAE,CAAA;IAEL,OAAOJ,SAAAA;AACT;;;;"}
+{"version":3,"file":"useIsMounted.js","sources":["../../../../../admin/src/hooks/useIsMounted.ts"],"sourcesContent":["import * as React from 'react';\n\nconst useIsMounted = () => {\n  const isMounted = React.useRef(false);\n\n  React.useLayoutEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return isMounted;\n};\n\nexport { useIsMounted };\n"],"names":["useIsMounted","isMounted","React","useRef","useLayoutEffect","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAMA,YAAAA,GAAe,IAAA;IACnB,MAAMC,SAAAA,GAAYC,gBAAAA,CAAMC,MAAM,CAAC,KAAA,CAAA;AAE/BD,IAAAA,gBAAAA,CAAME,eAAe,CAAC,IAAA;AACpBH,QAAAA,SAAAA,CAAUI,OAAO,GAAG,IAAA;QAEpB,OAAO,IAAA;AACLJ,YAAAA,SAAAA,CAAUI,OAAO,GAAG,KAAA;AACtB,QAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,OAAOJ,SAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useIsMounted.mjs","sources":["../../../../../admin/src/hooks/useIsMounted.ts"],"sourcesContent":["import * as React from 'react';\n\nconst useIsMounted = () => {\n  const isMounted = React.useRef(false);\n\n  React.useLayoutEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return isMounted;\n};\n\nexport { useIsMounted };\n"],"names":["useIsMounted","isMounted","React","useRef","useLayoutEffect","current"],"mappings":";;AAEA,MAAMA,YAAe,GAAA,IAAA;IACnB,MAAMC,SAAAA,GAAYC,KAAMC,CAAAA,MAAM,CAAC,KAAA,CAAA;AAE/BD,IAAAA,KAAAA,CAAME,eAAe,CAAC,IAAA;AACpBH,QAAAA,SAAAA,CAAUI,OAAO,GAAG,IAAA;QAEpB,OAAO,IAAA;AACLJ,YAAAA,SAAAA,CAAUI,OAAO,GAAG,KAAA;AACtB,SAAA;AACF,KAAA,EAAG,EAAE,CAAA;IAEL,OAAOJ,SAAAA;AACT;;;;"}
+{"version":3,"file":"useIsMounted.mjs","sources":["../../../../../admin/src/hooks/useIsMounted.ts"],"sourcesContent":["import * as React from 'react';\n\nconst useIsMounted = () => {\n  const isMounted = React.useRef(false);\n\n  React.useLayoutEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return isMounted;\n};\n\nexport { useIsMounted };\n"],"names":["useIsMounted","isMounted","React","useRef","useLayoutEffect","current"],"mappings":";;AAEA,MAAMA,YAAAA,GAAe,IAAA;IACnB,MAAMC,SAAAA,GAAYC,KAAAA,CAAMC,MAAM,CAAC,KAAA,CAAA;AAE/BD,IAAAA,KAAAA,CAAME,eAAe,CAAC,IAAA;AACpBH,QAAAA,SAAAA,CAAUI,OAAO,GAAG,IAAA;QAEpB,OAAO,IAAA;AACLJ,YAAAA,SAAAA,CAAUI,OAAO,GAAG,KAAA;AACtB,QAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,OAAOJ,SAAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","sources":["../../../../../admin/src/hooks/useMediaQuery.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useTheme } from 'styled-components';\n\n/**\n * Hook to detect if a media query matches\n * @param query - Media query string (e.g., '(min-width: 768px)' or theme.breakpoints.large)\n * @returns boolean indicating if the media query matches\n */\nexport const useMediaQuery = (query: string): boolean => {\n  const cleanQuery = query.replace('@media', '').trim();\n\n  const [matches, setMatches] = React.useState(() => window.matchMedia(cleanQuery).matches);\n\n  React.useEffect(() => {\n    const mediaQuery = window.matchMedia(cleanQuery);\n    const handler = (e: MediaQueryListEvent) => setMatches(e.matches);\n\n    mediaQuery.addEventListener('change', handler);\n\n    return () => mediaQuery.removeEventListener('change', handler);\n  }, [cleanQuery]);\n\n  return matches;\n};\n\n/**\n * Hook to detect if the current viewport is desktop size\n * Uses the theme's large breakpoint\n */\nexport const useIsDesktop = (): boolean => {\n  const theme = useTheme();\n  return useMediaQuery(theme.breakpoints.large);\n};\n\n/**\n * Hook to detect if the current viewport is tablet size\n * Uses the theme's medium breakpoint\n */\nexport const useIsTablet = (): boolean => {\n  const theme = useTheme();\n  const isTabletOrAbove = useMediaQuery(theme.breakpoints.medium);\n  const isDesktop = useMediaQuery(theme.breakpoints.large);\n  return isTabletOrAbove && !isDesktop;\n};\n\n/**\n * Hook to detect if the current viewport is mobile size\n * Uses the theme's medium breakpoint (inverted)\n */\nexport const useIsMobile = (): boolean => {\n  const theme = useTheme();\n  return !useMediaQuery(theme.breakpoints.medium);\n};\n"],"names":["useMediaQuery","query","cleanQuery","replace","trim","matches","setMatches","React","useState","window","matchMedia","useEffect","mediaQuery","handler","e","addEventListener","removeEventListener","useIsDesktop","theme","useTheme","breakpoints","large","useIsTablet","isTabletOrAbove","medium","isDesktop","useIsMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;IAKaA,MAAAA,aAAAA,GAAgB,CAACC,KAAAA,GAAAA;AAC5B,IAAA,MAAMC,aAAaD,KAAME,CAAAA,OAAO,CAAC,QAAA,EAAU,IAAIC,IAAI,EAAA;AAEnD,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAW,CAAA,GAAGC,gBAAMC,CAAAA,QAAQ,CAAC,IAAMC,MAAOC,CAAAA,UAAU,CAACR,UAAAA,CAAAA,CAAYG,OAAO,CAAA;AAExFE,IAAAA,gBAAAA,CAAMI,SAAS,CAAC,IAAA;QACd,MAAMC,UAAAA,GAAaH,MAAOC,CAAAA,UAAU,CAACR,UAAAA,CAAAA;AACrC,QAAA,MAAMW,OAAU,GAAA,CAACC,CAA2BR,GAAAA,UAAAA,CAAWQ,EAAET,OAAO,CAAA;QAEhEO,UAAWG,CAAAA,gBAAgB,CAAC,QAAUF,EAAAA,OAAAA,CAAAA;AAEtC,QAAA,OAAO,IAAMD,UAAAA,CAAWI,mBAAmB,CAAC,QAAUH,EAAAA,OAAAA,CAAAA;KACrD,EAAA;AAACX,QAAAA;AAAW,KAAA,CAAA;IAEf,OAAOG,OAAAA;AACT;AAEA;;;UAIaY,YAAe,GAAA,IAAA;AAC1B,IAAA,MAAMC,KAAQC,GAAAA,eAAAA,EAAAA;AACd,IAAA,OAAOnB,aAAckB,CAAAA,KAAAA,CAAME,WAAW,CAACC,KAAK,CAAA;AAC9C;AAEA;;;UAIaC,WAAc,GAAA,IAAA;AACzB,IAAA,MAAMJ,KAAQC,GAAAA,eAAAA,EAAAA;AACd,IAAA,MAAMI,eAAkBvB,GAAAA,aAAAA,CAAckB,KAAME,CAAAA,WAAW,CAACI,MAAM,CAAA;AAC9D,IAAA,MAAMC,SAAYzB,GAAAA,aAAAA,CAAckB,KAAME,CAAAA,WAAW,CAACC,KAAK,CAAA;AACvD,IAAA,OAAOE,mBAAmB,CAACE,SAAAA;AAC7B;AAEA;;;UAIaC,WAAc,GAAA,IAAA;AACzB,IAAA,MAAMR,KAAQC,GAAAA,eAAAA,EAAAA;AACd,IAAA,OAAO,CAACnB,aAAAA,CAAckB,KAAME,CAAAA,WAAW,CAACI,MAAM,CAAA;AAChD;;;;;;;"}
+{"version":3,"file":"useMediaQuery.js","sources":["../../../../../admin/src/hooks/useMediaQuery.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useTheme } from 'styled-components';\n\n/**\n * Hook to detect if a media query matches\n * @param query - Media query string (e.g., '(min-width: 768px)' or theme.breakpoints.large)\n * @returns boolean indicating if the media query matches\n */\nexport const useMediaQuery = (query: string): boolean => {\n  const cleanQuery = query.replace('@media', '').trim();\n\n  const [matches, setMatches] = React.useState(() => window.matchMedia(cleanQuery).matches);\n\n  React.useEffect(() => {\n    const mediaQuery = window.matchMedia(cleanQuery);\n    const handler = (e: MediaQueryListEvent) => setMatches(e.matches);\n\n    mediaQuery.addEventListener('change', handler);\n\n    return () => mediaQuery.removeEventListener('change', handler);\n  }, [cleanQuery]);\n\n  return matches;\n};\n\n/**\n * Hook to detect if the current viewport is desktop size\n * Uses the theme's large breakpoint\n */\nexport const useIsDesktop = (): boolean => {\n  const theme = useTheme();\n  return useMediaQuery(theme.breakpoints.large);\n};\n\n/**\n * Hook to detect if the current viewport is tablet size\n * Uses the theme's medium breakpoint\n */\nexport const useIsTablet = (): boolean => {\n  const theme = useTheme();\n  const isTabletOrAbove = useMediaQuery(theme.breakpoints.medium);\n  const isDesktop = useMediaQuery(theme.breakpoints.large);\n  return isTabletOrAbove && !isDesktop;\n};\n\n/**\n * Hook to detect if the current viewport is mobile size\n * Uses the theme's medium breakpoint (inverted)\n */\nexport const useIsMobile = (): boolean => {\n  const theme = useTheme();\n  return !useMediaQuery(theme.breakpoints.medium);\n};\n"],"names":["useMediaQuery","query","cleanQuery","replace","trim","matches","setMatches","React","useState","window","matchMedia","useEffect","mediaQuery","handler","e","addEventListener","removeEventListener","useIsDesktop","theme","useTheme","breakpoints","large","useIsTablet","isTabletOrAbove","medium","isDesktop","useIsMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;IAKO,MAAMA,aAAAA,GAAgB,CAACC,KAAAA,GAAAA;AAC5B,IAAA,MAAMC,aAAaD,KAAAA,CAAME,OAAO,CAAC,QAAA,EAAU,IAAIC,IAAI,EAAA;AAEnD,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,IAAMC,MAAAA,CAAOC,UAAU,CAACR,UAAAA,CAAAA,CAAYG,OAAO,CAAA;AAExFE,IAAAA,gBAAAA,CAAMI,SAAS,CAAC,IAAA;QACd,MAAMC,UAAAA,GAAaH,MAAAA,CAAOC,UAAU,CAACR,UAAAA,CAAAA;AACrC,QAAA,MAAMW,OAAAA,GAAU,CAACC,CAAAA,GAA2BR,UAAAA,CAAWQ,EAAET,OAAO,CAAA;QAEhEO,UAAAA,CAAWG,gBAAgB,CAAC,QAAA,EAAUF,OAAAA,CAAAA;AAEtC,QAAA,OAAO,IAAMD,UAAAA,CAAWI,mBAAmB,CAAC,QAAA,EAAUH,OAAAA,CAAAA;IACxD,CAAA,EAAG;AAACX,QAAAA;AAAW,KAAA,CAAA;IAEf,OAAOG,OAAAA;AACT;AAEA;;;UAIaY,YAAAA,GAAe,IAAA;AAC1B,IAAA,MAAMC,KAAAA,GAAQC,eAAAA,EAAAA;AACd,IAAA,OAAOnB,aAAAA,CAAckB,KAAAA,CAAME,WAAW,CAACC,KAAK,CAAA;AAC9C;AAEA;;;UAIaC,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAMJ,KAAAA,GAAQC,eAAAA,EAAAA;AACd,IAAA,MAAMI,eAAAA,GAAkBvB,aAAAA,CAAckB,KAAAA,CAAME,WAAW,CAACI,MAAM,CAAA;AAC9D,IAAA,MAAMC,SAAAA,GAAYzB,aAAAA,CAAckB,KAAAA,CAAME,WAAW,CAACC,KAAK,CAAA;AACvD,IAAA,OAAOE,mBAAmB,CAACE,SAAAA;AAC7B;AAEA;;;UAIaC,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAMR,KAAAA,GAAQC,eAAAA,EAAAA;AACd,IAAA,OAAO,CAACnB,aAAAA,CAAckB,KAAAA,CAAME,WAAW,CAACI,MAAM,CAAA;AAChD;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.mjs","sources":["../../../../../admin/src/hooks/useMediaQuery.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useTheme } from 'styled-components';\n\n/**\n * Hook to detect if a media query matches\n * @param query - Media query string (e.g., '(min-width: 768px)' or theme.breakpoints.large)\n * @returns boolean indicating if the media query matches\n */\nexport const useMediaQuery = (query: string): boolean => {\n  const cleanQuery = query.replace('@media', '').trim();\n\n  const [matches, setMatches] = React.useState(() => window.matchMedia(cleanQuery).matches);\n\n  React.useEffect(() => {\n    const mediaQuery = window.matchMedia(cleanQuery);\n    const handler = (e: MediaQueryListEvent) => setMatches(e.matches);\n\n    mediaQuery.addEventListener('change', handler);\n\n    return () => mediaQuery.removeEventListener('change', handler);\n  }, [cleanQuery]);\n\n  return matches;\n};\n\n/**\n * Hook to detect if the current viewport is desktop size\n * Uses the theme's large breakpoint\n */\nexport const useIsDesktop = (): boolean => {\n  const theme = useTheme();\n  return useMediaQuery(theme.breakpoints.large);\n};\n\n/**\n * Hook to detect if the current viewport is tablet size\n * Uses the theme's medium breakpoint\n */\nexport const useIsTablet = (): boolean => {\n  const theme = useTheme();\n  const isTabletOrAbove = useMediaQuery(theme.breakpoints.medium);\n  const isDesktop = useMediaQuery(theme.breakpoints.large);\n  return isTabletOrAbove && !isDesktop;\n};\n\n/**\n * Hook to detect if the current viewport is mobile size\n * Uses the theme's medium breakpoint (inverted)\n */\nexport const useIsMobile = (): boolean => {\n  const theme = useTheme();\n  return !useMediaQuery(theme.breakpoints.medium);\n};\n"],"names":["useMediaQuery","query","cleanQuery","replace","trim","matches","setMatches","React","useState","window","matchMedia","useEffect","mediaQuery","handler","e","addEventListener","removeEventListener","useIsDesktop","theme","useTheme","breakpoints","large","useIsTablet","isTabletOrAbove","medium","isDesktop","useIsMobile"],"mappings":";;;AAIA;;;;IAKaA,MAAAA,aAAAA,GAAgB,CAACC,KAAAA,GAAAA;AAC5B,IAAA,MAAMC,aAAaD,KAAME,CAAAA,OAAO,CAAC,QAAA,EAAU,IAAIC,IAAI,EAAA;AAEnD,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAW,CAAA,GAAGC,KAAMC,CAAAA,QAAQ,CAAC,IAAMC,MAAOC,CAAAA,UAAU,CAACR,UAAAA,CAAAA,CAAYG,OAAO,CAAA;AAExFE,IAAAA,KAAAA,CAAMI,SAAS,CAAC,IAAA;QACd,MAAMC,UAAAA,GAAaH,MAAOC,CAAAA,UAAU,CAACR,UAAAA,CAAAA;AACrC,QAAA,MAAMW,OAAU,GAAA,CAACC,CAA2BR,GAAAA,UAAAA,CAAWQ,EAAET,OAAO,CAAA;QAEhEO,UAAWG,CAAAA,gBAAgB,CAAC,QAAUF,EAAAA,OAAAA,CAAAA;AAEtC,QAAA,OAAO,IAAMD,UAAAA,CAAWI,mBAAmB,CAAC,QAAUH,EAAAA,OAAAA,CAAAA;KACrD,EAAA;AAACX,QAAAA;AAAW,KAAA,CAAA;IAEf,OAAOG,OAAAA;AACT;AAEA;;;UAIaY,YAAe,GAAA,IAAA;AAC1B,IAAA,MAAMC,KAAQC,GAAAA,QAAAA,EAAAA;AACd,IAAA,OAAOnB,aAAckB,CAAAA,KAAAA,CAAME,WAAW,CAACC,KAAK,CAAA;AAC9C;AAEA;;;UAIaC,WAAc,GAAA,IAAA;AACzB,IAAA,MAAMJ,KAAQC,GAAAA,QAAAA,EAAAA;AACd,IAAA,MAAMI,eAAkBvB,GAAAA,aAAAA,CAAckB,KAAME,CAAAA,WAAW,CAACI,MAAM,CAAA;AAC9D,IAAA,MAAMC,SAAYzB,GAAAA,aAAAA,CAAckB,KAAME,CAAAA,WAAW,CAACC,KAAK,CAAA;AACvD,IAAA,OAAOE,mBAAmB,CAACE,SAAAA;AAC7B;AAEA;;;UAIaC,WAAc,GAAA,IAAA;AACzB,IAAA,MAAMR,KAAQC,GAAAA,QAAAA,EAAAA;AACd,IAAA,OAAO,CAACnB,aAAAA,CAAckB,KAAME,CAAAA,WAAW,CAACI,MAAM,CAAA;AAChD;;;;"}
+{"version":3,"file":"useMediaQuery.mjs","sources":["../../../../../admin/src/hooks/useMediaQuery.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useTheme } from 'styled-components';\n\n/**\n * Hook to detect if a media query matches\n * @param query - Media query string (e.g., '(min-width: 768px)' or theme.breakpoints.large)\n * @returns boolean indicating if the media query matches\n */\nexport const useMediaQuery = (query: string): boolean => {\n  const cleanQuery = query.replace('@media', '').trim();\n\n  const [matches, setMatches] = React.useState(() => window.matchMedia(cleanQuery).matches);\n\n  React.useEffect(() => {\n    const mediaQuery = window.matchMedia(cleanQuery);\n    const handler = (e: MediaQueryListEvent) => setMatches(e.matches);\n\n    mediaQuery.addEventListener('change', handler);\n\n    return () => mediaQuery.removeEventListener('change', handler);\n  }, [cleanQuery]);\n\n  return matches;\n};\n\n/**\n * Hook to detect if the current viewport is desktop size\n * Uses the theme's large breakpoint\n */\nexport const useIsDesktop = (): boolean => {\n  const theme = useTheme();\n  return useMediaQuery(theme.breakpoints.large);\n};\n\n/**\n * Hook to detect if the current viewport is tablet size\n * Uses the theme's medium breakpoint\n */\nexport const useIsTablet = (): boolean => {\n  const theme = useTheme();\n  const isTabletOrAbove = useMediaQuery(theme.breakpoints.medium);\n  const isDesktop = useMediaQuery(theme.breakpoints.large);\n  return isTabletOrAbove && !isDesktop;\n};\n\n/**\n * Hook to detect if the current viewport is mobile size\n * Uses the theme's medium breakpoint (inverted)\n */\nexport const useIsMobile = (): boolean => {\n  const theme = useTheme();\n  return !useMediaQuery(theme.breakpoints.medium);\n};\n"],"names":["useMediaQuery","query","cleanQuery","replace","trim","matches","setMatches","React","useState","window","matchMedia","useEffect","mediaQuery","handler","e","addEventListener","removeEventListener","useIsDesktop","theme","useTheme","breakpoints","large","useIsTablet","isTabletOrAbove","medium","isDesktop","useIsMobile"],"mappings":";;;AAIA;;;;IAKO,MAAMA,aAAAA,GAAgB,CAACC,KAAAA,GAAAA;AAC5B,IAAA,MAAMC,aAAaD,KAAAA,CAAME,OAAO,CAAC,QAAA,EAAU,IAAIC,IAAI,EAAA;AAEnD,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,IAAMC,MAAAA,CAAOC,UAAU,CAACR,UAAAA,CAAAA,CAAYG,OAAO,CAAA;AAExFE,IAAAA,KAAAA,CAAMI,SAAS,CAAC,IAAA;QACd,MAAMC,UAAAA,GAAaH,MAAAA,CAAOC,UAAU,CAACR,UAAAA,CAAAA;AACrC,QAAA,MAAMW,OAAAA,GAAU,CAACC,CAAAA,GAA2BR,UAAAA,CAAWQ,EAAET,OAAO,CAAA;QAEhEO,UAAAA,CAAWG,gBAAgB,CAAC,QAAA,EAAUF,OAAAA,CAAAA;AAEtC,QAAA,OAAO,IAAMD,UAAAA,CAAWI,mBAAmB,CAAC,QAAA,EAAUH,OAAAA,CAAAA;IACxD,CAAA,EAAG;AAACX,QAAAA;AAAW,KAAA,CAAA;IAEf,OAAOG,OAAAA;AACT;AAEA;;;UAIaY,YAAAA,GAAe,IAAA;AAC1B,IAAA,MAAMC,KAAAA,GAAQC,QAAAA,EAAAA;AACd,IAAA,OAAOnB,aAAAA,CAAckB,KAAAA,CAAME,WAAW,CAACC,KAAK,CAAA;AAC9C;AAEA;;;UAIaC,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAMJ,KAAAA,GAAQC,QAAAA,EAAAA;AACd,IAAA,MAAMI,eAAAA,GAAkBvB,aAAAA,CAAckB,KAAAA,CAAME,WAAW,CAACI,MAAM,CAAA;AAC9D,IAAA,MAAMC,SAAAA,GAAYzB,aAAAA,CAAckB,KAAAA,CAAME,WAAW,CAACC,KAAK,CAAA;AACvD,IAAA,OAAOE,mBAAmB,CAACE,SAAAA;AAC7B;AAEA;;;UAIaC,WAAAA,GAAc,IAAA;AACzB,IAAA,MAAMR,KAAAA,GAAQC,QAAAA,EAAAA;AACd,IAAA,OAAO,CAACnB,aAAAA,CAAckB,KAAAA,CAAME,WAAW,CAACI,MAAM,CAAA;AAChD;;;;"}