pptx-react-viewer 4.58.0 → 4.60.0

package/dist/{chunk-PUXJT6AD.js → chunk-TXVGYIO6.js}

@@ -8637,12 +8637,23 @@ function useDialogCustomShows(input) {
     activeCustomShowId,
     setCustomShows,
     setActiveCustomShowId,
-    history
+    history,
+    setSlides
   } = input;
+  const handleCommitCustomShows = (shows, clearedSlides) => {
+    setCustomShows(shows);
+    if (clearedSlides) {
+      setSlides?.(clearedSlides);
+    }
+    setActiveCustomShowId(
+      (current) => current !== null && shows.some((show) => show.id === current) ? current : null
+    );
+    history.markDirty();
+  };
   const handleCreateCustomShow = () => {
     const name = safePrompt("Custom show name", "Custom Show");
     const safeName = name?.trim() || `Custom Show ${customShows.length + 1}`;
-    const id = `custShow-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+    const id = pptx.generateCustomShowId(customShows);
     const initialSlideRIds = activeSlide?.rId && activeSlide.rId.length > 0 ? [activeSlide.rId] : [];
     setCustomShows((prev) => [...prev, { id, name: safeName, slideRIds: initialSlideRIds }]);
     setActiveCustomShowId(id);
@@ -8707,6 +8718,7 @@ function useDialogCustomShows(input) {
     return show ? show.slideRIds.includes(activeSlide.rId) : false;
   }, [activeCustomShowId, activeSlide?.rId, customShows]);
   return {
+    handleCommitCustomShows,
     handleCreateCustomShow,
     handleRenameActiveCustomShow,
     handleDeleteActiveCustomShow,
@@ -8729,6 +8741,7 @@ function useViewerDialogs(input) {
     customShows,
     activeCustomShowId,
     setCustomShows,
+    setSlides,
     setActiveCustomShowId,
     setGuides,
     setPresentationProperties,
@@ -8757,6 +8770,7 @@ function useViewerDialogs(input) {
   const [isSignatureStrippedDialogOpen, setIsSignatureStrippedDialogOpen] = React17.useState(false);
   const signatureStripAcknowledgedRef = React17.useRef(false);
   const [isSetUpSlideShowOpen, setIsSetUpSlideShowOpen] = React17.useState(false);
+  const [isCustomShowsOpen, setIsCustomShowsOpen] = React17.useState(false);
   const [isBroadcastDialogOpen, setIsBroadcastDialogOpen] = React17.useState(false);
   const [isPasswordProtected, setIsPasswordProtected] = React17.useState(false);
   const [presentationPassword, setPresentationPassword] = React17.useState(null);
@@ -8845,7 +8859,8 @@ function useViewerDialogs(input) {
     activeCustomShowId,
     setCustomShows,
     setActiveCustomShowId,
-    history
+    history,
+    setSlides
   });
   const handleSaveSlideShowSettings = React17.useCallback(
     (props) => {
@@ -8910,6 +8925,8 @@ function useViewerDialogs(input) {
     setIsSignatureStrippedDialogOpen,
     isSetUpSlideShowOpen,
     setIsSetUpSlideShowOpen,
+    isCustomShowsOpen,
+    setIsCustomShowsOpen,
     isBroadcastDialogOpen,
     setIsBroadcastDialogOpen,
     isPasswordProtected,
@@ -12399,6 +12416,7 @@ function buildToolbarProps(input) {
     eyedropperActive: s.eyedropperActive,
     onToggleEyedropper: () => s.setEyedropperActive((p) => !p),
     onOpenSetUpSlideShow: () => dialogs.setIsSetUpSlideShowOpen(true),
+    onOpenCustomShows: () => dialogs.setIsCustomShowsOpen(true),
     // PowerPoint's Hide Slide: skip the active slide during the show while
     // leaving it in the deck, the rail and the sorter.
     onToggleHideSlide: () => slideOps.handleToggleHideSlides([activeSlideIndex]),
@@ -12966,6 +12984,7 @@ function useViewerBuildingBlocksState(input) {
     activeCustomShowId: state.activeCustomShowId,
     setCustomShows: state.setCustomShows,
     setActiveCustomShowId: state.setActiveCustomShowId,
+    setSlides: state.setSlides,
     setGuides: state.setGuides,
     setPresentationProperties: state.setPresentationProperties,
     setAccessibilityIssues: state.setAccessibilityIssues,
@@ -16818,6 +16837,7 @@ function shapeBody(shape) {
           width: shape.width,
           height: shape.height,
           href: shape.imageUrl,
+          onLoad: (event) => pptx.refreshSmartArtPictureImage(event, shape.pictureSource),
           preserveAspectRatio: "xMidYMid meet",
           transform: shape.transform
         }