@strapi/admin 5.26.0 → 5.28.0

package/dist/admin/admin/src/components/GapDropZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GapDropZone.js","sources":["../../../../../admin/src/components/GapDropZone.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\n// TODO: use @dnd-kit/core instead\nimport { useDrop } from 'react-dnd';\nimport { styled } from 'styled-components';\n\nimport {\n  calculateWidgetRows,\n  type WidgetRow,\n  getWidgetElement,\n  getWidgetGridContainer,\n} from '../utils/widgetLayout';\n\nimport type { WidgetWithUID } from '../core/apis/Widgets';\n\nexport const DROP_ZONE_SIZE = 20;\n\nexport interface GapDropZonePosition {\n  insertIndex: number;\n  position: { left: number; top: number; height: number; width: number };\n  isVisible: boolean;\n  type: 'vertical' | 'horizontal';\n  isHorizontalDrop?: boolean;\n  targetRowIndex?: number;\n}\n\ninterface GapDropZoneManagerProps {\n  filteredWidgets: WidgetWithUID[];\n  columnWidths: Record<string, number>;\n  draggedWidgetId?: string;\n  moveWidget: (id: string, to: number, targetRowIndex?: number, isHorizontalDrop?: boolean) => void;\n}\n\nconst getRowInfo = (row: WidgetRow) => {\n  const firstWidgetElement = getWidgetElement(row.widgets[0].uid);\n  const lastWidgetElement = getWidgetElement(row.widgets[row.widgets.length - 1].uid);\n  const containerElement = getWidgetGridContainer();\n\n  if (!firstWidgetElement || !lastWidgetElement || !containerElement) {\n    return null;\n  }\n\n  const firstRect = firstWidgetElement.getBoundingClientRect();\n  const lastRect = lastWidgetElement.getBoundingClientRect();\n  const containerRect = containerElement.getBoundingClientRect();\n\n  return {\n    firstWidgetElement,\n    lastWidgetElement,\n    containerElement,\n    firstRect,\n    lastRect,\n    containerRect,\n    rowHeight: Math.max(firstRect.height, lastRect.height),\n    rowTop: firstRect.top - containerRect.top,\n  };\n};\n\nexport const addVerticalDropZones = (\n  row: WidgetRow,\n  rowInfo: ReturnType<typeof getRowInfo>,\n  rowIndex: number\n): GapDropZonePosition[] => {\n  if (!rowInfo) return [];\n\n  const { containerRect, rowTop, rowHeight } = rowInfo;\n  const widgetCount = row.widgets.length;\n\n  // Get widget positions relative to container\n  const widgetPositions = row.widgets\n    .map((widget) => {\n      const element = getWidgetElement(widget.uid);\n      if (!element) return null;\n\n      const rect = element.getBoundingClientRect();\n      return {\n        left: rect.left - containerRect.left,\n        width: rect.width,\n      };\n    })\n    .filter((pos): pos is NonNullable<typeof pos> => pos !== null);\n\n  if (widgetPositions.length !== widgetCount) return [];\n\n  const gapDropZones: GapDropZonePosition[] = [];\n\n  // Always add drop zone before the first widget\n  gapDropZones.push({\n    insertIndex: row.startIndex,\n    position: {\n      left: widgetPositions[0].left - DROP_ZONE_SIZE,\n      top: rowTop,\n      height: rowHeight,\n      width: DROP_ZONE_SIZE,\n    },\n    isVisible: true,\n    type: 'vertical',\n    targetRowIndex: rowIndex,\n  });\n\n  // Add drop zones between widgets\n  widgetPositions.slice(0, -1).forEach((currentWidget, i) => {\n    gapDropZones.push({\n      insertIndex: row.startIndex + i + 1,\n      position: {\n        left: currentWidget.left + currentWidget.width,\n        top: rowTop,\n        height: rowHeight,\n        width: DROP_ZONE_SIZE,\n      },\n      isVisible: true,\n      type: 'vertical',\n      targetRowIndex: rowIndex,\n    });\n  });\n\n  // Always add drop zone after the last widget\n  const lastWidget = widgetPositions[widgetCount - 1];\n  gapDropZones.push({\n    insertIndex: row.endIndex + 1,\n    position: {\n      left: lastWidget.left + lastWidget.width,\n      top: rowTop,\n      height: rowHeight,\n      width: DROP_ZONE_SIZE,\n    },\n    isVisible: true,\n    type: 'vertical',\n    targetRowIndex: rowIndex,\n  });\n\n  return gapDropZones;\n};\n\nexport const addHorizontalDropZones = (\n  row: WidgetRow,\n  rowIndex: number,\n  rowInfo: ReturnType<typeof getRowInfo>,\n  widgetRows: WidgetRow[],\n  filteredWidgets: WidgetWithUID[]\n): GapDropZonePosition[] => {\n  if (!rowInfo) return [];\n\n  // Don't show horizontal drop zones if there's only one row with one widget\n  if (widgetRows.length === 1 && row.widgets.length === 1) return [];\n\n  const { containerRect } = rowInfo;\n  const containerWidth = containerRect.width;\n  const horizontalDropZoneHeight = DROP_ZONE_SIZE;\n\n  const gapDropZones: GapDropZonePosition[] = [];\n\n  // Add horizontal drop zone above the first row\n  if (rowIndex === 0) {\n    const firstRowRect = rowInfo.firstRect;\n    const firstRowTop = firstRowRect.top - containerRect.top;\n\n    gapDropZones.push({\n      insertIndex: 0,\n      position: {\n        left: 0,\n        top: firstRowTop - horizontalDropZoneHeight,\n        height: horizontalDropZoneHeight,\n        width: containerWidth,\n      },\n      isVisible: true,\n      type: 'horizontal',\n      isHorizontalDrop: true,\n    });\n  }\n\n  // Add horizontal drop zone below the current row (between rows or after last row)\n  if (rowIndex < widgetRows.length - 1) {\n    // Between rows: position above the next row\n    const nextRow = widgetRows[rowIndex + 1];\n    const nextRowFirstWidgetElement = getWidgetElement(nextRow.widgets[0].uid);\n\n    if (nextRowFirstWidgetElement) {\n      const nextRowRect = nextRowFirstWidgetElement.getBoundingClientRect();\n      const nextRowTop = nextRowRect.top - containerRect.top;\n\n      gapDropZones.push({\n        insertIndex: row.endIndex + 1,\n        position: {\n          left: 0,\n          top: nextRowTop - horizontalDropZoneHeight,\n          height: horizontalDropZoneHeight,\n          width: containerWidth,\n        },\n        isVisible: true,\n        type: 'horizontal',\n        isHorizontalDrop: true,\n      });\n    }\n  } else {\n    // After the last row: position below the current row\n    const lastRowRect = rowInfo.lastRect;\n    const lastRowBottom = lastRowRect.bottom - containerRect.top;\n\n    gapDropZones.push({\n      insertIndex: filteredWidgets.length,\n      position: {\n        left: 0,\n        top: lastRowBottom,\n        height: horizontalDropZoneHeight,\n        width: containerWidth,\n      },\n      isVisible: true,\n      type: 'horizontal',\n      isHorizontalDrop: true,\n    });\n  }\n\n  return gapDropZones;\n};\n\nexport const GapDropZoneManager = ({\n  filteredWidgets,\n  columnWidths,\n  draggedWidgetId,\n  moveWidget,\n}: GapDropZoneManagerProps) => {\n  const [positions, setPositions] = React.useState<GapDropZonePosition[]>([]);\n\n  // Calculate widget rows\n  const widgetRows = React.useMemo(() => {\n    return calculateWidgetRows(filteredWidgets, columnWidths);\n  }, [filteredWidgets, columnWidths]);\n\n  // Main function to calculate GapDropZone positions\n  const calculateGapDropZonePositions = React.useCallback(() => {\n    const gapDropZones: GapDropZonePosition[] = [];\n\n    // Find which row the dragged widget is from\n    const draggedWidgetRow = draggedWidgetId\n      ? widgetRows.find((row) => row.widgets.some((widget) => widget.uid === draggedWidgetId))\n      : null;\n\n    widgetRows.forEach((row, rowIndex) => {\n      const rowInfo = getRowInfo(row);\n      if (!rowInfo) return;\n\n      const widgetCount = row.widgets.length;\n\n      // Determine if we should show vertical drop zones for this row\n      const isDraggingFromThisRow = draggedWidgetRow && draggedWidgetRow === row;\n      const isDraggingFromAnotherRow = draggedWidgetRow && draggedWidgetRow !== row;\n      const canAcceptMoreWidgets = widgetCount < 3;\n\n      const shouldShowVerticalDropZones =\n        isDraggingFromThisRow || (isDraggingFromAnotherRow && canAcceptMoreWidgets);\n\n      // Add vertical drop zones based on widget count\n      if (shouldShowVerticalDropZones) {\n        const verticalDropZones = addVerticalDropZones(row, rowInfo, rowIndex);\n        gapDropZones.push(...verticalDropZones);\n      }\n\n      // Add horizontal drop zones\n      const horizontalDropZones = addHorizontalDropZones(\n        row,\n        rowIndex,\n        rowInfo,\n        widgetRows,\n        filteredWidgets\n      );\n      gapDropZones.push(...horizontalDropZones);\n    });\n\n    return gapDropZones;\n  }, [widgetRows, draggedWidgetId, filteredWidgets]);\n\n  React.useLayoutEffect(() => {\n    const updatePositions = () => {\n      const newPositions = calculateGapDropZonePositions();\n      setPositions(newPositions);\n    };\n\n    updatePositions();\n\n    // Update positions on container resize using ResizeObserver\n    const containerElement = getWidgetGridContainer();\n    if (!containerElement) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      updatePositions();\n    });\n\n    resizeObserver.observe(containerElement);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [calculateGapDropZonePositions]);\n\n  return positions.map((gapDropZone) => (\n    <GapDropZone\n      key={`gap-drop-zone-${gapDropZone.type}-${gapDropZone.insertIndex}-${gapDropZone.targetRowIndex ?? 'no-row'}`}\n      insertIndex={gapDropZone.insertIndex}\n      position={gapDropZone.position}\n      isVisible={gapDropZone.isVisible}\n      type={gapDropZone.type}\n      moveWidget={moveWidget}\n      targetRowIndex={gapDropZone.targetRowIndex}\n    />\n  ));\n};\n\ninterface GapDropZoneProps {\n  insertIndex: number;\n  position: { left: number; top: number; height: number; width: number };\n  isVisible: boolean;\n  type: 'vertical' | 'horizontal';\n  moveWidget: (id: string, to: number, targetRowIndex?: number, isHorizontalDrop?: boolean) => void;\n  targetRowIndex?: number;\n}\n\nconst GapDropZoneContainer = styled(Box)<{\n  $isOver: boolean;\n}>`\n  background-color: ${({ $isOver, theme }) =>\n    $isOver ? `${theme.colors.primary100}` : 'transparent'};\n  border: ${({ $isOver, theme }) =>\n    $isOver ? `2px solid ${theme.colors.primary500}` : '2px solid transparent'};\n  opacity: ${({ $isOver }) => ($isOver ? 1 : 0.6)};\n  transition: all 0.2s ease-in-out;\n  cursor: pointer;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: ${DROP_ZONE_SIZE}px;\n  z-index: 1;\n`;\n\nconst GapDropZone = ({\n  insertIndex,\n  position,\n  isVisible,\n  type,\n  moveWidget,\n  targetRowIndex,\n}: GapDropZoneProps) => {\n  const isHorizontalDrop = type === 'horizontal';\n\n  const [{ isOver }, drop] = useDrop(\n    () => ({\n      accept: 'widget',\n      drop: (item: { id: string }) => {\n        moveWidget(item.id, insertIndex, targetRowIndex, isHorizontalDrop);\n      },\n      collect: (monitor) => ({\n        isOver: monitor.isOver(),\n      }),\n    }),\n    [insertIndex, isHorizontalDrop, moveWidget, targetRowIndex]\n  );\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <GapDropZoneContainer\n      ref={drop}\n      $isOver={isOver}\n      style={{\n        transform: `translate(${position.left}px, ${position.top}px)`,\n        height: `${position.height}px`,\n        width: `${position.width}px`,\n      }}\n    />\n  );\n};\n"],"names":["DROP_ZONE_SIZE","getRowInfo","row","firstWidgetElement","getWidgetElement","widgets","uid","lastWidgetElement","length","containerElement","getWidgetGridContainer","firstRect","getBoundingClientRect","lastRect","containerRect","rowHeight","Math","max","height","rowTop","top","addVerticalDropZones","rowInfo","rowIndex","widgetCount","widgetPositions","map","widget","element","rect","left","width","filter","pos","gapDropZones","push","insertIndex","startIndex","position","isVisible","type","targetRowIndex","slice","forEach","currentWidget","i","lastWidget","endIndex","addHorizontalDropZones","widgetRows","filteredWidgets","containerWidth","horizontalDropZoneHeight","firstRowRect","firstRowTop","isHorizontalDrop","nextRow","nextRowFirstWidgetElement","nextRowRect","nextRowTop","lastRowRect","lastRowBottom","bottom","GapDropZoneManager","columnWidths","draggedWidgetId","moveWidget","positions","setPositions","React","useState","useMemo","calculateWidgetRows","calculateGapDropZonePositions","useCallback","draggedWidgetRow","find","some","isDraggingFromThisRow","isDraggingFromAnotherRow","canAcceptMoreWidgets","shouldShowVerticalDropZones","verticalDropZones","horizontalDropZones","useLayoutEffect","updatePositions","newPositions","resizeObserver","ResizeObserver","observe","disconnect","gapDropZone","_jsx","GapDropZone","GapDropZoneContainer","styled","Box","$isOver","theme","colors","primary100","primary500","borderRadius","isOver","drop","useDrop","accept","item","id","collect","monitor","ref","style","transform"],"mappings":"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"}

