@adminide-stack/yantra-mobile 12.0.131 → 12.0.132-alpha.0

package/lib/features/canvas/CanvasExperience.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMemo,useState,useRef,useEffect,useCallback}from'react';import {Image,View,Text,ActivityIndicator,StyleSheet}from'react-native';import {NativeCanvasViewer}from'./NativeCanvasViewer.js';import {CanvasBoardsGrid}from'./CanvasBoardsGrid.js';import {DesignCategoryGallery}from'./DesignCategoryGallery.js';import {fetchDesignCatalog,fetchDesignCatalogViaClient,interleaveTemplateRows}from'./designCatalog.js';import {designCategoryFor}from'./designCategories.js';import {SEEDANCE_SHOWCASE}from'./seedanceShowcase.js';import {TemplatesGallery}from'./home/TemplatesGallery.js';import {WORK_ARTIFACTS}from'./homeWork.js';import {CanvasAgentChatPane}from'./CanvasAgentChatPane.js';import {VideoEditorExperience}from'./VideoEditorExperience.js';import {ImageEditorExperience}from'./ImageEditorExperience.js';import {AudioEditorExperience}from'./AudioEditorExperience.js';import {friendlyMediaError}from'./videoEditor/mediaActions.js';import {createRemoteRunAction,createRemoteUploadMedia,proxiedMediaUrl,deriveBackendGraphqlUrl,unwrapProxyUrl}from'./videoEditor/remoteMediaClient.js';import {renderExportSpec}from'./videoEditor/exportRenderer.js';import {startExportTask}from'./videoEditor/exportTask.js';import {useCanvasTask,ExportTaskCard}from'./videoEditor/ExportTaskCard.js';import {markTaskDelivered,dismissTask}from'./canvasTasks.js';import {getCachedCanvasBoards,fetchMyCanvasBoards,pushCanvasBoard}from'./surfaceIndex.js';import {useMediaSigning,useBoardMediaRefresh,applySrcRenewals}from'./useBoardMediaRefresh.js';import {readCachedCanvasBoards,writeCachedCanvasBoards}from'./canvasBoardsCatalog.js';import {hydrateCanvasBoardsSnapshot,persistCanvasBoardsSnapshot}from'./canvasBoardsSnapshot.js';import {boardSignature,mediaItemsFor,buildBoardState,reconcileDismissed,newBoardId,emptyBoardState,dimsForAspect,mediaKey}from'./canvasCore.js';import {visibleCreateGroups,isDocsCreate}from'./createTiles.js';import {designEntryForCreate,parseDocLink,designTemplateIdOf,parseDesignLink,parseMediaLink,parseCreateTileLink}from'./deepLinks.js';import {promoProjectToTimeline}from'./promoProjectImport.js';import {loadTemplateTimeline}from'./templateImport/loadTemplate.js';import {CanvasToolDock}from'./CanvasToolDock.js';import {describeSession}from'./sessionIdentity.js';import {DesignExperience}from'../design/DesignExperience.js';import {listDesignArtifacts}from'../design/doc/artifacts.js';import {DocsEditorExperience}from'../docs/DocsEditorExperience.js';import {listDocArtifacts}from'../docs/docArtifacts.js';import {fetchMyDesigns}from'../design/designIndex.js';import {VideoGeneratorExperience}from'./VideoGeneratorExperience.js';import {VideoEditExperience}from'./VideoEditExperience.js';import {VideoClipsExperience}from'./VideoClipsExperience.js';import {FrameExtractorExperience}from'./FrameExtractorExperience.js';import {MoodboardExperience}from'./MoodboardExperience.js';import {SetStudioExperience}from'./SetStudioExperience.js';import {configureServerTasks}from'./serverTasks.js';import {setCanvasTasksHost}from'./canvasTaskSync.js';import {InfluencerStudioExperience}from'./InfluencerStudioExperience.js';import {CameraRecorderExperience}from'./recorder/CameraRecorderExperience.js';import {listStudioLooks}from'./studioLooks.js';import {CanvasThemeProvider,useCanvasTheme,themedStyles}from'./canvasTheme.js';import {Pressable,pressedStyle,RADIUS,SPACE,TYPE,ActionButton}from'./canvasUi.js';var __defProp = Object.defineProperty;
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMemo,useState,useRef,useEffect,useCallback}from'react';import {Image,View,Text,ActivityIndicator,StyleSheet}from'react-native';import {NativeCanvasViewer}from'./NativeCanvasViewer.js';import {VideoGeneratorExperience,FrameExtractorExperience,MoodboardExperience,SetStudioExperience,CameraRecorderExperience,InfluencerStudioExperience,VideoEditExperience,VideoClipsExperience,ImageEditorExperience,AudioEditorExperience,VideoEditorExperience,DocsEditorExperience,DesignExperience}from'./lazyEditors.js';import {CanvasBoardsGrid}from'./CanvasBoardsGrid.js';import {DesignCategoryGallery}from'./DesignCategoryGallery.js';import {fetchDesignCatalog,fetchDesignCatalogViaClient,interleaveTemplateRows}from'./designCatalog.js';import {designCategoryFor}from'./designCategories.js';import {SEEDANCE_SHOWCASE}from'./seedanceShowcase.js';import {TemplatesGallery}from'./home/TemplatesGallery.js';import {WORK_ARTIFACTS,nextWorkReadLimit,WORK_READ_MAX}from'./homeWork.js';import {CanvasAgentChatPane}from'./CanvasAgentChatPane.js';import {friendlyMediaError}from'./videoEditor/mediaActions.js';import {createRemoteRunAction,createRemoteUploadMedia,proxiedMediaUrl,deriveBackendGraphqlUrl,unwrapProxyUrl}from'./videoEditor/remoteMediaClient.js';import {renderExportSpec}from'./videoEditor/exportRenderer.js';import {startExportTask}from'./videoEditor/exportTask.js';import {useCanvasTask,ExportTaskCard}from'./videoEditor/ExportTaskCard.js';import {markTaskDelivered,dismissTask}from'./canvasTasks.js';import {getCachedCanvasBoards,fetchMyCanvasBoards,pushCanvasBoard}from'./surfaceIndex.js';import {useMediaSigning,useBoardMediaRefresh,applySrcRenewals}from'./useBoardMediaRefresh.js';import {readCachedCanvasBoards,writeCachedCanvasBoards}from'./canvasBoardsCatalog.js';import {hydrateCanvasBoardsSnapshot,persistCanvasBoardsSnapshot}from'./canvasBoardsSnapshot.js';import {boardSignature,mediaItemsFor,buildBoardState,reconcileDismissed,newBoardId,emptyBoardState,dimsForAspect,mediaKey}from'./canvasCore.js';import {visibleCreateGroups,isDocsCreate}from'./createTiles.js';import {designEntryForCreate,parseDocLink,designTemplateIdOf,parseDesignLink,parseMediaLink,parseCreateTileLink}from'./deepLinks.js';import {promoProjectToTimeline}from'./promoProjectImport.js';import {loadTemplateTimeline}from'./templateImport/loadTemplate.js';import {CanvasToolDock}from'./CanvasToolDock.js';import {describeSession}from'./sessionIdentity.js';import {listDesignArtifacts}from'../design/doc/artifacts.js';import {listDocArtifacts}from'../docs/docArtifacts.js';import {fetchMyDesigns}from'../design/designIndex.js';import {configureServerTasks}from'./serverTasks.js';import {setCanvasTasksHost}from'./canvasTaskSync.js';import {listStudioLooks}from'./studioLooks.js';import {CanvasThemeProvider,useCanvasTheme,themedStyles}from'./canvasTheme.js';import {Pressable,pressedStyle,RADIUS,SPACE,TYPE,ActionButton}from'./canvasUi.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -378,7 +378,7 @@ function CanvasExperienceBody({
   const [featuredLooks, setFeaturedLooks] = useState([]);
   const [studioMore, setStudioMore] = useState(false);
   const [studioError, setStudioError] = useState(null);
