pptx-react-viewer 4.55.0 → 4.56.1

package/dist/chunk-F6WCYCHV.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var host = require('ooxml-ui/pptx/ai/host');
+var react = require('react');
+var lu = require('react-icons/lu');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/viewer/ai-assistant-registry.ts
+var aiAssistants = host.createAiAssistantRegistry({
+  owner: "pptx-react-viewer"
+});
+var AiChatPanel = /* @__PURE__ */ react.lazy(async () => {
+  const [{ useChat }, { default: Panel }] = await Promise.all([
+    import('@ai-sdk/react'),
+    import('./AiChatPanel-7DESUEAZ.js')
+  ]);
+  function BoundAiChatPanel(props) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Panel, { ...props, useChat });
+  }
+  return { default: BoundAiChatPanel };
+});
+function AiChatPanelLazy(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Suspense,
+    {
+      fallback: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute right-0 top-0 z-30 flex h-full w-80 items-center justify-center border-l border-border bg-card text-muted-foreground max-md:inset-x-0 max-md:top-auto max-md:bottom-0 max-md:h-[75dvh] max-md:w-full max-md:rounded-t-2xl max-md:border-l-0 max-md:border-t max-md:shadow-2xl",
+          style: props.panelWidth ? { width: props.panelWidth } : void 0,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLoaderCircle, { className: "w-5 h-5 animate-spin" })
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(AiChatPanel, { ...props })
+    }
+  );
+}
+
+exports.AiChatPanelLazy = AiChatPanelLazy;
+exports.aiAssistants = aiAssistants;

package/dist/chunk-NE5JQMED.mjs

@@ -0,0 +1,37 @@
+import { createAiAssistantRegistry } from 'ooxml-ui/pptx/ai/host';
+import { Suspense, lazy } from 'react';
+import { LuLoaderCircle } from 'react-icons/lu';
+import { jsx } from 'react/jsx-runtime';
+
+// src/viewer/ai-assistant-registry.ts
+var aiAssistants = createAiAssistantRegistry({
+  owner: "pptx-react-viewer"
+});
+var AiChatPanel = /* @__PURE__ */ lazy(async () => {
+  const [{ useChat }, { default: Panel }] = await Promise.all([
+    import('@ai-sdk/react'),
+    import('./AiChatPanel-GQ64SIYP.mjs')
+  ]);
+  function BoundAiChatPanel(props) {
+    return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
+  }
+  return { default: BoundAiChatPanel };
+});
+function AiChatPanelLazy(props) {
+  return /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "absolute right-0 top-0 z-30 flex h-full w-80 items-center justify-center border-l border-border bg-card text-muted-foreground max-md:inset-x-0 max-md:top-auto max-md:bottom-0 max-md:h-[75dvh] max-md:w-full max-md:rounded-t-2xl max-md:border-l-0 max-md:border-t max-md:shadow-2xl",
+          style: props.panelWidth ? { width: props.panelWidth } : void 0,
+          children: /* @__PURE__ */ jsx(LuLoaderCircle, { className: "w-5 h-5 animate-spin" })
+        }
+      ),
+      children: /* @__PURE__ */ jsx(AiChatPanel, { ...props })
+    }
+  );
+}
+
+export { AiChatPanelLazy, aiAssistants };

package/dist/{chunk-OIQAJR57.js → chunk-OOBBI4DH.js}

@@ -98,6 +98,7 @@ function useYjsProvider({ config: inputConfig }) {
   );
   const state = useController(controller);
   const signalingKey = config?.signaling?.join("\n");