package/dist/admin/admin/src/components/GapDropZone.mjs

@@ -0,0 +1,268 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box } from '@strapi/design-system';
+import { useDrop } from 'react-dnd';
+import { styled } from 'styled-components';
+import { calculateWidgetRows, getWidgetGridContainer, getWidgetElement } from '../utils/widgetLayout.mjs';
+
+const DROP_ZONE_SIZE = 20;
+const getRowInfo = (row)=>{
+    const firstWidgetElement = getWidgetElement(row.widgets[0].uid);
+    const lastWidgetElement = getWidgetElement(row.widgets[row.widgets.length - 1].uid);
+    const containerElement = getWidgetGridContainer();
+    if (!firstWidgetElement || !lastWidgetElement || !containerElement) {
+        return null;
+    }
+    const firstRect = firstWidgetElement.getBoundingClientRect();
+    const lastRect = lastWidgetElement.getBoundingClientRect();
+    const containerRect = containerElement.getBoundingClientRect();
+    return {
+        firstWidgetElement,
+        lastWidgetElement,
+        containerElement,
+        firstRect,
+        lastRect,
+        containerRect,
+        rowHeight: Math.max(firstRect.height, lastRect.height),
+        rowTop: firstRect.top - containerRect.top
+    };
+};
+const addVerticalDropZones = (row, rowInfo, rowIndex)=>{
+    if (!rowInfo) return [];
+    const { containerRect, rowTop, rowHeight } = rowInfo;
+    const widgetCount = row.widgets.length;
+    // Get widget positions relative to container
+    const widgetPositions = row.widgets.map((widget)=>{
+        const element = getWidgetElement(widget.uid);
+        if (!element) return null;
+        const rect = element.getBoundingClientRect();
+        return {
+            left: rect.left - containerRect.left,
+            width: rect.width
+        };
+    }).filter((pos)=>pos !== null);
+    if (widgetPositions.length !== widgetCount) return [];
+    const gapDropZones = [];
+    // Always add drop zone before the first widget
+    gapDropZones.push({
+        insertIndex: row.startIndex,
+        position: {
+            left: widgetPositions[0].left - DROP_ZONE_SIZE,
+            top: rowTop,
+            height: rowHeight,
+            width: DROP_ZONE_SIZE
+        },
+        isVisible: true,
+        type: 'vertical',
+        targetRowIndex: rowIndex
+    });
+    // Add drop zones between widgets
+    widgetPositions.slice(0, -1).forEach((currentWidget, i)=>{
+        gapDropZones.push({
+            insertIndex: row.startIndex + i + 1,
+            position: {
+                left: currentWidget.left + currentWidget.width,
+                top: rowTop,
+                height: rowHeight,
+                width: DROP_ZONE_SIZE
+            },
+            isVisible: true,
+            type: 'vertical',
+            targetRowIndex: rowIndex
+        });
+    });
+    // Always add drop zone after the last widget
+    const lastWidget = widgetPositions[widgetCount - 1];
+    gapDropZones.push({
+        insertIndex: row.endIndex + 1,
+        position: {
+            left: lastWidget.left + lastWidget.width,
+            top: rowTop,
+            height: rowHeight,
+            width: DROP_ZONE_SIZE
+        },
+        isVisible: true,
+        type: 'vertical',
+        targetRowIndex: rowIndex
+    });
+    return gapDropZones;
+};
+const addHorizontalDropZones = (row, rowIndex, rowInfo, widgetRows, filteredWidgets)=>{
+    if (!rowInfo) return [];
+    // Don't show horizontal drop zones if there's only one row with one widget
+    if (widgetRows.length === 1 && row.widgets.length === 1) return [];
+    const { containerRect } = rowInfo;
+    const containerWidth = containerRect.width;
+    const horizontalDropZoneHeight = DROP_ZONE_SIZE;
+    const gapDropZones = [];
+    // Add horizontal drop zone above the first row
+    if (rowIndex === 0) {
+        const firstRowRect = rowInfo.firstRect;
+        const firstRowTop = firstRowRect.top - containerRect.top;
+        gapDropZones.push({
+            insertIndex: 0,
+            position: {
+                left: 0,
+                top: firstRowTop - horizontalDropZoneHeight,
+                height: horizontalDropZoneHeight,
+                width: containerWidth
+            },
+            isVisible: true,
+            type: 'horizontal',
+            isHorizontalDrop: true
+        });
+    }
+    // Add horizontal drop zone below the current row (between rows or after last row)
+    if (rowIndex < widgetRows.length - 1) {
+        // Between rows: position above the next row
+        const nextRow = widgetRows[rowIndex + 1];
+        const nextRowFirstWidgetElement = getWidgetElement(nextRow.widgets[0].uid);
+        if (nextRowFirstWidgetElement) {
+            const nextRowRect = nextRowFirstWidgetElement.getBoundingClientRect();
+            const nextRowTop = nextRowRect.top - containerRect.top;
+            gapDropZones.push({
+                insertIndex: row.endIndex + 1,
+                position: {
+                    left: 0,
+                    top: nextRowTop - horizontalDropZoneHeight,
+                    height: horizontalDropZoneHeight,
+                    width: containerWidth
+                },
+                isVisible: true,
+                type: 'horizontal',
+                isHorizontalDrop: true
+            });
+        }
+    } else {
+        // After the last row: position below the current row
+        const lastRowRect = rowInfo.lastRect;
+        const lastRowBottom = lastRowRect.bottom - containerRect.top;
+        gapDropZones.push({
+            insertIndex: filteredWidgets.length,
+            position: {
+                left: 0,
+                top: lastRowBottom,
+                height: horizontalDropZoneHeight,
+                width: containerWidth
+            },
+            isVisible: true,
+            type: 'horizontal',
+            isHorizontalDrop: true
+        });
+    }
+    return gapDropZones;
+};
+const GapDropZoneManager = ({ filteredWidgets, columnWidths, draggedWidgetId, moveWidget })=>{
+    const [positions, setPositions] = React.useState([]);
+    // Calculate widget rows
+    const widgetRows = React.useMemo(()=>{
+        return calculateWidgetRows(filteredWidgets, columnWidths);
+    }, [
+        filteredWidgets,
+        columnWidths
+    ]);
+    // Main function to calculate GapDropZone positions
+    const calculateGapDropZonePositions = React.useCallback(()=>{
+        const gapDropZones = [];
+        // Find which row the dragged widget is from
+        const draggedWidgetRow = draggedWidgetId ? widgetRows.find((row)=>row.widgets.some((widget)=>widget.uid === draggedWidgetId)) : null;
+        widgetRows.forEach((row, rowIndex)=>{
+            const rowInfo = getRowInfo(row);
+            if (!rowInfo) return;
+            const widgetCount = row.widgets.length;
+            // Determine if we should show vertical drop zones for this row
+            const isDraggingFromThisRow = draggedWidgetRow && draggedWidgetRow === row;
+            const isDraggingFromAnotherRow = draggedWidgetRow && draggedWidgetRow !== row;
+            const canAcceptMoreWidgets = widgetCount < 3;
+            const shouldShowVerticalDropZones = isDraggingFromThisRow || isDraggingFromAnotherRow && canAcceptMoreWidgets;
+            // Add vertical drop zones based on widget count
+            if (shouldShowVerticalDropZones) {
+                const verticalDropZones = addVerticalDropZones(row, rowInfo, rowIndex);
+                gapDropZones.push(...verticalDropZones);
+            }
+            // Add horizontal drop zones
+            const horizontalDropZones = addHorizontalDropZones(row, rowIndex, rowInfo, widgetRows, filteredWidgets);
+            gapDropZones.push(...horizontalDropZones);
+        });
+        return gapDropZones;
+    }, [
+        widgetRows,
+        draggedWidgetId,
+        filteredWidgets
+    ]);
+    React.useLayoutEffect(()=>{
+        const updatePositions = ()=>{
+            const newPositions = calculateGapDropZonePositions();
+            setPositions(newPositions);
+        };
+        updatePositions();
+        // Update positions on container resize using ResizeObserver
+        const containerElement = getWidgetGridContainer();
+        if (!containerElement) return;
+        const resizeObserver = new ResizeObserver(()=>{
+            updatePositions();
+        });
+        resizeObserver.observe(containerElement);
+        return ()=>{
+            resizeObserver.disconnect();
+        };
+    }, [
+        calculateGapDropZonePositions
+    ]);
+    return positions.map((gapDropZone)=>/*#__PURE__*/ jsx(GapDropZone, {
+            insertIndex: gapDropZone.insertIndex,
+            position: gapDropZone.position,
+            isVisible: gapDropZone.isVisible,
+            type: gapDropZone.type,
+            moveWidget: moveWidget,
+            targetRowIndex: gapDropZone.targetRowIndex
+        }, `gap-drop-zone-${gapDropZone.type}-${gapDropZone.insertIndex}-${gapDropZone.targetRowIndex ?? 'no-row'}`));
+};
+const GapDropZoneContainer = styled(Box)`
+  background-color: ${({ $isOver, theme })=>$isOver ? `${theme.colors.primary100}` : 'transparent'};
+  border: ${({ $isOver, theme })=>$isOver ? `2px solid ${theme.colors.primary500}` : '2px solid transparent'};
+  opacity: ${({ $isOver })=>$isOver ? 1 : 0.6};
+  transition: all 0.2s ease-in-out;
+  cursor: pointer;
+  border-radius: ${({ theme })=>theme.borderRadius};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: ${DROP_ZONE_SIZE}px;
+  z-index: 1;
+`;
+const GapDropZone = ({ insertIndex, position, isVisible, type, moveWidget, targetRowIndex })=>{
+    const isHorizontalDrop = type === 'horizontal';
+    const [{ isOver }, drop] = useDrop(()=>({
+            accept: 'widget',
+            drop: (item)=>{
+                moveWidget(item.id, insertIndex, targetRowIndex, isHorizontalDrop);
+            },
+            collect: (monitor)=>({
+                    isOver: monitor.isOver()
+                })
+        }), [
+        insertIndex,
+        isHorizontalDrop,
+        moveWidget,
+        targetRowIndex
+    ]);
+    if (!isVisible) {
+        return null;
+    }
+    return /*#__PURE__*/ jsx(GapDropZoneContainer, {
+        ref: drop,
+        $isOver: isOver,
+        style: {
+            transform: `translate(${position.left}px, ${position.top}px)`,
+            height: `${position.height}px`,
+            width: `${position.width}px`
+        }
+    });
+};
+
+export { DROP_ZONE_SIZE, GapDropZoneManager, addHorizontalDropZones, addVerticalDropZones };
+//# sourceMappingURL=GapDropZone.mjs.map