-  const [workExpanded, setWorkExpanded] = useState(false);
+  const [workReadLimit, setWorkReadLimit] = useState(WORK_ARTIFACTS.collapsed);
   const [studioRead, setStudioRead] = useState(0);
   const [homeGallery, setHomeGallery] = useState(null);
   useEffect(() => {
@@ -391,7 +391,7 @@ function CanvasExperienceBody({
     }).then((result) => {
       setDesigns(result.designs);
     });
-    const limit = workExpanded ? WORK_ARTIFACTS.expanded : WORK_ARTIFACTS.collapsed;
+    const limit = workReadLimit;
     void listDesignArtifacts({
       url: indexUrl,
       token,
@@ -411,7 +411,7 @@ function CanvasExperienceBody({
       if (result.docs.length || !result.error) setWorkDocs(result.docs);
     });
     return () => controller.abort();
-  }, [token, indexUrl, skipFetch, designEntry, docEntry, generation, workExpanded, studioRead]);
+  }, [token, indexUrl, skipFetch, designEntry, docEntry, generation, workReadLimit, studioRead]);
   useEffect(() => {
     if (!token && !effectiveRunAction && !apolloClient) {
       setFeaturedLooks([]);
@@ -985,19 +985,25 @@ function CanvasExperienceBody({
     return /* @__PURE__ */ jsx(View, { style: styles.fill, testID, children: /* @__PURE__ */ jsx(DesignExperience, { token, indexUrl, entry: designEntry, onClose: () => setDesignEntry(null), onPickLocalMedia, uploadMedia: effectiveUploadMedia, runMediaAction: effectiveRunAction }) });
   }
   if (!selected && homeGallery) {
-    return /* @__PURE__ */ jsx(View, { style: styles.fill, testID, children: /* @__PURE__ */ jsx(TemplatesGallery, { initialSource: homeGallery, runAction: effectiveRunAction, loadDesignCatalog, onClose: () => setHomeGallery(null), onUseVideoTemplate: (template) => {
+    return /* @__PURE__ */ jsx(View, { style: styles.fill, testID, children: /* @__PURE__ */ jsx(TemplatesGallery, { initialSource: homeGallery, runAction: effectiveRunAction, loadDesignCatalog, looksOptions: {
+      client: apolloClient,
+      token,
+      indexUrl
+    }, onClose: () => setHomeGallery(null), onRecreateLook: (look) => {
       setHomeGallery(null);
       handleNewCanvas();
       setGenerator(__spreadValues({
         mode: "video",
-        initialPrompt: template.prompt
-      }, template.aspect ? {
-        aspect: template.aspect
+        initialPrompt: look.prompt
+      }, look.aspect ? {
+        aspect: look.aspect
       } : {}));
-    }, onBlank: (size) => {
+    }, onUsePrompt: (mode, prompt) => {
       setHomeGallery(null);
-      setDesignEntry({
-        sizeId: size.id
+      handleNewCanvas();
+      setGenerator({
+        mode,
+        initialPrompt: prompt
       });
     }, onOpenTemplate: (card) => {
       setHomeGallery(null);
@@ -1019,23 +1025,58 @@ function CanvasExperienceBody({
   if (!selected) {
     return /* @__PURE__ */ jsxs(View, { style: styles.fill, testID, children: [
       loading && boards.length === 0 ? /* @__PURE__ */ jsx(View, { style: styles.gridLoading, pointerEvents: "none", children: /* @__PURE__ */ jsx(ActivityIndicator, { size: "small" }) }) : null,
-      /* @__PURE__ */ jsx(CanvasBoardsGrid, { boards: boards.filter((entry) => entry.itemCount > 0), onOpen: setSelectedId, onNewCanvas: handleNewCanvas, designs, onOpenDesign: (designChannelId) => setDesignEntry({
-        channelId: designChannelId
-      }), studioDesigns, onOpenStudioDesign: (id) => setDesignEntry({
-        artifactId: id
-      }), docs: workDocs, onOpenDoc: (id) => setDocEntry({
-        docId: id
-      }), onAskAgent: handleAskAgentFromGrid, createGroups, onCreate: handleCreate, runAction: effectiveRunAction, featuredLooks, onRecreateLook: (look) => {
-        setGenerator(__spreadValues({
-          mode: "video",
-          initialPrompt: look.prompt
-        }, look.aspect ? {
-          aspect: look.aspect
-        } : {}));
-      }, onOpenCategory: openCategory, templateRails, onOpenTemplate: openTemplate, onSeeAllTemplates: () => setHomeGallery("flyers"), onRetryTemplates: () => setTemplateRailsRead((n) => n + 1), showcase: SEEDANCE_SHOWCASE, onUseShowcasePrompt: handleShowcasePrompt, onStartWithPrompt: handleStartWithPrompt, onPickReference: onPickLocalMedia ? pickHeroReference : void 0, onBrowseTemplates: () => setHomeGallery("video"), studioMore, studioError, onRetryStudioDesigns: () => setStudioRead((n) => n + 1), onExpandWork: setWorkExpanded, currentSessionId: channelId, onOpenSession: (sessionId) => {
-        setBoards((prev) => prev.some((entry) => entry.channelId === sessionId) ? prev : [untitledBoard(sessionId), ...prev]);
-        setSelectedId(sessionId);
-      } }),
+      /* @__PURE__ */ jsx(
+        CanvasBoardsGrid,
+        {
+          boards: boards.filter((entry) => entry.itemCount > 0),
+          onOpen: setSelectedId,
+          onNewCanvas: handleNewCanvas,
+          designs,
+          onOpenDesign: (designChannelId) => setDesignEntry({
+            channelId: designChannelId
+          }),
+          studioDesigns,
+          onOpenStudioDesign: (id) => setDesignEntry({
+            artifactId: id
+          }),
+          docs: workDocs,
+          onOpenDoc: (id) => setDocEntry({
+            docId: id
+          }),
+          onAskAgent: handleAskAgentFromGrid,
+          createGroups,
+          onCreate: handleCreate,
+          runAction: effectiveRunAction,
+          featuredLooks,
+          onRecreateLook: (look) => {
+            setGenerator(__spreadValues({
+              mode: "video",
+              initialPrompt: look.prompt
+            }, look.aspect ? {
+              aspect: look.aspect
+            } : {}));
+          },
+          onOpenCategory: openCategory,
+          templateRails,
+          onOpenTemplate: openTemplate,
+          onSeeAllTemplates: () => setHomeGallery("flyers"),
+          onRetryTemplates: () => setTemplateRailsRead((n) => n + 1),
+          showcase: SEEDANCE_SHOWCASE,
+          onUseShowcasePrompt: handleShowcasePrompt,
+          onStartWithPrompt: handleStartWithPrompt,
+          onPickReference: onPickLocalMedia ? pickHeroReference : void 0,
+          onBrowseTemplates: () => setHomeGallery("video"),
+          studioMore: studioMore && workReadLimit < WORK_READ_MAX,
+          studioError,
+          onRetryStudioDesigns: () => setStudioRead((n) => n + 1),
+          onLoadMoreWork: () => setWorkReadLimit(nextWorkReadLimit),
+          currentSessionId: channelId,
+          onOpenSession: (sessionId) => {
+            setBoards((prev) => prev.some((entry) => entry.channelId === sessionId) ? prev : [untitledBoard(sessionId), ...prev]);
+            setSelectedId(sessionId);
+          }
+        }
+      ),
       homeNotice ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles.uploadToast, children: /* @__PURE__ */ jsx(Text, { style: styles.uploadToastText, numberOfLines: 2, children: homeNotice }) }) : null,
       /* @__PURE__ */ jsx(CanvasAgentChatPane, { visible: gridAgentOpen, onClose: () => setGridAgentOpen(false), onOpenDesign: (artifactId2) => setDesignEntry({
         artifactId: artifactId2