+  const enabled = Boolean(config);
   React17.useEffect(() => {
     if (!config) {
       controller.stop();
@@ -119,7 +120,7 @@ function useYjsProvider({ config: inputConfig }) {
     config?.authToken,
     config?.transport,
     signalingKey,
-    Boolean(config)
+    enabled
   ]);
   const session = state.active ? controller.getSession() : null;
   return {
@@ -917,6 +918,7 @@ function useEditorHistory(input) {
     handleRedo,
     resetHistory,
     forgetHistory: history.forget,
+    attachCollaboration: history.attachCollaboration,
     markDirty,
     withoutUndoStep,
     buildHistorySnapshot
@@ -5649,7 +5651,7 @@ function useCanvasInteractions(input) {
         return;
       }
       const liveText = read?.snapshot.text ?? inlineEditingTextRef?.current ?? inlineEditingText;
-      const committedText = transformCommittedText ? transformCommittedText(liveText) : liveText;
+      const committedText = transformCommittedText ? transformCommittedText(liveText, el.text) : liveText;
       const textPatch = pptx.buildInlineTextCommitPatch(
         el,
         committedText,
@@ -7121,7 +7123,7 @@ function createTableStructHandlers(input) {
     if (!el || el.type !== "table") {
       return;
     }
-    const text = transformCommittedText ? transformCommittedText(rawText) : rawText;
+    const text = transformCommittedText ? transformCommittedText(rawText, pptx.getCellText(el, rowIndex, colIndex)) : rawText;
     const updates = {};
     if (el.tableData) {
       updates.tableData = pptx.setCellText(el, rowIndex, colIndex, text).tableData;
@@ -9235,10 +9237,11 @@ function useSerialize(input) {
       }
       const pendingEditText = read?.snapshot.text ?? inlineEditingTextRef.current;
       const pendingSnapshot = read?.snapshot ?? inlineEditingSnapshotRef?.current;
+      const heldDeck = heldDeckRef?.current;
       const pending = overlayPendingInlineEdit(
         {
-          slides: heldDeckRef?.current?.slides ?? slides,
-          templateElementsBySlideId: heldDeckRef?.current?.templateElementsBySlideId ?? templateElementsBySlideId,
+          slides: heldDeck?.slides ?? slides,
+          templateElementsBySlideId: heldDeck?.templateElementsBySlideId ?? templateElementsBySlideId,
           activeSlideIndex,
           editTemplateMode,
           masterViewTarget,
@@ -9316,6 +9319,7 @@ function useSerialize(input) {
       editTemplateMode,
       masterViewTarget,
       handlerRef,
+      heldDeckRef,
       inlineEditingElementIdRef,
       inlineEditingTextRef,
       inlineEditingSnapshotRef,
@@ -11993,6 +11997,70 @@ function buildCanvasProps(input) {
     }
   };
 }
+function useSlidesPaneProps({
+  state,
+  slides,
+  canEdit,
+  activeSlideIndex,
+  slideSectionGroups,
+  slideOps,
+  sectionOps,
+  recordedTimings,
+  onOpenLayoutGallery
+}) {
+  const { setActiveSlideIndex, setIsSlidesPaneOpen } = state;
+  const fieldContext = React17.useMemo(
+    () => pptx.buildSlidesPaneFieldContext({
+      headerFooter: state.headerFooter,
+      customProperties: state.customProperties,
+      firstSlideNumber: state.firstSlideNumber
+    }),
+    [state.headerFooter, state.customProperties, state.firstSlideNumber]
+  );
+  const tableStyleContext = React17.useMemo(
+    () => pptx.buildSlidesPaneTableStyleContext(state.theme, state.tableStyleMap),
+    [state.theme, state.tableStyleMap]
+  );
+  const rehearsalTimings = React17.useMemo(
+    () => pptx.slidesPaneRehearsalTimings(recordedTimings),
+    [recordedTimings]
+  );
+  const onOpenLayoutForSlide = React17.useCallback(
+    (slideIndex, x, y) => {
+      pptx.openSlidesPaneLayoutGallery({ slideIndex, x, y }, setActiveSlideIndex, onOpenLayoutGallery);
+    },
+    [setActiveSlideIndex, onOpenLayoutGallery]
+  );
+  const onCollapse = React17.useCallback(() => setIsSlidesPaneOpen(false), [setIsSlidesPaneOpen]);
+  return {
+    slides,
+    templateElementsBySlideId: state.templateElementsBySlideId,
+    activeSlideIndex,
+    canvasSize: state.canvasSize,
+    sectionGroups: slideSectionGroups,
+    isOpen: state.isSlidesPaneOpen,
+    canEdit,
+    onSelectSlide: setActiveSlideIndex,
+    onSlideContextMenu: slideOps.handleSlideContextMenu,
+    onMoveSlide: slideOps.handleMoveSlide,
+    onAddSlide: slideOps.handleAddSlide,
+    onAddSlideAfter: slideOps.handleAddSlideAfter,
+    onDuplicateSlides: slideOps.handleDuplicateSlides,
+    onDeleteSlides: slideOps.handleDeleteSlides,
+    onHideSlides: slideOps.handleToggleHideSlides,
+    onOpenLayoutForSlide,
+    onCollapse,
+    onAddSection: sectionOps.addSection,
+    onRenameSection: sectionOps.renameSection,
+    onDeleteSection: sectionOps.deleteSection,
+    onMoveSectionUp: sectionOps.moveSectionUp,
+    onMoveSectionDown: sectionOps.moveSectionDown,
+    onToggleSectionCollapse: sectionOps.toggleSectionCollapse,
+    rehearsalTimings,
+    fieldContext,
+    tableStyleContext
+  };
+}
 
 // src/viewer/hooks/createReviewCommentsHost.ts
 function createReviewCommentsHost(input) {
@@ -12467,7 +12535,7 @@ function RemoteSelectionOverlay({
   )) });
 }
 function useCollaborationDocumentSync(input) {
-  const { collaboration, ...state } = input;
+  const { collaboration, history, ...state } = input;
   const latest = React17.useRef(input);
   latest.current = input;
   const getSourceBytes = React17.useCallback(() => {
@@ -12486,6 +12554,20 @@ function useCollaborationDocumentSync(input) {
     }
   }, []);
   const isConnected = config?.externalSession ? Boolean(collaboration?.doc) : collaboration?.status === "connected";
+  const historyReady = pptx.collaborationHistoryReady({
+    hasDoc: Boolean(doc),
+    external: Boolean(config?.externalSession),
+    connected: isConnected && !config?.externalSession,
+    synced: collaboration?.synced ?? false,
+    viewer: config?.role === "viewer"
+  });
+  const attachCollaboration = history?.attachCollaboration;
+  React17.useEffect(() => {
+    if (!attachCollaboration || !doc || !historyReady) {
+      return;
+    }
+    return pptx.bindCollaborationHistory({ attachCollaboration }, doc, collabModules.loadYjs);
+  }, [attachCollaboration, doc, historyReady]);
   useYjsDocumentSync({
     ...state,
     doc: collaboration?.doc ?? null,
@@ -12522,6 +12604,7 @@ function useViewerBuildingBlocksCollaboration(input) {
   });
   useCollaborationDocumentSync({
     collaboration,
+    history: input.core.history,
     content: input.content,
     slides: state.slides,
     setSlides: state.setSlides,
@@ -12626,7 +12709,7 @@ function useViewerBuildingBlocksCore(input) {
     setEditTemplateMode: state.setEditTemplateMode,
     setHeaderFooter: state.setHeaderFooter
   });
-  const { gridSpacingPx, visibleSlideIndexes, masterPseudoSlide } = useDerivedSlideState({
+  const { gridSpacingPx, visibleSlideIndexes, masterPseudoSlide, slideSectionGroups } = useDerivedSlideState({
     slides,
     sections: state.sections,
     customShows: state.customShows,
@@ -12685,6 +12768,7 @@ function useViewerBuildingBlocksCore(input) {
     setExitModeHandler,
     masterPseudoSlide,
     gridSpacingPx,
+    slideSectionGroups,
     // Multiplied against the pre-existing 2x baseline; see the matching
     // comment in `PowerPointViewer.tsx`.
     imageExportScale: 2 * pptx.resolveImageResolutionScale(viewerOptions),
@@ -13014,7 +13098,8 @@ function useViewerBuildingBlocks(input) {
     onSlideCountChange,
     onOpenSettings,
     onOpenHeaderFooter,
-    onOpenShareDialog
+    onOpenShareDialog,
+    onOpenLayoutGallery
   } = input;
   const collaborationConfig = pptx.resolveCollaborationConfig(input.collaboration);
   const [collaborationReadOnly, setCollaborationReadOnly] = React17.useState(Boolean(collaborationConfig));
@@ -13062,6 +13147,7 @@ function useViewerBuildingBlocks(input) {
     presentation,
     masterPseudoSlide,
     gridSpacingPx,
+    slideSectionGroups,
     viewerOptions
   } = core;
   const canEdit = pptx.resolveCollaborationShellEditability({
@@ -13168,6 +13254,17 @@ function useViewerBuildingBlocks(input) {
 ${url}`
   });
   canvasProps.collaborationOverlay = overlay;
+  const slidesPaneProps = useSlidesPaneProps({
+    state,
+    slides,
+    canEdit,
+    activeSlideIndex,
+    slideSectionGroups,
+    slideOps: editorOps.slideOps,
+    sectionOps: editorOps.sectionOps,
+    recordedTimings: presentation.recordedTimings,
+    onOpenLayoutGallery
+  });
   const shellState = React17.useMemo(
     () => pptx.resolveCollaborationShellState({
       authorizedCanEdit: requestedCanEdit,
@@ -13192,6 +13289,7 @@ ${url}`
   return {
     toolbarProps,
     canvasProps,
+    slidesPaneProps,
     mode,
     loading,
     error,