package/dist/admin/admin/src/components/GapDropZone.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GapDropZone.mjs","sources":["../../../../../admin/src/components/GapDropZone.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\n// TODO: use @dnd-kit/core instead\nimport { useDrop } from 'react-dnd';\nimport { styled } from 'styled-components';\n\nimport {\n  calculateWidgetRows,\n  type WidgetRow,\n  getWidgetElement,\n  getWidgetGridContainer,\n} from '../utils/widgetLayout';\n\nimport type { WidgetWithUID } from '../core/apis/Widgets';\n\nexport const DROP_ZONE_SIZE = 20;\n\nexport interface GapDropZonePosition {\n  insertIndex: number;\n  position: { left: number; top: number; height: number; width: number };\n  isVisible: boolean;\n  type: 'vertical' | 'horizontal';\n  isHorizontalDrop?: boolean;\n  targetRowIndex?: number;\n}\n\ninterface GapDropZoneManagerProps {\n  filteredWidgets: WidgetWithUID[];\n  columnWidths: Record<string, number>;\n  draggedWidgetId?: string;\n  moveWidget: (id: string, to: number, targetRowIndex?: number, isHorizontalDrop?: boolean) => void;\n}\n\nconst getRowInfo = (row: WidgetRow) => {\n  const firstWidgetElement = getWidgetElement(row.widgets[0].uid);\n  const lastWidgetElement = getWidgetElement(row.widgets[row.widgets.length - 1].uid);\n  const containerElement = getWidgetGridContainer();\n\n  if (!firstWidgetElement || !lastWidgetElement || !containerElement) {\n    return null;\n  }\n\n  const firstRect = firstWidgetElement.getBoundingClientRect();\n  const lastRect = lastWidgetElement.getBoundingClientRect();\n  const containerRect = containerElement.getBoundingClientRect();\n\n  return {\n    firstWidgetElement,\n    lastWidgetElement,\n    containerElement,\n    firstRect,\n    lastRect,\n    containerRect,\n    rowHeight: Math.max(firstRect.height, lastRect.height),\n    rowTop: firstRect.top - containerRect.top,\n  };\n};\n\nexport const addVerticalDropZones = (\n  row: WidgetRow,\n  rowInfo: ReturnType<typeof getRowInfo>,\n  rowIndex: number\n): GapDropZonePosition[] => {\n  if (!rowInfo) return [];\n\n  const { containerRect, rowTop, rowHeight } = rowInfo;\n  const widgetCount = row.widgets.length;\n\n  // Get widget positions relative to container\n  const widgetPositions = row.widgets\n    .map((widget) => {\n      const element = getWidgetElement(widget.uid);\n      if (!element) return null;\n\n      const rect = element.getBoundingClientRect();\n      return {\n        left: rect.left - containerRect.left,\n        width: rect.width,\n      };\n    })\n    .filter((pos): pos is NonNullable<typeof pos> => pos !== null);\n\n  if (widgetPositions.length !== widgetCount) return [];\n\n  const gapDropZones: GapDropZonePosition[] = [];\n\n  // Always add drop zone before the first widget\n  gapDropZones.push({\n    insertIndex: row.startIndex,\n    position: {\n      left: widgetPositions[0].left - DROP_ZONE_SIZE,\n      top: rowTop,\n      height: rowHeight,\n      width: DROP_ZONE_SIZE,\n    },\n    isVisible: true,\n    type: 'vertical',\n    targetRowIndex: rowIndex,\n  });\n\n  // Add drop zones between widgets\n  widgetPositions.slice(0, -1).forEach((currentWidget, i) => {\n    gapDropZones.push({\n      insertIndex: row.startIndex + i + 1,\n      position: {\n        left: currentWidget.left + currentWidget.width,\n        top: rowTop,\n        height: rowHeight,\n        width: DROP_ZONE_SIZE,\n      },\n      isVisible: true,\n      type: 'vertical',\n      targetRowIndex: rowIndex,\n    });\n  });\n\n  // Always add drop zone after the last widget\n  const lastWidget = widgetPositions[widgetCount - 1];\n  gapDropZones.push({\n    insertIndex: row.endIndex + 1,\n    position: {\n      left: lastWidget.left + lastWidget.width,\n      top: rowTop,\n      height: rowHeight,\n      width: DROP_ZONE_SIZE,\n    },\n    isVisible: true,\n    type: 'vertical',\n    targetRowIndex: rowIndex,\n  });\n\n  return gapDropZones;\n};\n\nexport const addHorizontalDropZones = (\n  row: WidgetRow,\n  rowIndex: number,\n  rowInfo: ReturnType<typeof getRowInfo>,\n  widgetRows: WidgetRow[],\n  filteredWidgets: WidgetWithUID[]\n): GapDropZonePosition[] => {\n  if (!rowInfo) return [];\n\n  // Don't show horizontal drop zones if there's only one row with one widget\n  if (widgetRows.length === 1 && row.widgets.length === 1) return [];\n\n  const { containerRect } = rowInfo;\n  const containerWidth = containerRect.width;\n  const horizontalDropZoneHeight = DROP_ZONE_SIZE;\n\n  const gapDropZones: GapDropZonePosition[] = [];\n\n  // Add horizontal drop zone above the first row\n  if (rowIndex === 0) {\n    const firstRowRect = rowInfo.firstRect;\n    const firstRowTop = firstRowRect.top - containerRect.top;\n\n    gapDropZones.push({\n      insertIndex: 0,\n      position: {\n        left: 0,\n        top: firstRowTop - horizontalDropZoneHeight,\n        height: horizontalDropZoneHeight,\n        width: containerWidth,\n      },\n      isVisible: true,\n      type: 'horizontal',\n      isHorizontalDrop: true,\n    });\n  }\n\n  // Add horizontal drop zone below the current row (between rows or after last row)\n  if (rowIndex < widgetRows.length - 1) {\n    // Between rows: position above the next row\n    const nextRow = widgetRows[rowIndex + 1];\n    const nextRowFirstWidgetElement = getWidgetElement(nextRow.widgets[0].uid);\n\n    if (nextRowFirstWidgetElement) {\n      const nextRowRect = nextRowFirstWidgetElement.getBoundingClientRect();\n      const nextRowTop = nextRowRect.top - containerRect.top;\n\n      gapDropZones.push({\n        insertIndex: row.endIndex + 1,\n        position: {\n          left: 0,\n          top: nextRowTop - horizontalDropZoneHeight,\n          height: horizontalDropZoneHeight,\n          width: containerWidth,\n        },\n        isVisible: true,\n        type: 'horizontal',\n        isHorizontalDrop: true,\n      });\n    }\n  } else {\n    // After the last row: position below the current row\n    const lastRowRect = rowInfo.lastRect;\n    const lastRowBottom = lastRowRect.bottom - containerRect.top;\n\n    gapDropZones.push({\n      insertIndex: filteredWidgets.length,\n      position: {\n        left: 0,\n        top: lastRowBottom,\n        height: horizontalDropZoneHeight,\n        width: containerWidth,\n      },\n      isVisible: true,\n      type: 'horizontal',\n      isHorizontalDrop: true,\n    });\n  }\n\n  return gapDropZones;\n};\n\nexport const GapDropZoneManager = ({\n  filteredWidgets,\n  columnWidths,\n  draggedWidgetId,\n  moveWidget,\n}: GapDropZoneManagerProps) => {\n  const [positions, setPositions] = React.useState<GapDropZonePosition[]>([]);\n\n  // Calculate widget rows\n  const widgetRows = React.useMemo(() => {\n    return calculateWidgetRows(filteredWidgets, columnWidths);\n  }, [filteredWidgets, columnWidths]);\n\n  // Main function to calculate GapDropZone positions\n  const calculateGapDropZonePositions = React.useCallback(() => {\n    const gapDropZones: GapDropZonePosition[] = [];\n\n    // Find which row the dragged widget is from\n    const draggedWidgetRow = draggedWidgetId\n      ? widgetRows.find((row) => row.widgets.some((widget) => widget.uid === draggedWidgetId))\n      : null;\n\n    widgetRows.forEach((row, rowIndex) => {\n      const rowInfo = getRowInfo(row);\n      if (!rowInfo) return;\n\n      const widgetCount = row.widgets.length;\n\n      // Determine if we should show vertical drop zones for this row\n      const isDraggingFromThisRow = draggedWidgetRow && draggedWidgetRow === row;\n      const isDraggingFromAnotherRow = draggedWidgetRow && draggedWidgetRow !== row;\n      const canAcceptMoreWidgets = widgetCount < 3;\n\n      const shouldShowVerticalDropZones =\n        isDraggingFromThisRow || (isDraggingFromAnotherRow && canAcceptMoreWidgets);\n\n      // Add vertical drop zones based on widget count\n      if (shouldShowVerticalDropZones) {\n        const verticalDropZones = addVerticalDropZones(row, rowInfo, rowIndex);\n        gapDropZones.push(...verticalDropZones);\n      }\n\n      // Add horizontal drop zones\n      const horizontalDropZones = addHorizontalDropZones(\n        row,\n        rowIndex,\n        rowInfo,\n        widgetRows,\n        filteredWidgets\n      );\n      gapDropZones.push(...horizontalDropZones);\n    });\n\n    return gapDropZones;\n  }, [widgetRows, draggedWidgetId, filteredWidgets]);\n\n  React.useLayoutEffect(() => {\n    const updatePositions = () => {\n      const newPositions = calculateGapDropZonePositions();\n      setPositions(newPositions);\n    };\n\n    updatePositions();\n\n    // Update positions on container resize using ResizeObserver\n    const containerElement = getWidgetGridContainer();\n    if (!containerElement) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      updatePositions();\n    });\n\n    resizeObserver.observe(containerElement);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [calculateGapDropZonePositions]);\n\n  return positions.map((gapDropZone) => (\n    <GapDropZone\n      key={`gap-drop-zone-${gapDropZone.type}-${gapDropZone.insertIndex}-${gapDropZone.targetRowIndex ?? 'no-row'}`}\n      insertIndex={gapDropZone.insertIndex}\n      position={gapDropZone.position}\n      isVisible={gapDropZone.isVisible}\n      type={gapDropZone.type}\n      moveWidget={moveWidget}\n      targetRowIndex={gapDropZone.targetRowIndex}\n    />\n  ));\n};\n\ninterface GapDropZoneProps {\n  insertIndex: number;\n  position: { left: number; top: number; height: number; width: number };\n  isVisible: boolean;\n  type: 'vertical' | 'horizontal';\n  moveWidget: (id: string, to: number, targetRowIndex?: number, isHorizontalDrop?: boolean) => void;\n  targetRowIndex?: number;\n}\n\nconst GapDropZoneContainer = styled(Box)<{\n  $isOver: boolean;\n}>`\n  background-color: ${({ $isOver, theme }) =>\n    $isOver ? `${theme.colors.primary100}` : 'transparent'};\n  border: ${({ $isOver, theme }) =>\n    $isOver ? `2px solid ${theme.colors.primary500}` : '2px solid transparent'};\n  opacity: ${({ $isOver }) => ($isOver ? 1 : 0.6)};\n  transition: all 0.2s ease-in-out;\n  cursor: pointer;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: ${DROP_ZONE_SIZE}px;\n  z-index: 1;\n`;\n\nconst GapDropZone = ({\n  insertIndex,\n  position,\n  isVisible,\n  type,\n  moveWidget,\n  targetRowIndex,\n}: GapDropZoneProps) => {\n  const isHorizontalDrop = type === 'horizontal';\n\n  const [{ isOver }, drop] = useDrop(\n    () => ({\n      accept: 'widget',\n      drop: (item: { id: string }) => {\n        moveWidget(item.id, insertIndex, targetRowIndex, isHorizontalDrop);\n      },\n      collect: (monitor) => ({\n        isOver: monitor.isOver(),\n      }),\n    }),\n    [insertIndex, isHorizontalDrop, moveWidget, targetRowIndex]\n  );\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <GapDropZoneContainer\n      ref={drop}\n      $isOver={isOver}\n      style={{\n        transform: `translate(${position.left}px, ${position.top}px)`,\n        height: `${position.height}px`,\n        width: `${position.width}px`,\n      }}\n    />\n  );\n};\n"],"names":["DROP_ZONE_SIZE","getRowInfo","row","firstWidgetElement","getWidgetElement","widgets","uid","lastWidgetElement","length","containerElement","getWidgetGridContainer","firstRect","getBoundingClientRect","lastRect","containerRect","rowHeight","Math","max","height","rowTop","top","addVerticalDropZones","rowInfo","rowIndex","widgetCount","widgetPositions","map","widget","element","rect","left","width","filter","pos","gapDropZones","push","insertIndex","startIndex","position","isVisible","type","targetRowIndex","slice","forEach","currentWidget","i","lastWidget","endIndex","addHorizontalDropZones","widgetRows","filteredWidgets","containerWidth","horizontalDropZoneHeight","firstRowRect","firstRowTop","isHorizontalDrop","nextRow","nextRowFirstWidgetElement","nextRowRect","nextRowTop","lastRowRect","lastRowBottom","bottom","GapDropZoneManager","columnWidths","draggedWidgetId","moveWidget","positions","setPositions","React","useState","useMemo","calculateWidgetRows","calculateGapDropZonePositions","useCallback","draggedWidgetRow","find","some","isDraggingFromThisRow","isDraggingFromAnotherRow","canAcceptMoreWidgets","shouldShowVerticalDropZones","verticalDropZones","horizontalDropZones","useLayoutEffect","updatePositions","newPositions","resizeObserver","ResizeObserver","observe","disconnect","gapDropZone","_jsx","GapDropZone","GapDropZoneContainer","styled","Box","$isOver","theme","colors","primary100","primary500","borderRadius","isOver","drop","useDrop","accept","item","id","collect","monitor","ref","style","transform"],"mappings":"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"}

