@strapi/admin 5.48.1 → 5.49.0

package/dist/admin/admin/src/features/Widgets.js

@@ -7,7 +7,8 @@ var homepage = require('../services/homepage.js');
 var widgetLayout = require('../utils/widgetLayout.js');
 var Notifications = require('./Notifications.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -24,7 +25,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /* -------------------------------------------------------------------------------------------------
  * Widget Management

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

@@ -1 +1 @@
-{"version":3,"file":"Widgets.js","sources":["../../../../../admin/src/features/Widgets.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useIntl } from 'react-intl';\n\nimport { useAPIErrorHandler } from '../hooks/useAPIErrorHandler';\nimport { useUpdateHomepageLayoutMutation } from '../services/homepage';\nimport {\n  calculateWidgetRows,\n  moveWidgetInArray,\n  findRowContainingWidget,\n  resizeRowAfterRemoval,\n  resizeRowAfterAddition,\n  isValidResizeOperation,\n  canResizeBetweenWidgets,\n  WIDGET_SIZING,\n} from '../utils/widgetLayout';\n\nimport { useNotification } from './Notifications';\n\nimport type { WidgetWithUID } from '../core/apis/Widgets';\nimport type { WidgetType } from '@strapi/admin/strapi-admin';\n\nexport interface WidgetInfo {\n  widget: WidgetType | undefined;\n  index: number;\n}\n\nexport type FindWidgetFunction = (id: string) => WidgetInfo;\nexport type WidgetIdFunction = (id: string) => void;\nexport type DragEndFunction = () => void;\n\ninterface BaseWidgetContext {\n  filteredWidgets: WidgetWithUID[];\n  columnWidths: Record<string, number>;\n}\n\ninterface MoveWidgetOptions extends BaseWidgetContext {\n  widgetId: string;\n  insertIndex: number;\n  targetRowIndex?: number;\n  isHorizontalDrop?: boolean;\n}\n\ninterface SaveLayoutOptions {\n  widgets: WidgetWithUID[];\n  widths: Record<string, number>;\n  updateHomepageLayout: (data: {\n    widgets: Array<{ uid: string; width: (typeof WIDGET_SIZING.DISCRETE_SIZES)[number] }>;\n  }) => Promise<any>;\n  toggleNotification: (config: { type: 'danger'; message: string }) => void;\n  formatAPIError: (error: any) => string;\n  formatMessage: (descriptor: { id: string; defaultMessage: string }) => string;\n}\n\ninterface HandleWidgetResizeOptions extends BaseWidgetContext {\n  leftWidgetId: string;\n  rightWidgetId: string;\n  newLeftWidth: number;\n  newRightWidth: number;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Widget Management\n * -----------------------------------------------------------------------------------------------*/\n\nconst findWidget = (filteredWidgets: WidgetWithUID[], widgetId: string): WidgetInfo => {\n  const widget = filteredWidgets.find((c) => `${c.uid}` === widgetId);\n  if (!widget) {\n    return {\n      widget: undefined,\n      index: -1,\n    };\n  }\n  return {\n    widget,\n    index: filteredWidgets.indexOf(widget),\n  };\n};\n\nconst saveLayout = async ({\n  widgets,\n  widths,\n  updateHomepageLayout,\n  toggleNotification,\n  formatAPIError,\n  formatMessage,\n}: SaveLayoutOptions) => {\n  try {\n    const layoutData = {\n      widgets: widgets.map((widget) => ({\n        uid: widget.uid,\n        width: (widths[widget.uid] ||\n          WIDGET_SIZING.TOTAL_COLUMNS) as (typeof WIDGET_SIZING.DISCRETE_SIZES)[number],\n      })),\n    };\n\n    const res = await updateHomepageLayout(layoutData);\n\n    if ('error' in res) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(res.error),\n      });\n    }\n  } catch {\n    toggleNotification({\n      type: 'danger',\n      message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n    });\n  }\n};\n\nconst moveWidget = ({\n  filteredWidgets,\n  columnWidths,\n  widgetId,\n  insertIndex,\n  targetRowIndex,\n  isHorizontalDrop,\n}: MoveWidgetOptions) => {\n  const widget = filteredWidgets.find((w) => w.uid === widgetId);\n  if (!widget) return { newWidgets: filteredWidgets, newWidths: columnWidths };\n\n  const widgetRows = calculateWidgetRows(filteredWidgets, columnWidths);\n\n  // Move widget in the array\n  const newWidgets = moveWidgetInArray(filteredWidgets, widgetId, insertIndex);\n\n  // Calculate optimal widths for both source and target rows\n  const newWidths = { ...columnWidths };\n\n  // Find the source row (where the widget was removed from)\n  const sourceRow = findRowContainingWidget(widgetRows, widgetId, filteredWidgets);\n\n  if (isHorizontalDrop) {\n    // This is a horizontal drop zone - widget gets full width in its own row\n    newWidths[widgetId] = WIDGET_SIZING.TOTAL_COLUMNS;\n\n    // Resize source row (after widget removal)\n    const sourceRowResize = resizeRowAfterRemoval(sourceRow, widgetId, newWidths);\n    Object.assign(newWidths, sourceRowResize);\n  } else {\n    // This is a vertical drop zone within a row\n    const targetRow = widgetRows[targetRowIndex!];\n\n    // Check if we're reordering within the same row\n    const isSameRowReorder =\n      sourceRow && targetRow && sourceRow.startIndex === targetRow.startIndex;\n\n    if (isSameRowReorder) {\n      // For same-row reordering, just preserve the existing widths\n      return { newWidgets, newWidths };\n    }\n\n    // Different rows - resize both source and target rows\n    // Resize source row (after widget removal)\n    const sourceRowResize = resizeRowAfterRemoval(sourceRow, widgetId, newWidths);\n    Object.assign(newWidths, sourceRowResize);\n\n    // Resize target row (after widget addition)\n    const targetRowResize = resizeRowAfterAddition(targetRow, widget, insertIndex, newWidths);\n    Object.assign(newWidths, targetRowResize);\n  }\n\n  return { newWidgets, newWidths };\n};\n\nconst deleteWidget = (filteredWidgets: WidgetWithUID[], columnWidths: Record<string, number>) => {\n  const widgetRows = calculateWidgetRows(filteredWidgets, columnWidths);\n\n  return (widgetId: string) => {\n    const { [widgetId]: _removed, ...newWidths } = columnWidths;\n\n    // Find the row containing the deleted widget\n    const deletedWidgetIndex = filteredWidgets.findIndex((w) => w.uid === widgetId);\n    if (deletedWidgetIndex === -1) return { newWidgets: filteredWidgets, newWidths };\n    const affectedRow = widgetRows.find(\n      (row) => deletedWidgetIndex >= row.startIndex && deletedWidgetIndex <= row.endIndex\n    );\n\n    // Use resizeRowAfterRemoval to resize the affected row\n    const finalWidths = resizeRowAfterRemoval(affectedRow, widgetId, newWidths);\n    const newWidgets = filteredWidgets.filter((w) => w.uid !== widgetId);\n\n    return { newWidgets, newWidths: finalWidths };\n  };\n};\n\nconst addWidget = (filteredWidgets: WidgetWithUID[], columnWidths: Record<string, number>) => {\n  return (widget: WidgetWithUID) => {\n    // Check if widget is already added\n    const index = filteredWidgets.findIndex((w) => w.uid === widget.uid);\n    if (index !== -1) return { newWidgets: filteredWidgets, newWidths: columnWidths };\n\n    const newWidgets = [...filteredWidgets, widget];\n    const newWidths = { ...columnWidths };\n    // New widget always takes full width in its own row\n    newWidths[widget.uid] = WIDGET_SIZING.TOTAL_COLUMNS;\n\n    return { newWidgets, newWidths };\n  };\n};\n\nconst handleWidgetResize = ({\n  filteredWidgets,\n  columnWidths,\n  leftWidgetId,\n  rightWidgetId,\n  newLeftWidth,\n  newRightWidth,\n}: HandleWidgetResizeOptions) => {\n  // Check if widgets can be resized (adjacent, same row, valid sizes)\n  if (!canResizeBetweenWidgets(leftWidgetId, rightWidgetId, columnWidths, filteredWidgets)) {\n    return columnWidths;\n  }\n\n  if (!isValidResizeOperation(newLeftWidth, newRightWidth)) {\n    // Resize would violate constraints, don't allow it\n    return columnWidths;\n  }\n\n  return {\n    ...columnWidths,\n    [leftWidgetId]: newLeftWidth,\n    [rightWidgetId]: newRightWidth,\n  };\n};\n\ninterface UseWidgetsOptions {\n  filteredWidgets: WidgetWithUID[];\n  setFilteredWidgets: (\n    widgets: WidgetWithUID[] | ((prev: WidgetWithUID[]) => WidgetWithUID[])\n  ) => void;\n}\n\nexport const useWidgets = ({ filteredWidgets, setFilteredWidgets }: UseWidgetsOptions) => {\n  const [columnWidths, setColumnWidths] = React.useState<Record<string, number>>({});\n  const [isDraggingWidget, setIsDraggingWidget] = React.useState(false);\n  const [draggedWidgetId, setDraggedWidgetId] = React.useState<string | undefined>();\n\n  const [updateHomepageLayout] = useUpdateHomepageLayoutMutation();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const { formatMessage } = useIntl();\n\n  const findWidgetFn: FindWidgetFunction = (widgetId: string) =>\n    findWidget(filteredWidgets, widgetId);\n\n  const moveWidgetFn = (\n    widgetId: string,\n    insertIndex: number,\n    targetRowIndex?: number,\n    isHorizontalDrop?: boolean\n  ) => {\n    const result = moveWidget({\n      filteredWidgets,\n      columnWidths,\n      widgetId,\n      insertIndex,\n      targetRowIndex,\n      isHorizontalDrop,\n    });\n\n    setFilteredWidgets(result.newWidgets);\n    setColumnWidths(result.newWidths);\n\n    saveLayout({\n      widgets: result.newWidgets,\n      widths: result.newWidths,\n      updateHomepageLayout,\n      toggleNotification,\n      formatAPIError,\n      formatMessage,\n    });\n  };\n\n  const deleteWidgetFn: WidgetIdFunction = (widgetId: string) => {\n    const deleteWidgetOperation = deleteWidget(filteredWidgets, columnWidths);\n    const result = deleteWidgetOperation(widgetId);\n\n    setFilteredWidgets(result.newWidgets);\n    setColumnWidths(result.newWidths);\n\n    saveLayout({\n      widgets: result.newWidgets,\n      widths: result.newWidths,\n      updateHomepageLayout,\n      toggleNotification,\n      formatAPIError,\n      formatMessage,\n    });\n  };\n\n  const addWidgetFn = (widget: WidgetWithUID) => {\n    const addWidgetOperation = addWidget(filteredWidgets, columnWidths);\n    const result = addWidgetOperation(widget);\n\n    setFilteredWidgets(result.newWidgets);\n    setColumnWidths(result.newWidths);\n\n    saveLayout({\n      widgets: result.newWidgets,\n      widths: result.newWidths,\n      updateHomepageLayout,\n      toggleNotification,\n      formatAPIError,\n      formatMessage,\n    });\n  };\n\n  const handleWidgetResizeFn = (\n    leftWidgetId: string,\n    rightWidgetId: string,\n    newLeftWidth: number,\n    newRightWidth: number\n  ) => {\n    const newWidths = handleWidgetResize({\n      filteredWidgets,\n      columnWidths,\n      leftWidgetId,\n      rightWidgetId,\n      newLeftWidth,\n      newRightWidth,\n    });\n\n    setColumnWidths(newWidths);\n  };\n\n  const handleDragStart: WidgetIdFunction = React.useCallback((widgetId: string) => {\n    setIsDraggingWidget(true);\n    setDraggedWidgetId(widgetId);\n  }, []);\n\n  const handleDragEnd: DragEndFunction = React.useCallback(() => {\n    setIsDraggingWidget(false);\n    setDraggedWidgetId(undefined);\n  }, []);\n\n  const saveLayoutFn = () => {\n    saveLayout({\n      widgets: filteredWidgets,\n      widths: columnWidths,\n      updateHomepageLayout,\n      toggleNotification,\n      formatAPIError,\n      formatMessage,\n    });\n  };\n\n  return {\n    findWidget: findWidgetFn,\n    deleteWidget: deleteWidgetFn,\n    addWidget: addWidgetFn,\n    moveWidget: moveWidgetFn,\n    columnWidths,\n    setColumnWidths,\n    handleWidgetResize: handleWidgetResizeFn,\n    saveLayout: saveLayoutFn,\n    isDraggingWidget,\n    draggedWidgetId,\n    handleDragStart,\n    handleDragEnd,\n  };\n};\n"],"names":["findWidget","filteredWidgets","widgetId","widget","find","c","uid","undefined","index","indexOf","saveLayout","widgets","widths","updateHomepageLayout","toggleNotification","formatAPIError","formatMessage","layoutData","map","width","WIDGET_SIZING","TOTAL_COLUMNS","res","type","message","error","id","defaultMessage","moveWidget","columnWidths","insertIndex","targetRowIndex","isHorizontalDrop","w","newWidgets","newWidths","widgetRows","calculateWidgetRows","moveWidgetInArray","sourceRow","findRowContainingWidget","sourceRowResize","resizeRowAfterRemoval","Object","assign","targetRow","isSameRowReorder","startIndex","targetRowResize","resizeRowAfterAddition","deleteWidget","_removed","deletedWidgetIndex","findIndex","affectedRow","row","endIndex","finalWidths","filter","addWidget","handleWidgetResize","leftWidgetId","rightWidgetId","newLeftWidth","newRightWidth","canResizeBetweenWidgets","isValidResizeOperation","useWidgets","setFilteredWidgets","setColumnWidths","React","useState","isDraggingWidget","setIsDraggingWidget","draggedWidgetId","setDraggedWidgetId","useUpdateHomepageLayoutMutation","useNotification","_unstableFormatAPIError","useAPIErrorHandler","useIntl","findWidgetFn","moveWidgetFn","result","deleteWidgetFn","deleteWidgetOperation","addWidgetFn","addWidgetOperation","handleWidgetResizeFn","handleDragStart","useCallback","handleDragEnd","saveLayoutFn"],"mappings":"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"}
+{"version":3,"file":"Widgets.js","sources":["../../../../../admin/src/features/Widgets.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useIntl } from 'react-intl';\n\nimport { useAPIErrorHandler } from '../hooks/useAPIErrorHandler';\nimport { useUpdateHomepageLayoutMutation } from '../services/homepage';\nimport {\n  calculateWidgetRows,\n  moveWidgetInArray,\n  findRowContainingWidget,\n  resizeRowAfterRemoval,\n  resizeRowAfterAddition,\n  isValidResizeOperation,\n  canResizeBetweenWidgets,\n  WIDGET_SIZING,\n} from '../utils/widgetLayout';\n\nimport { useNotification } from './Notifications';\n\nimport type { WidgetWithUID } from '../core/apis/Widgets';\nimport type { WidgetType } from '@strapi/admin/strapi-admin';\n\nexport interface WidgetInfo {\n  widget: WidgetType | undefined;\n  index: number;\n}\n\nexport type FindWidgetFunction = (id: string) => WidgetInfo;\nexport type WidgetIdFunction = (id: string) => void;\nexport type DragEndFunction = () => void;\n\ninterface BaseWidgetContext {\n  filteredWidgets: WidgetWithUID[];\n  columnWidths: Record<string, number>;\n}\n\ninterface MoveWidgetOptions extends BaseWidgetContext {\n  widgetId: string;\n  insertIndex: number;\n  targetRowIndex?: number;\n  isHorizontalDrop?: boolean;\n}\n\ninterface SaveLayoutOptions {\n  widgets: WidgetWithUID[];\n  widths: Record<string, number>;\n  updateHomepageLayout: (data: {\n    widgets: Array<{ uid: string; width: (typeof WIDGET_SIZING.DISCRETE_SIZES)[number] }>;\n  }) => Promise<any>;\n  toggleNotification: (config: { type: 'danger'; message: string }) => void;\n  formatAPIError: (error: any) => string;\n  formatMessage: (descriptor: { id: string; defaultMessage: string }) => string;\n}\n\ninterface HandleWidgetResizeOptions extends BaseWidgetContext {\n  leftWidgetId: string;\n  rightWidgetId: string;\n  newLeftWidth: number;\n  newRightWidth: number;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Widget Management\n * -----------------------------------------------------------------------------------------------*/\n\nconst findWidget = (filteredWidgets: WidgetWithUID[], widgetId: string): WidgetInfo => {\n  const widget = filteredWidgets.find((c) => `${c.uid}` === widgetId);\n  if (!widget) {\n    return {\n      widget: undefined,\n      index: -1,\n    };\n  }\n  return {\n    widget,\n    index: filteredWidgets.indexOf(widget),\n  };\n};\n\nconst saveLayout = async ({\n  widgets,\n  widths,\n  updateHomepageLayout,\n  toggleNotification,\n  formatAPIError,\n  formatMessage,\n}: SaveLayoutOptions) => {\n  try {\n    const layoutData = {\n      widgets: widgets.map((widget) => ({\n        uid: widget.uid,\n        width: (widths[widget.uid] ||\n          WIDGET_SIZING.TOTAL_COLUMNS) as (typeof WIDGET_SIZING.DISCRETE_SIZES)[number],\n      })),\n    };\n\n    const res = await updateHomepageLayout(layoutData);\n\n    if ('error' in res) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(res.error),\n      });\n    }\n  } catch {\n    toggleNotification({\n      type: 'danger',\n      message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n    });\n  }\n};\n\nconst moveWidget = ({\n  filteredWidgets,\n  columnWidths,\n  widgetId,\n  insertIndex,\n  targetRowIndex,\n  isHorizontalDrop,\n}: MoveWidgetOptions) => {\n  const widget = filteredWidgets.find((w) => w.uid === widgetId);\n  if (!widget) return { newWidgets: filteredWidgets, newWidths: columnWidths };\n\n  const widgetRows = calculateWidgetRows(filteredWidgets, columnWidths);\n\n  // Move widget in the array\n  const newWidgets = moveWidgetInArray(filteredWidgets, widgetId, insertIndex);\n\n  // Calculate optimal widths for both source and target rows\n  const newWidths = { ...columnWidths };\n\n  // Find the source row (where the widget was removed from)\n  const sourceRow = findRowContainingWidget(widgetRows, widgetId, filteredWidgets);\n\n  if (isHorizontalDrop) {\n    // This is a horizontal drop zone - widget gets full width in its own row\n    newWidths[widgetId] = WIDGET_SIZING.TOTAL_COLUMNS;\n\n    // Resize source row (after widget removal)\n    const sourceRowResize = resizeRowAfterRemoval(sourceRow, widgetId, newWidths);\n    Object.assign(newWidths, sourceRowResize);\n  } else {\n    // This is a vertical drop zone within a row\n    const targetRow = widgetRows[targetRowIndex!];\n\n    // Check if we're reordering within the same row\n    const isSameRowReorder =\n      sourceRow && targetRow && sourceRow.startIndex === targetRow.startIndex;\n\n    if (isSameRowReorder) {\n      // For same-row reordering, just preserve the existing widths\n      return { newWidgets, newWidths };\n    }\n\n    // Different rows - resize both source and target rows\n    // Resize source row (after widget removal)\n    const sourceRowResize = resizeRowAfterRemoval(sourceRow, widgetId, newWidths);\n    Object.assign(newWidths, sourceRowResize);\n\n    // Resize target row (after widget addition)\n    const targetRowResize = resizeRowAfterAddition(targetRow, widget, insertIndex, newWidths);\n    Object.assign(newWidths, targetRowResize);\n  }\n\n  return { newWidgets, newWidths };\n};\n\nconst deleteWidget = (filteredWidgets: WidgetWithUID[], columnWidths: Record<string, number>) => {\n  const widgetRows = calculateWidgetRows(filteredWidgets, columnWidths);\n\n  return (widgetId: string) => {\n    const { [widgetId]: _removed, ...newWidths } = columnWidths;\n\n    // Find the row containing the deleted widget\n    const deletedWidgetIndex = filteredWidgets.findIndex((w) => w.uid === widgetId);\n    if (deletedWidgetIndex === -1) return { newWidgets: filteredWidgets, newWidths };\n    const affectedRow = widgetRows.find(\n      (row) => deletedWidgetIndex >= row.startIndex && deletedWidgetIndex <= row.endIndex\n    );\n\n    // Use resizeRowAfterRemoval to resize the affected row\n    const finalWidths = resizeRowAfterRemoval(affectedRow, widgetId, newWidths);\n    const newWidgets = filteredWidgets.filter((w) => w.uid !== widgetId);\n\n    return { newWidgets, newWidths: finalWidths };\n  };\n};\n\nconst addWidget = (filteredWidgets: WidgetWithUID[], columnWidths: Record<string, number>) => {\n  return (widget: WidgetWithUID) => {\n    // Check if widget is already added\n    const index = filteredWidgets.findIndex((w) => w.uid === widget.uid);\n    if (index !== -1) return { newWidgets: filteredWidgets, newWidths: columnWidths };\n\n    const newWidgets = [...filteredWidgets, widget];\n    const newWidths = { ...columnWidths };\n    // New widget always takes full width in its own row\n    newWidths[widget.uid] = WIDGET_SIZING.TOTAL_COLUMNS;\n\n    return { newWidgets, newWidths };\n  };\n};\n\nconst handleWidgetResize = ({\n  filteredWidgets,\n  columnWidths,\n  leftWidgetId,\n  rightWidgetId,\n  newLeftWidth,\n  newRightWidth,\n}: HandleWidgetResizeOptions) => {\n  // Check if widgets can be resized (adjacent, same row, valid sizes)\n  if (!canResizeBetweenWidgets(leftWidgetId, rightWidgetId, columnWidths, filteredWidgets)) {\n    return columnWidths;\n  }\n\n  if (!isValidResizeOperation(newLeftWidth, newRightWidth)) {\n    // Resize would violate constraints, don't allow it\n    return columnWidths;\n  }\n\n  return {\n    ...columnWidths,\n    [leftWidgetId]: newLeftWidth,\n    [rightWidgetId]: newRightWidth,\n  };\n};\n\ninterface UseWidgetsOptions {\n  filteredWidgets: WidgetWithUID[];\n  setFilteredWidgets: (\n    widgets: WidgetWithUID[] | ((prev: WidgetWithUID[]) => WidgetWithUID[])\n  ) => void;\n}\n\nexport const useWidgets = ({ filteredWidgets, setFilteredWidgets }: UseWidgetsOptions) => {\n  const [columnWidths, setColumnWidths] = React.useState<Record<string, number>>({});\n  const [isDraggingWidget, setIsDraggingWidget] = React.useState(false);\n  const [draggedWidgetId, setDraggedWidgetId] = React.useState<string | undefined>();\n\n  const [updateHomepageLayout] = useUpdateHomepageLayoutMutation();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const { formatMessage } = useIntl();\n\n  const findWidgetFn: FindWidgetFunction = (widgetId: string) =>\n    findWidget(filteredWidgets, widgetId);\n\n  const moveWidgetFn = (\n    widgetId: string,\n    insertIndex: number,\n    targetRowIndex?: number,\n    isHorizontalDrop?: boolean\n  ) => {\n    const result = moveWidget({\n      filteredWidgets,\n      columnWidths,\n      widgetId,\n      insertIndex,\n      targetRowIndex,\n      isHorizontalDrop,\n    });\n\n    setFilteredWidgets(result.newWidgets);\n    setColumnWidths(result.newWidths);\n\n    saveLayout({\n      widgets: result.newWidgets,\n      widths: result.newWidths,\n      updateHomepageLayout,\n      toggleNotification,\n      formatAPIError,\n      formatMessage,\n    });\n  };\n\n  const deleteWidgetFn: WidgetIdFunction = (widgetId: string) => {\n    const deleteWidgetOperation = deleteWidget(filteredWidgets, columnWidths);\n    const result = deleteWidgetOperation(widgetId);\n\n    setFilteredWidgets(result.newWidgets);\n    setColumnWidths(result.newWidths);\n\n    saveLayout({\n      widgets: result.newWidgets,\n      widths: result.newWidths,\n      updateHomepageLayout,\n      toggleNotification,\n      formatAPIError,\n      formatMessage,\n    });\n  };\n\n  const addWidgetFn = (widget: WidgetWithUID) => {\n    const addWidgetOperation = addWidget(filteredWidgets, columnWidths);\n    const result = addWidgetOperation(widget);\n\n    setFilteredWidgets(result.newWidgets);\n    setColumnWidths(result.newWidths);\n\n    saveLayout({\n      widgets: result.newWidgets,\n      widths: result.newWidths,\n      updateHomepageLayout,\n      toggleNotification,\n      formatAPIError,\n      formatMessage,\n    });\n  };\n\n  const handleWidgetResizeFn = (\n    leftWidgetId: string,\n    rightWidgetId: string,\n    newLeftWidth: number,\n    newRightWidth: number\n  ) => {\n    const newWidths = handleWidgetResize({\n      filteredWidgets,\n      columnWidths,\n      leftWidgetId,\n      rightWidgetId,\n      newLeftWidth,\n      newRightWidth,\n    });\n\n    setColumnWidths(newWidths);\n  };\n\n  const handleDragStart: WidgetIdFunction = React.useCallback((widgetId: string) => {\n    setIsDraggingWidget(true);\n    setDraggedWidgetId(widgetId);\n  }, []);\n\n  const handleDragEnd: DragEndFunction = React.useCallback(() => {\n    setIsDraggingWidget(false);\n    setDraggedWidgetId(undefined);\n  }, []);\n\n  const saveLayoutFn = () => {\n    saveLayout({\n      widgets: filteredWidgets,\n      widths: columnWidths,\n      updateHomepageLayout,\n      toggleNotification,\n      formatAPIError,\n      formatMessage,\n    });\n  };\n\n  return {\n    findWidget: findWidgetFn,\n    deleteWidget: deleteWidgetFn,\n    addWidget: addWidgetFn,\n    moveWidget: moveWidgetFn,\n    columnWidths,\n    setColumnWidths,\n    handleWidgetResize: handleWidgetResizeFn,\n    saveLayout: saveLayoutFn,\n    isDraggingWidget,\n    draggedWidgetId,\n    handleDragStart,\n    handleDragEnd,\n  };\n};\n"],"names":["findWidget","filteredWidgets","widgetId","widget","find","c","uid","undefined","index","indexOf","saveLayout","widgets","widths","updateHomepageLayout","toggleNotification","formatAPIError","formatMessage","layoutData","map","width","WIDGET_SIZING","TOTAL_COLUMNS","res","type","message","error","id","defaultMessage","moveWidget","columnWidths","insertIndex","targetRowIndex","isHorizontalDrop","w","newWidgets","newWidths","widgetRows","calculateWidgetRows","moveWidgetInArray","sourceRow","findRowContainingWidget","sourceRowResize","resizeRowAfterRemoval","Object","assign","targetRow","isSameRowReorder","startIndex","targetRowResize","resizeRowAfterAddition","deleteWidget","_removed","deletedWidgetIndex","findIndex","affectedRow","row","endIndex","finalWidths","filter","addWidget","handleWidgetResize","leftWidgetId","rightWidgetId","newLeftWidth","newRightWidth","canResizeBetweenWidgets","isValidResizeOperation","useWidgets","setFilteredWidgets","setColumnWidths","React","useState","isDraggingWidget","setIsDraggingWidget","draggedWidgetId","setDraggedWidgetId","useUpdateHomepageLayoutMutation","useNotification","_unstableFormatAPIError","useAPIErrorHandler","useIntl","findWidgetFn","moveWidgetFn","result","deleteWidgetFn","deleteWidgetOperation","addWidgetFn","addWidgetOperation","handleWidgetResizeFn","handleDragStart","useCallback","handleDragEnd","saveLayoutFn"],"mappings":"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"}

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

@@ -6,7 +6,8 @@ var getPrefixedId = require('../utils/getPrefixedId.js');
 var normalizeAPIError = require('../utils/normalizeAPIError.js');
 var objects = require('../utils/objects.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -23,7 +24,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * @public

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

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

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

@@ -5,7 +5,8 @@ var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
 var users = require('../services/users.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -22,7 +23,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 const useAdminRoles = (params = {}, queryOptions)=>{
     const { locale } = reactIntl.useIntl();

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,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;;;;"}
+{"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/useControllableState.js

@@ -3,7 +3,8 @@
 var React = require('react');
 var designSystem = require('@strapi/design-system');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -20,7 +21,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function useControllableState({ prop, defaultProp, onChange = ()=>{} }) {
     const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({

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,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;;;;"}
+{"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/useDebounce.js

@@ -2,7 +2,8 @@
 
 var React = require('react');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -19,7 +20,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function useDebounce(value, delay) {
     const [debouncedValue, setDebouncedValue] = React__namespace.useState(value);

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,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;;;;"}
+{"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/useDeviceType.js

@@ -2,7 +2,8 @@
 
 var React = require('react');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -19,7 +20,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * Hook to detect the device type used by the user

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,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;;;;"}
+{"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/useElementOnScreen.js

@@ -2,7 +2,8 @@
 
 var React = require('react');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -19,7 +20,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * Hook that returns a ref to an element and a boolean indicating if the element is in the viewport

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,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;;;;"}
+{"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/useEnterprise.js

@@ -3,7 +3,8 @@
 var React = require('react');
 var designSystem = require('@strapi/design-system');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -20,7 +21,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function isEnterprise() {
     return window.strapi.isEE;

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,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;;;;"}
+{"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/useFetchClient.js

@@ -3,7 +3,8 @@
 var React = require('react');
 var getFetchClient = require('../utils/getFetchClient.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -20,7 +21,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * @public

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,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;;;;"}
+{"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/useForceUpdate.js

@@ -3,7 +3,8 @@
 var React = require('react');
 var useIsMounted = require('./useIsMounted.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -20,7 +21,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * @internal

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,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;;;;"}
+{"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/useIdleSessionLogout.js

@@ -3,7 +3,8 @@
 var React = require('react');
 var jwt = require('../utils/jwt.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -20,21 +21,37 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 const SESSION_EXPIRY_BUFFER_MS = 1000;
 /**
- * Schedule a one-shot logout when the access token's `exp` elapses.
+ * How long before the access token's `exp` an active tab renews. Renewing
+ * ahead of expiry (rather than at it) means the refreshed token is already in
+ * shared storage by the time any *other* tab's logout timer fires — so an idle
+ * sibling re-syncs instead of racing the refresh and logging itself out.
+ */ const SESSION_RENEW_MARGIN_MS = 10000;
+/**
+ * Keep the admin session alive while the user is active, and end it when they
+ * are genuinely idle — without one tab tearing down another.
+ *
+ * The access token is short-lived (`accessTokenLifespan`, e.g. 30 min) and is
+ * meant to be refreshed, not to be the session length. Two timers are armed per
+ * token:
  *
- * The hook re-runs whenever `token` changes. While the user is active, every
- * API call that hits a 401 transparently refreshes the access token (see
- * `withTokenRefresh` in `getFetchClient.ts`), which dispatches `setToken` and
- * causes this effect to re-arm with the new, later `exp`.
+ * - Renew (at `exp` minus a margin): if the user interacted during this token's
+ *   lifetime, silently renew *ahead* of expiry. The new `setToken` re-arms the
+ *   hook; a server rejection (`onSessionDead`) ends the session globally.
+ *   Renewing early guarantees the refreshed token reaches shared storage before
+ *   any sibling tab's logout timer fires.
+ * - Logout (just after `exp`): the fallback when this tab did not renew. It
+ *   first re-syncs from a token another tab refreshed (so an idle tab rides on
+ *   an active sibling), then renews if activity arrived late, and only otherwise
+ *   logs out — locally, so idle tabs never force-logout active ones.
  *
- * If the JWT can't be decoded (malformed, missing `exp`), the timer is
- * skipped silently — the active-tab redirect on 401 still covers the
- * symptom on the next user-initiated request.
- */ const useIdleSessionLogout = ({ token, onExpired, disabled = false })=>{
+ * If the JWT can't be decoded (malformed, missing `exp`), the timers are skipped
+ * silently — the active-tab redirect on 401 still covers the symptom on the next
+ * user-initiated request.
+ */ const useIdleSessionLogout = ({ token, onExpired, onSessionDead, getStoredToken, onResync, getLastActivityAt, renewSession, disabled = false })=>{
     React__namespace.useEffect(()=>{
         if (!token || disabled) {
             return undefined;
@@ -43,20 +60,73 @@ const SESSION_EXPIRY_BUFFER_MS = 1000;
         if (expiry === null) {
             return undefined;
         }
-        const msUntilExpiry = expiry - Date.now() + SESSION_EXPIRY_BUFFER_MS;
-        const timeoutId = window.setTimeout(()=>{
+        // When this token became active. Activity recorded after this point means
+        // the user was present during the token's lifetime.
+        const armedAt = Date.now();
+        const wasActive = ()=>typeof getLastActivityAt === 'function' && getLastActivityAt() >= armedAt;
+        // Adopt a fresher token another tab wrote to shared storage. Returns true
+        // when it re-synced (caller should stop).
+        const tryResync = ()=>{
+            const storedToken = getStoredToken?.() ?? null;
+            if (storedToken && storedToken !== token && onResync) {
+                const storedExpiry = jwt.decodeAccessTokenExpiry(storedToken);
+                if (storedExpiry !== null && storedExpiry > expiry) {
+                    onResync(storedToken);
+                    return true;
+                }
+            }
+            return false;
+        };
+        const renew = ()=>{
+            renewSession().then((renewed)=>{
+                if (!renewed) {
+                    // Server rejected the refresh: the session is truly over.
+                    (onSessionDead ?? onExpired)();
+                }
+            // On success, storeToken -> setToken updates the token prop, which
+            // re-runs this effect and re-arms against the new exp.
+            });
+        };
+        // Renew ahead of expiry while the user is active.
+        const renewDelay = Math.max(expiry - armedAt - SESSION_RENEW_MARGIN_MS, 0);
+        const renewTimeoutId = window.setTimeout(()=>{
+            if (tryResync()) {
+                return;
+            }
+            if (wasActive() && renewSession) {
+                renew();
+            }
+        }, renewDelay);
+        // Fallback decision just after expiry, for tabs that did not renew.
+        const logoutDelay = Math.max(expiry - armedAt + SESSION_EXPIRY_BUFFER_MS, 0);
+        const logoutTimeoutId = window.setTimeout(()=>{
+            if (tryResync()) {
+                return;
+            }
+            if (wasActive() && renewSession) {
+                renew();
+                return;
+            }
+            // Genuinely idle: log out only this tab.
             onExpired();
-        }, Math.max(msUntilExpiry, 0));
+        }, logoutDelay);
         return ()=>{
-            window.clearTimeout(timeoutId);
+            window.clearTimeout(renewTimeoutId);
+            window.clearTimeout(logoutTimeoutId);
         };
     }, [
         token,
         onExpired,
+        onSessionDead,
+        getStoredToken,
+        onResync,
+        getLastActivityAt,
+        renewSession,
         disabled
     ]);
 };
 
 exports.SESSION_EXPIRY_BUFFER_MS = SESSION_EXPIRY_BUFFER_MS;
+exports.SESSION_RENEW_MARGIN_MS = SESSION_RENEW_MARGIN_MS;
 exports.useIdleSessionLogout = useIdleSessionLogout;
 //# sourceMappingURL=useIdleSessionLogout.js.map