package/dist/admin/admin/src/components/GuidedTour/Context.js

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var immer = require('immer');
 var Tracking = require('../../features/Tracking.js');
+var useMediaQuery = require('../../hooks/useMediaQuery.js');
 var usePersistentState = require('../../hooks/usePersistentState.js');
 var Context = require('../Context.js');
 var Tours = require('./Tours.js');
@@ -75,6 +76,9 @@ function reducer(state, action) {
         if (action.type === 'skip_all_tours') {
             draft.enabled = false;
         }
+        if (action.type === 'set_hidden') {
+            draft.hidden = action.payload;
+        }
         if (action.type === 'reset_all_tours') {
             draft.enabled = true;
             draft.tours = getInitialTourState(Tours.tours);
@@ -96,14 +100,25 @@ function reducer(state, action) {
 }
 const STORAGE_KEY = 'STRAPI_GUIDED_TOUR';
 const GuidedTourContext = ({ children, enabled = true })=>{
+    const isDesktop = useMediaQuery.useIsDesktop();
     const { trackUsage } = Tracking.useTracking();
     const [storedTours, setStoredTours] = usePersistentState.usePersistentState(STORAGE_KEY, {
         tours: getInitialTourState(Tours.tours),
         enabled,
+        hidden: !isDesktop,
         completedActions: []
     });
     const migratedTourState = migrations.migrateTours(storedTours);
     const [state, dispatch] = React__namespace.useReducer(reducer, migratedTourState);
+    // Watch for changes to enabled prop to update state
+    React__namespace.useEffect(()=>{
+        dispatch({
+            type: 'set_hidden',
+            payload: !isDesktop
+        });
+    }, [
+        isDesktop
+    ]);
     // Sync local storage
     React__namespace.useEffect(()=>{
         setStoredTours(state);

package/dist/admin/admin/src/components/GuidedTour/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../admin/src/components/GuidedTour/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { produce } from 'immer';\n\nimport { useTracking } from '../../features/Tracking';\nimport { usePersistentState } from '../../hooks/usePersistentState';\nimport { createContext } from '../Context';\n\nimport { type Tours, tours as guidedTours } from './Tours';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from './utils/constants';\nimport { migrateTours } from './utils/migrations';\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourProvider\n * -----------------------------------------------------------------------------------------------*/\n\ntype ValidTourName = keyof Tours;\n\n/**\n * Derive the union of all string literal values from GUIDED_TOUR_REQUIRED_ACTIONS\n * (ie didCreateContentTypeSchema | didCreateContent etc...)\n */\ntype ValueOf<T> = T[keyof T];\ntype NonEmptyValueOf<T> = T extends Record<string, never> ? never : ValueOf<T>;\nexport type CompletedActions = NonEmptyValueOf<ValueOf<typeof GUIDED_TOUR_REQUIRED_ACTIONS>>[];\n\ntype Action =\n  | {\n      type: 'next_step';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'previous_step';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'go_to_step';\n      payload: {\n        tourName: ValidTourName;\n        step: number;\n      };\n    }\n  | {\n      type: 'skip_tour';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'skip_all_tours';\n    }\n  | {\n      type: 'reset_all_tours';\n    }\n  | {\n      type: 'set_completed_actions';\n      payload: CompletedActions;\n    }\n  | {\n      type: 'remove_completed_action';\n      payload: ValueOf<CompletedActions>;\n    }\n  | {\n      type: 'set_tour_type';\n      payload: {\n        tourName: ValidTourName;\n        tourType: 'ContentTypeBuilderAI' | 'ContentTypeBuilderNoAI';\n      };\n    };\n\ntype TourState = Record<\n  ValidTourName,\n  { currentStep: number; isCompleted: boolean; tourType?: string }\n>;\ntype State = {\n  tours: TourState;\n  enabled: boolean;\n  completedActions: CompletedActions;\n};\n\nconst [GuidedTourProviderImpl, useGuidedTour] = createContext<{\n  state: State;\n  dispatch: React.Dispatch<Action>;\n}>('GuidedTour');\n\nconst getInitialTourState = (tours: Tours) => {\n  return Object.keys(tours).reduce((acc, tourName) => {\n    acc[tourName as ValidTourName] = {\n      currentStep: 0,\n      isCompleted: false,\n      tourType: undefined,\n    };\n\n    return acc;\n  }, {} as TourState);\n};\n\nconst getCompletedTours = (tours: TourState): ValidTourName[] => {\n  return Object.keys(tours).filter(\n    (tourName) => tours[tourName as ValidTourName].isCompleted\n  ) as ValidTourName[];\n};\n\nconst areAllToursCompleted = (tours: TourState) => Object.values(tours).every((t) => t.isCompleted);\n\nfunction reducer(state: State, action: Action): State {\n  return produce(state, (draft) => {\n    if (action.type === 'next_step') {\n      const currentStep = draft.tours[action.payload].currentStep;\n      const tourLength = guidedTours[action.payload]._meta.totalStepCount;\n\n      const nextStep = currentStep + 1;\n      draft.tours[action.payload].currentStep = nextStep;\n      draft.tours[action.payload].isCompleted = nextStep >= tourLength;\n    }\n\n    if (action.type === 'previous_step') {\n      const currentStep = draft.tours[action.payload].currentStep;\n\n      if (currentStep <= 0) return;\n\n      const previousStep = currentStep - 1;\n      draft.tours[action.payload].currentStep = previousStep;\n    }\n\n    if (action.type === 'skip_tour') {\n      draft.tours[action.payload].isCompleted = true;\n    }\n\n    if (action.type === 'set_completed_actions') {\n      draft.completedActions = [...new Set([...draft.completedActions, ...action.payload])];\n    }\n\n    if (action.type === 'remove_completed_action') {\n      draft.completedActions = draft.completedActions.filter(\n        (completedAction) => completedAction !== action.payload\n      );\n    }\n\n    if (action.type === 'skip_all_tours') {\n      draft.enabled = false;\n    }\n\n    if (action.type === 'reset_all_tours') {\n      draft.enabled = true;\n      draft.tours = getInitialTourState(guidedTours);\n      draft.completedActions = [];\n    }\n\n    if (action.type === 'go_to_step') {\n      draft.tours[action.payload.tourName].currentStep = action.payload.step;\n    }\n\n    if (action.type === 'set_tour_type') {\n      const { tourName, tourType } = action.payload;\n      const currentTour = draft.tours[tourName];\n\n      // If tour type changes and tour is not completed, reset to step 0\n      if (currentTour.tourType && currentTour.tourType !== tourType && !currentTour.isCompleted) {\n        currentTour.currentStep = 0;\n      }\n\n      currentTour.tourType = tourType;\n    }\n  });\n}\n\nconst STORAGE_KEY = 'STRAPI_GUIDED_TOUR';\nconst GuidedTourContext = ({\n  children,\n  enabled = true,\n}: {\n  children: React.ReactNode;\n  enabled?: boolean;\n}) => {\n  const { trackUsage } = useTracking();\n  const [storedTours, setStoredTours] = usePersistentState<State>(STORAGE_KEY, {\n    tours: getInitialTourState(guidedTours),\n    enabled,\n    completedActions: [],\n  });\n  const migratedTourState = migrateTours(storedTours);\n  const [state, dispatch] = React.useReducer(reducer, migratedTourState);\n\n  // Sync local storage\n  React.useEffect(() => {\n    setStoredTours(state);\n  }, [state, setStoredTours]);\n\n  // Derive all completed tours from state\n  const currentAllCompletedState = areAllToursCompleted(state.tours);\n  // Store completed state in ref to survive a re-render,\n  // when current state changes this will persist and be used for comparison\n  const previousAllCompletedStateRef = React.useRef(currentAllCompletedState);\n  React.useEffect(() => {\n    const previousAllCompletedState = previousAllCompletedStateRef.current;\n    // When the previous state was not complete but the current state is now complete, fire the event\n    if (!previousAllCompletedState && currentAllCompletedState) {\n      trackUsage('didCompleteGuidedTour', { name: 'all' });\n    }\n\n    // When the current state has all tours completed so will the previous state, the tracking event won't fire again\n    previousAllCompletedStateRef.current = currentAllCompletedState;\n  }, [currentAllCompletedState, trackUsage]);\n\n  return (\n    <GuidedTourProviderImpl state={state} dispatch={dispatch}>\n      {children}\n    </GuidedTourProviderImpl>\n  );\n};\n\nexport type { Action, State, ValidTourName };\nexport { GuidedTourContext, useGuidedTour, reducer, getCompletedTours };\n"],"names":["GuidedTourProviderImpl","useGuidedTour","createContext","getInitialTourState","tours","Object","keys","reduce","acc","tourName","currentStep","isCompleted","tourType","undefined","getCompletedTours","filter","areAllToursCompleted","values","every","t","reducer","state","action","produce","draft","type","payload","tourLength","guidedTours","_meta","totalStepCount","nextStep","previousStep","completedActions","Set","completedAction","enabled","step","currentTour","STORAGE_KEY","GuidedTourContext","children","trackUsage","useTracking","storedTours","setStoredTours","usePersistentState","migratedTourState","migrateTours","dispatch","React","useReducer","useEffect","currentAllCompletedState","previousAllCompletedStateRef","useRef","previousAllCompletedState","current","name","_jsx"],"mappings":"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"}
+{"version":3,"file":"Context.js","sources":["../../../../../../admin/src/components/GuidedTour/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { produce } from 'immer';\n\nimport { useTracking } from '../../features/Tracking';\nimport { useIsDesktop } from '../../hooks/useMediaQuery';\nimport { usePersistentState } from '../../hooks/usePersistentState';\nimport { createContext } from '../Context';\n\nimport { type Tours, tours as guidedTours } from './Tours';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from './utils/constants';\nimport { migrateTours } from './utils/migrations';\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourProvider\n * -----------------------------------------------------------------------------------------------*/\n\ntype ValidTourName = keyof Tours;\n\n/**\n * Derive the union of all string literal values from GUIDED_TOUR_REQUIRED_ACTIONS\n * (ie didCreateContentTypeSchema | didCreateContent etc...)\n */\ntype ValueOf<T> = T[keyof T];\ntype NonEmptyValueOf<T> = T extends Record<string, never> ? never : ValueOf<T>;\nexport type CompletedActions = NonEmptyValueOf<ValueOf<typeof GUIDED_TOUR_REQUIRED_ACTIONS>>[];\n\ntype Action =\n  | {\n      type: 'next_step';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'previous_step';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'go_to_step';\n      payload: {\n        tourName: ValidTourName;\n        step: number;\n      };\n    }\n  | {\n      type: 'skip_tour';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'skip_all_tours';\n    }\n  | {\n      type: 'reset_all_tours';\n    }\n  | {\n      type: 'set_completed_actions';\n      payload: CompletedActions;\n    }\n  | {\n      type: 'remove_completed_action';\n      payload: ValueOf<CompletedActions>;\n    }\n  | {\n      type: 'set_tour_type';\n      payload: {\n        tourName: ValidTourName;\n        tourType: 'ContentTypeBuilderAI' | 'ContentTypeBuilderNoAI';\n      };\n    }\n  | {\n      type: 'set_hidden';\n      payload: boolean;\n    };\n\ntype TourState = Record<\n  ValidTourName,\n  { currentStep: number; isCompleted: boolean; tourType?: string }\n>;\ntype State = {\n  tours: TourState;\n  enabled: boolean;\n  hidden?: boolean;\n  completedActions: CompletedActions;\n};\n\nconst [GuidedTourProviderImpl, useGuidedTour] = createContext<{\n  state: State;\n  dispatch: React.Dispatch<Action>;\n}>('GuidedTour');\n\nconst getInitialTourState = (tours: Tours) => {\n  return Object.keys(tours).reduce((acc, tourName) => {\n    acc[tourName as ValidTourName] = {\n      currentStep: 0,\n      isCompleted: false,\n      tourType: undefined,\n    };\n\n    return acc;\n  }, {} as TourState);\n};\n\nconst getCompletedTours = (tours: TourState): ValidTourName[] => {\n  return Object.keys(tours).filter(\n    (tourName) => tours[tourName as ValidTourName].isCompleted\n  ) as ValidTourName[];\n};\n\nconst areAllToursCompleted = (tours: TourState) => Object.values(tours).every((t) => t.isCompleted);\n\nfunction reducer(state: State, action: Action): State {\n  return produce(state, (draft) => {\n    if (action.type === 'next_step') {\n      const currentStep = draft.tours[action.payload].currentStep;\n      const tourLength = guidedTours[action.payload]._meta.totalStepCount;\n\n      const nextStep = currentStep + 1;\n      draft.tours[action.payload].currentStep = nextStep;\n      draft.tours[action.payload].isCompleted = nextStep >= tourLength;\n    }\n\n    if (action.type === 'previous_step') {\n      const currentStep = draft.tours[action.payload].currentStep;\n\n      if (currentStep <= 0) return;\n\n      const previousStep = currentStep - 1;\n      draft.tours[action.payload].currentStep = previousStep;\n    }\n\n    if (action.type === 'skip_tour') {\n      draft.tours[action.payload].isCompleted = true;\n    }\n\n    if (action.type === 'set_completed_actions') {\n      draft.completedActions = [...new Set([...draft.completedActions, ...action.payload])];\n    }\n\n    if (action.type === 'remove_completed_action') {\n      draft.completedActions = draft.completedActions.filter(\n        (completedAction) => completedAction !== action.payload\n      );\n    }\n\n    if (action.type === 'skip_all_tours') {\n      draft.enabled = false;\n    }\n\n    if (action.type === 'set_hidden') {\n      draft.hidden = action.payload;\n    }\n\n    if (action.type === 'reset_all_tours') {\n      draft.enabled = true;\n      draft.tours = getInitialTourState(guidedTours);\n      draft.completedActions = [];\n    }\n\n    if (action.type === 'go_to_step') {\n      draft.tours[action.payload.tourName].currentStep = action.payload.step;\n    }\n\n    if (action.type === 'set_tour_type') {\n      const { tourName, tourType } = action.payload;\n      const currentTour = draft.tours[tourName];\n\n      // If tour type changes and tour is not completed, reset to step 0\n      if (currentTour.tourType && currentTour.tourType !== tourType && !currentTour.isCompleted) {\n        currentTour.currentStep = 0;\n      }\n\n      currentTour.tourType = tourType;\n    }\n  });\n}\n\nconst STORAGE_KEY = 'STRAPI_GUIDED_TOUR';\nconst GuidedTourContext = ({\n  children,\n  enabled = true,\n}: {\n  children: React.ReactNode;\n  enabled?: boolean;\n}) => {\n  const isDesktop = useIsDesktop();\n  const { trackUsage } = useTracking();\n  const [storedTours, setStoredTours] = usePersistentState<State>(STORAGE_KEY, {\n    tours: getInitialTourState(guidedTours),\n    enabled,\n    hidden: !isDesktop,\n    completedActions: [],\n  });\n  const migratedTourState = migrateTours(storedTours);\n  const [state, dispatch] = React.useReducer(reducer, migratedTourState);\n\n  // Watch for changes to enabled prop to update state\n  React.useEffect(() => {\n    dispatch({ type: 'set_hidden', payload: !isDesktop });\n  }, [isDesktop]);\n\n  // Sync local storage\n  React.useEffect(() => {\n    setStoredTours(state);\n  }, [state, setStoredTours]);\n\n  // Derive all completed tours from state\n  const currentAllCompletedState = areAllToursCompleted(state.tours);\n  // Store completed state in ref to survive a re-render,\n  // when current state changes this will persist and be used for comparison\n  const previousAllCompletedStateRef = React.useRef(currentAllCompletedState);\n  React.useEffect(() => {\n    const previousAllCompletedState = previousAllCompletedStateRef.current;\n    // When the previous state was not complete but the current state is now complete, fire the event\n    if (!previousAllCompletedState && currentAllCompletedState) {\n      trackUsage('didCompleteGuidedTour', { name: 'all' });\n    }\n\n    // When the current state has all tours completed so will the previous state, the tracking event won't fire again\n    previousAllCompletedStateRef.current = currentAllCompletedState;\n  }, [currentAllCompletedState, trackUsage]);\n\n  return (\n    <GuidedTourProviderImpl state={state} dispatch={dispatch}>\n      {children}\n    </GuidedTourProviderImpl>\n  );\n};\n\nexport type { Action, State, ValidTourName };\nexport { GuidedTourContext, useGuidedTour, reducer, getCompletedTours };\n"],"names":["GuidedTourProviderImpl","useGuidedTour","createContext","getInitialTourState","tours","Object","keys","reduce","acc","tourName","currentStep","isCompleted","tourType","undefined","getCompletedTours","filter","areAllToursCompleted","values","every","t","reducer","state","action","produce","draft","type","payload","tourLength","guidedTours","_meta","totalStepCount","nextStep","previousStep","completedActions","Set","completedAction","enabled","hidden","step","currentTour","STORAGE_KEY","GuidedTourContext","children","isDesktop","useIsDesktop","trackUsage","useTracking","storedTours","setStoredTours","usePersistentState","migratedTourState","migrateTours","dispatch","React","useReducer","useEffect","currentAllCompletedState","previousAllCompletedStateRef","useRef","previousAllCompletedState","current","name","_jsx"],"mappings":"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"}

package/dist/admin/admin/src/components/GuidedTour/Context.mjs

@@ -2,6 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { produce } from 'immer';
 import { useTracking } from '../../features/Tracking.mjs';
+import { useIsDesktop } from '../../hooks/useMediaQuery.mjs';
 import { usePersistentState } from '../../hooks/usePersistentState.mjs';
 import { createContext } from '../Context.mjs';
 import { tours } from './Tours.mjs';
@@ -54,6 +55,9 @@ function reducer(state, action) {
         if (action.type === 'skip_all_tours') {
             draft.enabled = false;
         }
+        if (action.type === 'set_hidden') {
+            draft.hidden = action.payload;
+        }
         if (action.type === 'reset_all_tours') {
             draft.enabled = true;
             draft.tours = getInitialTourState(tours);
@@ -75,14 +79,25 @@ function reducer(state, action) {
 }
 const STORAGE_KEY = 'STRAPI_GUIDED_TOUR';
 const GuidedTourContext = ({ children, enabled = true })=>{
+    const isDesktop = useIsDesktop();
     const { trackUsage } = useTracking();
     const [storedTours, setStoredTours] = usePersistentState(STORAGE_KEY, {
         tours: getInitialTourState(tours),
         enabled,
+        hidden: !isDesktop,
         completedActions: []
     });
     const migratedTourState = migrateTours(storedTours);
     const [state, dispatch] = React.useReducer(reducer, migratedTourState);
+    // Watch for changes to enabled prop to update state
+    React.useEffect(()=>{
+        dispatch({
+            type: 'set_hidden',
+            payload: !isDesktop
+        });
+    }, [
+        isDesktop
+    ]);
     // Sync local storage
     React.useEffect(()=>{
         setStoredTours(state);

package/dist/admin/admin/src/components/GuidedTour/Context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Context.mjs","sources":["../../../../../../admin/src/components/GuidedTour/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { produce } from 'immer';\n\nimport { useTracking } from '../../features/Tracking';\nimport { usePersistentState } from '../../hooks/usePersistentState';\nimport { createContext } from '../Context';\n\nimport { type Tours, tours as guidedTours } from './Tours';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from './utils/constants';\nimport { migrateTours } from './utils/migrations';\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourProvider\n * -----------------------------------------------------------------------------------------------*/\n\ntype ValidTourName = keyof Tours;\n\n/**\n * Derive the union of all string literal values from GUIDED_TOUR_REQUIRED_ACTIONS\n * (ie didCreateContentTypeSchema | didCreateContent etc...)\n */\ntype ValueOf<T> = T[keyof T];\ntype NonEmptyValueOf<T> = T extends Record<string, never> ? never : ValueOf<T>;\nexport type CompletedActions = NonEmptyValueOf<ValueOf<typeof GUIDED_TOUR_REQUIRED_ACTIONS>>[];\n\ntype Action =\n  | {\n      type: 'next_step';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'previous_step';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'go_to_step';\n      payload: {\n        tourName: ValidTourName;\n        step: number;\n      };\n    }\n  | {\n      type: 'skip_tour';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'skip_all_tours';\n    }\n  | {\n      type: 'reset_all_tours';\n    }\n  | {\n      type: 'set_completed_actions';\n      payload: CompletedActions;\n    }\n  | {\n      type: 'remove_completed_action';\n      payload: ValueOf<CompletedActions>;\n    }\n  | {\n      type: 'set_tour_type';\n      payload: {\n        tourName: ValidTourName;\n        tourType: 'ContentTypeBuilderAI' | 'ContentTypeBuilderNoAI';\n      };\n    };\n\ntype TourState = Record<\n  ValidTourName,\n  { currentStep: number; isCompleted: boolean; tourType?: string }\n>;\ntype State = {\n  tours: TourState;\n  enabled: boolean;\n  completedActions: CompletedActions;\n};\n\nconst [GuidedTourProviderImpl, useGuidedTour] = createContext<{\n  state: State;\n  dispatch: React.Dispatch<Action>;\n}>('GuidedTour');\n\nconst getInitialTourState = (tours: Tours) => {\n  return Object.keys(tours).reduce((acc, tourName) => {\n    acc[tourName as ValidTourName] = {\n      currentStep: 0,\n      isCompleted: false,\n      tourType: undefined,\n    };\n\n    return acc;\n  }, {} as TourState);\n};\n\nconst getCompletedTours = (tours: TourState): ValidTourName[] => {\n  return Object.keys(tours).filter(\n    (tourName) => tours[tourName as ValidTourName].isCompleted\n  ) as ValidTourName[];\n};\n\nconst areAllToursCompleted = (tours: TourState) => Object.values(tours).every((t) => t.isCompleted);\n\nfunction reducer(state: State, action: Action): State {\n  return produce(state, (draft) => {\n    if (action.type === 'next_step') {\n      const currentStep = draft.tours[action.payload].currentStep;\n      const tourLength = guidedTours[action.payload]._meta.totalStepCount;\n\n      const nextStep = currentStep + 1;\n      draft.tours[action.payload].currentStep = nextStep;\n      draft.tours[action.payload].isCompleted = nextStep >= tourLength;\n    }\n\n    if (action.type === 'previous_step') {\n      const currentStep = draft.tours[action.payload].currentStep;\n\n      if (currentStep <= 0) return;\n\n      const previousStep = currentStep - 1;\n      draft.tours[action.payload].currentStep = previousStep;\n    }\n\n    if (action.type === 'skip_tour') {\n      draft.tours[action.payload].isCompleted = true;\n    }\n\n    if (action.type === 'set_completed_actions') {\n      draft.completedActions = [...new Set([...draft.completedActions, ...action.payload])];\n    }\n\n    if (action.type === 'remove_completed_action') {\n      draft.completedActions = draft.completedActions.filter(\n        (completedAction) => completedAction !== action.payload\n      );\n    }\n\n    if (action.type === 'skip_all_tours') {\n      draft.enabled = false;\n    }\n\n    if (action.type === 'reset_all_tours') {\n      draft.enabled = true;\n      draft.tours = getInitialTourState(guidedTours);\n      draft.completedActions = [];\n    }\n\n    if (action.type === 'go_to_step') {\n      draft.tours[action.payload.tourName].currentStep = action.payload.step;\n    }\n\n    if (action.type === 'set_tour_type') {\n      const { tourName, tourType } = action.payload;\n      const currentTour = draft.tours[tourName];\n\n      // If tour type changes and tour is not completed, reset to step 0\n      if (currentTour.tourType && currentTour.tourType !== tourType && !currentTour.isCompleted) {\n        currentTour.currentStep = 0;\n      }\n\n      currentTour.tourType = tourType;\n    }\n  });\n}\n\nconst STORAGE_KEY = 'STRAPI_GUIDED_TOUR';\nconst GuidedTourContext = ({\n  children,\n  enabled = true,\n}: {\n  children: React.ReactNode;\n  enabled?: boolean;\n}) => {\n  const { trackUsage } = useTracking();\n  const [storedTours, setStoredTours] = usePersistentState<State>(STORAGE_KEY, {\n    tours: getInitialTourState(guidedTours),\n    enabled,\n    completedActions: [],\n  });\n  const migratedTourState = migrateTours(storedTours);\n  const [state, dispatch] = React.useReducer(reducer, migratedTourState);\n\n  // Sync local storage\n  React.useEffect(() => {\n    setStoredTours(state);\n  }, [state, setStoredTours]);\n\n  // Derive all completed tours from state\n  const currentAllCompletedState = areAllToursCompleted(state.tours);\n  // Store completed state in ref to survive a re-render,\n  // when current state changes this will persist and be used for comparison\n  const previousAllCompletedStateRef = React.useRef(currentAllCompletedState);\n  React.useEffect(() => {\n    const previousAllCompletedState = previousAllCompletedStateRef.current;\n    // When the previous state was not complete but the current state is now complete, fire the event\n    if (!previousAllCompletedState && currentAllCompletedState) {\n      trackUsage('didCompleteGuidedTour', { name: 'all' });\n    }\n\n    // When the current state has all tours completed so will the previous state, the tracking event won't fire again\n    previousAllCompletedStateRef.current = currentAllCompletedState;\n  }, [currentAllCompletedState, trackUsage]);\n\n  return (\n    <GuidedTourProviderImpl state={state} dispatch={dispatch}>\n      {children}\n    </GuidedTourProviderImpl>\n  );\n};\n\nexport type { Action, State, ValidTourName };\nexport { GuidedTourContext, useGuidedTour, reducer, getCompletedTours };\n"],"names":["GuidedTourProviderImpl","useGuidedTour","createContext","getInitialTourState","tours","Object","keys","reduce","acc","tourName","currentStep","isCompleted","tourType","undefined","getCompletedTours","filter","areAllToursCompleted","values","every","t","reducer","state","action","produce","draft","type","payload","tourLength","guidedTours","_meta","totalStepCount","nextStep","previousStep","completedActions","Set","completedAction","enabled","step","currentTour","STORAGE_KEY","GuidedTourContext","children","trackUsage","useTracking","storedTours","setStoredTours","usePersistentState","migratedTourState","migrateTours","dispatch","React","useReducer","useEffect","currentAllCompletedState","previousAllCompletedStateRef","useRef","previousAllCompletedState","current","name","_jsx"],"mappings":"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"}
+{"version":3,"file":"Context.mjs","sources":["../../../../../../admin/src/components/GuidedTour/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { produce } from 'immer';\n\nimport { useTracking } from '../../features/Tracking';\nimport { useIsDesktop } from '../../hooks/useMediaQuery';\nimport { usePersistentState } from '../../hooks/usePersistentState';\nimport { createContext } from '../Context';\n\nimport { type Tours, tours as guidedTours } from './Tours';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from './utils/constants';\nimport { migrateTours } from './utils/migrations';\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourProvider\n * -----------------------------------------------------------------------------------------------*/\n\ntype ValidTourName = keyof Tours;\n\n/**\n * Derive the union of all string literal values from GUIDED_TOUR_REQUIRED_ACTIONS\n * (ie didCreateContentTypeSchema | didCreateContent etc...)\n */\ntype ValueOf<T> = T[keyof T];\ntype NonEmptyValueOf<T> = T extends Record<string, never> ? never : ValueOf<T>;\nexport type CompletedActions = NonEmptyValueOf<ValueOf<typeof GUIDED_TOUR_REQUIRED_ACTIONS>>[];\n\ntype Action =\n  | {\n      type: 'next_step';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'previous_step';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'go_to_step';\n      payload: {\n        tourName: ValidTourName;\n        step: number;\n      };\n    }\n  | {\n      type: 'skip_tour';\n      payload: ValidTourName;\n    }\n  | {\n      type: 'skip_all_tours';\n    }\n  | {\n      type: 'reset_all_tours';\n    }\n  | {\n      type: 'set_completed_actions';\n      payload: CompletedActions;\n    }\n  | {\n      type: 'remove_completed_action';\n      payload: ValueOf<CompletedActions>;\n    }\n  | {\n      type: 'set_tour_type';\n      payload: {\n        tourName: ValidTourName;\n        tourType: 'ContentTypeBuilderAI' | 'ContentTypeBuilderNoAI';\n      };\n    }\n  | {\n      type: 'set_hidden';\n      payload: boolean;\n    };\n\ntype TourState = Record<\n  ValidTourName,\n  { currentStep: number; isCompleted: boolean; tourType?: string }\n>;\ntype State = {\n  tours: TourState;\n  enabled: boolean;\n  hidden?: boolean;\n  completedActions: CompletedActions;\n};\n\nconst [GuidedTourProviderImpl, useGuidedTour] = createContext<{\n  state: State;\n  dispatch: React.Dispatch<Action>;\n}>('GuidedTour');\n\nconst getInitialTourState = (tours: Tours) => {\n  return Object.keys(tours).reduce((acc, tourName) => {\n    acc[tourName as ValidTourName] = {\n      currentStep: 0,\n      isCompleted: false,\n      tourType: undefined,\n    };\n\n    return acc;\n  }, {} as TourState);\n};\n\nconst getCompletedTours = (tours: TourState): ValidTourName[] => {\n  return Object.keys(tours).filter(\n    (tourName) => tours[tourName as ValidTourName].isCompleted\n  ) as ValidTourName[];\n};\n\nconst areAllToursCompleted = (tours: TourState) => Object.values(tours).every((t) => t.isCompleted);\n\nfunction reducer(state: State, action: Action): State {\n  return produce(state, (draft) => {\n    if (action.type === 'next_step') {\n      const currentStep = draft.tours[action.payload].currentStep;\n      const tourLength = guidedTours[action.payload]._meta.totalStepCount;\n\n      const nextStep = currentStep + 1;\n      draft.tours[action.payload].currentStep = nextStep;\n      draft.tours[action.payload].isCompleted = nextStep >= tourLength;\n    }\n\n    if (action.type === 'previous_step') {\n      const currentStep = draft.tours[action.payload].currentStep;\n\n      if (currentStep <= 0) return;\n\n      const previousStep = currentStep - 1;\n      draft.tours[action.payload].currentStep = previousStep;\n    }\n\n    if (action.type === 'skip_tour') {\n      draft.tours[action.payload].isCompleted = true;\n    }\n\n    if (action.type === 'set_completed_actions') {\n      draft.completedActions = [...new Set([...draft.completedActions, ...action.payload])];\n    }\n\n    if (action.type === 'remove_completed_action') {\n      draft.completedActions = draft.completedActions.filter(\n        (completedAction) => completedAction !== action.payload\n      );\n    }\n\n    if (action.type === 'skip_all_tours') {\n      draft.enabled = false;\n    }\n\n    if (action.type === 'set_hidden') {\n      draft.hidden = action.payload;\n    }\n\n    if (action.type === 'reset_all_tours') {\n      draft.enabled = true;\n      draft.tours = getInitialTourState(guidedTours);\n      draft.completedActions = [];\n    }\n\n    if (action.type === 'go_to_step') {\n      draft.tours[action.payload.tourName].currentStep = action.payload.step;\n    }\n\n    if (action.type === 'set_tour_type') {\n      const { tourName, tourType } = action.payload;\n      const currentTour = draft.tours[tourName];\n\n      // If tour type changes and tour is not completed, reset to step 0\n      if (currentTour.tourType && currentTour.tourType !== tourType && !currentTour.isCompleted) {\n        currentTour.currentStep = 0;\n      }\n\n      currentTour.tourType = tourType;\n    }\n  });\n}\n\nconst STORAGE_KEY = 'STRAPI_GUIDED_TOUR';\nconst GuidedTourContext = ({\n  children,\n  enabled = true,\n}: {\n  children: React.ReactNode;\n  enabled?: boolean;\n}) => {\n  const isDesktop = useIsDesktop();\n  const { trackUsage } = useTracking();\n  const [storedTours, setStoredTours] = usePersistentState<State>(STORAGE_KEY, {\n    tours: getInitialTourState(guidedTours),\n    enabled,\n    hidden: !isDesktop,\n    completedActions: [],\n  });\n  const migratedTourState = migrateTours(storedTours);\n  const [state, dispatch] = React.useReducer(reducer, migratedTourState);\n\n  // Watch for changes to enabled prop to update state\n  React.useEffect(() => {\n    dispatch({ type: 'set_hidden', payload: !isDesktop });\n  }, [isDesktop]);\n\n  // Sync local storage\n  React.useEffect(() => {\n    setStoredTours(state);\n  }, [state, setStoredTours]);\n\n  // Derive all completed tours from state\n  const currentAllCompletedState = areAllToursCompleted(state.tours);\n  // Store completed state in ref to survive a re-render,\n  // when current state changes this will persist and be used for comparison\n  const previousAllCompletedStateRef = React.useRef(currentAllCompletedState);\n  React.useEffect(() => {\n    const previousAllCompletedState = previousAllCompletedStateRef.current;\n    // When the previous state was not complete but the current state is now complete, fire the event\n    if (!previousAllCompletedState && currentAllCompletedState) {\n      trackUsage('didCompleteGuidedTour', { name: 'all' });\n    }\n\n    // When the current state has all tours completed so will the previous state, the tracking event won't fire again\n    previousAllCompletedStateRef.current = currentAllCompletedState;\n  }, [currentAllCompletedState, trackUsage]);\n\n  return (\n    <GuidedTourProviderImpl state={state} dispatch={dispatch}>\n      {children}\n    </GuidedTourProviderImpl>\n  );\n};\n\nexport type { Action, State, ValidTourName };\nexport { GuidedTourContext, useGuidedTour, reducer, getCompletedTours };\n"],"names":["GuidedTourProviderImpl","useGuidedTour","createContext","getInitialTourState","tours","Object","keys","reduce","acc","tourName","currentStep","isCompleted","tourType","undefined","getCompletedTours","filter","areAllToursCompleted","values","every","t","reducer","state","action","produce","draft","type","payload","tourLength","guidedTours","_meta","totalStepCount","nextStep","previousStep","completedActions","Set","completedAction","enabled","hidden","step","currentTour","STORAGE_KEY","GuidedTourContext","children","isDesktop","useIsDesktop","trackUsage","useTracking","storedTours","setStoredTours","usePersistentState","migratedTourState","migrateTours","dispatch","React","useReducer","useEffect","currentAllCompletedState","previousAllCompletedStateRef","useRef","previousAllCompletedState","current","name","_jsx"],"mappings":"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"}

package/dist/admin/admin/src/components/GuidedTour/GuidedTourProvider.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Context = require('./Context.js');
+
+const GuidedTourProvider = ({ children })=>{
+    const isGuidedTourEnabled = process.env.NODE_ENV !== 'test';
+    return /*#__PURE__*/ jsxRuntime.jsx(Context.GuidedTourContext, {
+        enabled: isGuidedTourEnabled,
+        children: children
+    });
+};
+
+exports.GuidedTourProvider = GuidedTourProvider;
+//# sourceMappingURL=GuidedTourProvider.js.map

package/dist/admin/admin/src/components/GuidedTour/GuidedTourProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuidedTourProvider.js","sources":["../../../../../../admin/src/components/GuidedTour/GuidedTourProvider.tsx"],"sourcesContent":["import { GuidedTourContext } from './Context';\n\ninterface GuidedTourProviderProps {\n  children: React.ReactNode;\n}\n\nexport const GuidedTourProvider = ({ children }: GuidedTourProviderProps) => {\n  const isGuidedTourEnabled = process.env.NODE_ENV !== 'test';\n\n  return <GuidedTourContext enabled={isGuidedTourEnabled}>{children}</GuidedTourContext>;\n};\n"],"names":["GuidedTourProvider","children","isGuidedTourEnabled","process","env","NODE_ENV","_jsx","GuidedTourContext","enabled"],"mappings":";;;;;AAMaA,MAAAA,kBAAAA,GAAqB,CAAC,EAAEC,QAAQ,EAA2B,GAAA;AACtE,IAAA,MAAMC,mBAAsBC,GAAAA,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,MAAA;AAErD,IAAA,qBAAOC,cAACC,CAAAA,yBAAAA,EAAAA;QAAkBC,OAASN,EAAAA,mBAAAA;AAAsBD,QAAAA,QAAAA,EAAAA;;AAC3D;;;;"}

package/dist/admin/admin/src/components/GuidedTour/GuidedTourProvider.mjs

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { GuidedTourContext } from './Context.mjs';
+
+const GuidedTourProvider = ({ children })=>{
+    const isGuidedTourEnabled = process.env.NODE_ENV !== 'test';
+    return /*#__PURE__*/ jsx(GuidedTourContext, {
+        enabled: isGuidedTourEnabled,
+        children: children
+    });
+};
+
+export { GuidedTourProvider };
+//# sourceMappingURL=GuidedTourProvider.mjs.map

package/dist/admin/admin/src/components/GuidedTour/GuidedTourProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuidedTourProvider.mjs","sources":["../../../../../../admin/src/components/GuidedTour/GuidedTourProvider.tsx"],"sourcesContent":["import { GuidedTourContext } from './Context';\n\ninterface GuidedTourProviderProps {\n  children: React.ReactNode;\n}\n\nexport const GuidedTourProvider = ({ children }: GuidedTourProviderProps) => {\n  const isGuidedTourEnabled = process.env.NODE_ENV !== 'test';\n\n  return <GuidedTourContext enabled={isGuidedTourEnabled}>{children}</GuidedTourContext>;\n};\n"],"names":["GuidedTourProvider","children","isGuidedTourEnabled","process","env","NODE_ENV","_jsx","GuidedTourContext","enabled"],"mappings":";;;AAMaA,MAAAA,kBAAAA,GAAqB,CAAC,EAAEC,QAAQ,EAA2B,GAAA;AACtE,IAAA,MAAMC,mBAAsBC,GAAAA,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,MAAA;AAErD,IAAA,qBAAOC,GAACC,CAAAA,iBAAAA,EAAAA;QAAkBC,OAASN,EAAAA,mBAAAA;AAAsBD,QAAAA,QAAAA,EAAAA;;AAC3D;;;;"}