npm - @adminide-stack/yantra-mobile - Versions diffs - 12.0.38 → 12.0.39-alpha.2 - Mend

@adminide-stack/yantra-mobile 12.0.38 → 12.0.39-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/lib/screens/Home/components/BuildTemplatesSection.js ADDED Viewed

@@ -0,0 +1,156 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useCallback}from'react';import {useWindowDimensions,Pressable,StyleSheet,View,Image,Text,ActivityIndicator,ScrollView}from'react-native';import {useMarketplaceTemplateCards}from'../../../hooks/useMarketplaceTemplateCards.js';function BuildTemplatesSection({
+  enabled,
+  group,
+  orgName,
+  isDark,
+  primaryTextColor,
+  secondaryTextColor,
+  selectedTemplateId = null,
+  onUseTemplate
+}) {
+  const {
+    width
+  } = useWindowDimensions();
+  const selectedGroup = (group != null ? group : "").trim();
+  const {
+    cards,
+    loading,
+    error
+  } = useMarketplaceTemplateCards({
+    group: selectedGroup,
+    orgName,
+    enabled: enabled && Boolean(selectedGroup)
+  });
+  const cardWidth = Math.min(168, Math.max(140, (width - 56) / 2));
+  const renderCard = useCallback((item) => {
+    var _a;
+    const cover = (_a = item.coverImageUrl) == null ? void 0 : _a.trim();
+    const selected = selectedTemplateId === item.id;
+    return /* @__PURE__ */ jsxs(Pressable, { onPress: () => onUseTemplate(item), style: [styles.card, {
+      width: cardWidth,
+      backgroundColor: isDark ? "#1e293b" : "#ffffff",
+      borderColor: selected ? isDark ? "#818cf8" : "#4338ca" : isDark ? "rgba(148,163,184,0.28)" : "rgba(15,23,42,0.08)",
+      borderWidth: selected ? 2 : 1
+    }], accessibilityRole: "button", accessibilityState: {
+      selected
+    }, accessibilityLabel: `${selected ? "Selected" : "Select"} template ${item.title}`, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.cover, {
+        backgroundColor: isDark ? "#0f172a" : "#f1f5f9"
+      }], children: cover ? /* @__PURE__ */ jsx(Image, { source: {
+        uri: cover
+      }, style: styles.coverImage, resizeMode: "cover" }) : /* @__PURE__ */ jsx(Text, { style: [styles.coverFallback, {
+        color: secondaryTextColor
+      }], children: "Yantra" }) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.cardBody, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.cardTitle, {
+          color: primaryTextColor
+        }], numberOfLines: 2, children: item.title }),
+        item.snapshotId ? /* @__PURE__ */ jsx(Text, { style: [styles.cardMeta, {
+          color: secondaryTextColor
+        }], numberOfLines: 1, children: "Remix ready" }) : null,
+        /* @__PURE__ */ jsx(Text, { style: [styles.useLabel, {
+          color: isDark ? "#a5b4fc" : "#4338ca"
+        }], children: selected ? "Selected" : "Select" })
+      ] })
+    ] }, item.id);
+  }, [cardWidth, isDark, onUseTemplate, primaryTextColor, secondaryTextColor, selectedTemplateId]);
+  if (!enabled || !selectedGroup) {
+    return null;
+  }
+  if (loading && cards.length === 0) {
+    return /* @__PURE__ */ jsxs(View, { style: styles.statusWrap, children: [
+      /* @__PURE__ */ jsx(ActivityIndicator, { color: isDark ? "#a5b4fc" : "#4338ca" }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.statusText, {
+        color: secondaryTextColor
+      }], children: "Loading templates\u2026" })
+    ] });
+  }
+  if (error && cards.length === 0) {
+    return /* @__PURE__ */ jsx(View, { style: styles.statusWrap, children: /* @__PURE__ */ jsx(Text, { style: [styles.statusText, {
+      color: secondaryTextColor
+    }], children: "Couldn\u2019t load templates. Try another group." }) });
+  }
+  if (cards.length === 0) {
+    return /* @__PURE__ */ jsx(View, { style: styles.statusWrap, children: /* @__PURE__ */ jsx(Text, { style: [styles.statusText, {
+      color: secondaryTextColor
+    }], children: "No remixable templates in this group yet." }) });
+  }
+  return /* @__PURE__ */ jsxs(View, { style: styles.section, children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.sectionTitle, {
+      color: primaryTextColor
+    }], children: "Yantra templates" }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.sectionHint, {
+      color: secondaryTextColor
+    }], children: "Select a starter, type your prompt, then send \u2014 message + snapshot go to Web Builder." }),
+    /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.listContent, children: cards.map(renderCard) })
+  ] });
+}
+const styles = StyleSheet.create({
+  section: {
+    width: "100%",
+    marginTop: 20,
+    paddingBottom: 8
+  },
+  sectionTitle: {
+    fontSize: 16,
+    fontWeight: "700",
+    marginBottom: 4,
+    paddingHorizontal: 4
+  },
+  sectionHint: {
+    fontSize: 12,
+    lineHeight: 18,
+    marginBottom: 12,
+    paddingHorizontal: 4
+  },
+  listContent: {
+    paddingHorizontal: 2,
+    gap: 12
+  },
+  card: {
+    borderRadius: 14,
+    borderWidth: 1,
+    overflow: "hidden"
+  },
+  cover: {
+    height: 96,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  coverImage: {
+    width: "100%",
+    height: "100%"
+  },
+  coverFallback: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  cardBody: {
+    paddingHorizontal: 10,
+    paddingVertical: 10,
+    gap: 4
+  },
+  cardTitle: {
+    fontSize: 13,
+    fontWeight: "600",
+    lineHeight: 18
+  },
+  cardMeta: {
+    fontSize: 11
+  },
+  useLabel: {
+    marginTop: 2,
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  statusWrap: {
+    marginTop: 20,
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 16
+  },
+  statusText: {
+    fontSize: 13,
+    textAlign: "center"
+  }
+});export{BuildTemplatesSection,BuildTemplatesSection as default};//# sourceMappingURL=BuildTemplatesSection.js.map

package/lib/screens/Home/components/BuildTemplatesSection.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BuildTemplatesSection.js","sources":["../../../../src/screens/Home/components/BuildTemplatesSection.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n ActivityIndicator,\n Image,\n Pressable,\n ScrollView,\n StyleSheet,\n Text,\n View,\n useWindowDimensions,\n} from 'react-native';\nimport type { BuildTemplateCard } from '../../../features/templates/buildTemplateCards';\nimport { useMarketplaceTemplateCards } from '../../../hooks/useMarketplaceTemplateCards';\n\nexport type BuildTemplatesSectionProps = {\n enabled: boolean;\n /** Selected marketplace group key (`codeAssistant`, …). */\n group: string | null;\n orgName?: string | null;\n isDark: boolean;\n primaryTextColor: string;\n secondaryTextColor: string;\n /** Armed card id — submit will send input message + this card's snapshotId. */\n selectedTemplateId?: string | null;\n onUseTemplate: (card: BuildTemplateCard) => void;\n};\n\n/**\n * Yantra template cards for Build mode (web `DefaultFormTemplatesSection` parity).\n * Tap arms the card (`snapshotId`); composer submit sends message + snapshotId.\n */\nexport function BuildTemplatesSection({\n enabled,\n group,\n orgName,\n isDark,\n primaryTextColor,\n secondaryTextColor,\n selectedTemplateId = null,\n onUseTemplate,\n}: BuildTemplatesSectionProps) {\n const { width } = useWindowDimensions();\n const selectedGroup = (group ?? '').trim();\n const { cards, loading, error } = useMarketplaceTemplateCards({\n group: selectedGroup,\n orgName,\n enabled: enabled && Boolean(selectedGroup),\n });\n\n const cardWidth = Math.min(168, Math.max(140, (width - 56) / 2));\n\n const renderCard = useCallback(\n (item: BuildTemplateCard) => {\n const cover = item.coverImageUrl?.trim();\n const selected = selectedTemplateId === item.id;\n return (\n <Pressable\n key={item.id}\n onPress={() => onUseTemplate(item)}\n style={[\n styles.card,\n {\n width: cardWidth,\n backgroundColor: isDark ? '#1e293b' : '#ffffff',\n borderColor: selected\n ? isDark\n ? '#818cf8'\n : '#4338ca'\n : isDark\n ? 'rgba(148,163,184,0.28)'\n : 'rgba(15,23,42,0.08)',\n borderWidth: selected ? 2 : 1,\n },\n ]}\n accessibilityRole=\"button\"\n accessibilityState={{ selected }}\n accessibilityLabel={`${selected ? 'Selected' : 'Select'} template ${item.title}`}\n >\n <View style={[styles.cover, { backgroundColor: isDark ? '#0f172a' : '#f1f5f9' }]}>\n {cover ? (\n <Image source={{ uri: cover }} style={styles.coverImage} resizeMode=\"cover\" />\n ) : (\n <Text style={[styles.coverFallback, { color: secondaryTextColor }]}>Yantra</Text>\n )}\n </View>\n <View style={styles.cardBody}>\n <Text style={[styles.cardTitle, { color: primaryTextColor }]} numberOfLines={2}>\n {item.title}\n </Text>\n {item.snapshotId ? (\n <Text style={[styles.cardMeta, { color: secondaryTextColor }]} numberOfLines={1}>\n Remix ready\n </Text>\n ) : null}\n <Text style={[styles.useLabel, { color: isDark ? '#a5b4fc' : '#4338ca' }]}>\n {selected ? 'Selected' : 'Select'}\n </Text>\n </View>\n </Pressable>\n );\n },\n [cardWidth, isDark, onUseTemplate, primaryTextColor, secondaryTextColor, selectedTemplateId],\n );\n\n if (!enabled || !selectedGroup) {\n return null;\n }\n\n if (loading && cards.length === 0) {\n return (\n <View style={styles.statusWrap}>\n <ActivityIndicator color={isDark ? '#a5b4fc' : '#4338ca'} />\n <Text style={[styles.statusText, { color: secondaryTextColor }]}>Loading templates…</Text>\n </View>\n );\n }\n\n if (error && cards.length === 0) {\n return (\n <View style={styles.statusWrap}>\n <Text style={[styles.statusText, { color: secondaryTextColor }]}>\n Couldn’t load templates. Try another group.\n </Text>\n </View>\n );\n }\n\n if (cards.length === 0) {\n return (\n <View style={styles.statusWrap}>\n <Text style={[styles.statusText, { color: secondaryTextColor }]}>\n No remixable templates in this group yet.\n </Text>\n </View>\n );\n }\n\n return (\n <View style={styles.section}>\n <Text style={[styles.sectionTitle, { color: primaryTextColor }]}>Yantra templates</Text>\n <Text style={[styles.sectionHint, { color: secondaryTextColor }]}>\n Select a starter, type your prompt, then send — message + snapshot go to Web Builder.\n </Text>\n <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.listContent}>\n {cards.map(renderCard)}\n </ScrollView>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n section: {\n width: '100%',\n marginTop: 20,\n paddingBottom: 8,\n },\n sectionTitle: {\n fontSize: 16,\n fontWeight: '700',\n marginBottom: 4,\n paddingHorizontal: 4,\n },\n sectionHint: {\n fontSize: 12,\n lineHeight: 18,\n marginBottom: 12,\n paddingHorizontal: 4,\n },\n listContent: {\n paddingHorizontal: 2,\n gap: 12,\n },\n card: {\n borderRadius: 14,\n borderWidth: 1,\n overflow: 'hidden',\n },\n cover: {\n height: 96,\n alignItems: 'center',\n justifyContent: 'center',\n },\n coverImage: {\n width: '100%',\n height: '100%',\n },\n coverFallback: {\n fontSize: 13,\n fontWeight: '600',\n },\n cardBody: {\n paddingHorizontal: 10,\n paddingVertical: 10,\n gap: 4,\n },\n cardTitle: {\n fontSize: 13,\n fontWeight: '600',\n lineHeight: 18,\n },\n cardMeta: {\n fontSize: 11,\n },\n useLabel: {\n marginTop: 2,\n fontSize: 12,\n fontWeight: '600',\n },\n statusWrap: {\n marginTop: 20,\n alignItems: 'center',\n gap: 8,\n paddingHorizontal: 16,\n },\n statusText: {\n fontSize: 13,\n textAlign: 'center',\n },\n});\n\nexport default BuildTemplatesSection;\n"],"names":[],"mappings":"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"}

package/lib/screens/Home/components/WebBuilderPrewarm.js ADDED Viewed

@@ -0,0 +1,83 @@
+import {jsx}from'react/jsx-runtime';import {useMemo,useState,useEffect}from'react';import {View,StyleSheet}from'react-native';import {WebView}from'react-native-webview';import {config}from'../../../config/env-config.js';import'../../../bridge/WebViewManager.js';import {WEB_BRIDGE_BOOTSTRAP}from'../../../bridge/webBridgeBootstrap.js';import'@react-native-async-storage/async-storage';import'expo-secure-store';import'@react-navigation/native';import {getPackagerHost,resolveMobileWebUrl}from'../../../bridge/resolveMobileWebUrl.js';import {appendSurfaceAuthParams,buildCdecliTokenInjection}from'../../../hooks/mintSurfaceSystemToken.js';import {useObtainSystemToken}from'../../../hooks/useObtainSystemToken.js';import {getWarmWebBuilderSession,warmWebBuilderSession,webbuilderPreloadUrl}from'../../WebBuilder/webbuilderWarmCache.js';function WebBuilderPrewarm({
+  enabled,
+  orgName,
+  projectId,
+  tagId
+}) {
+  const {
+    obtainSystemToken
+  } = useObtainSystemToken(enabled);
+  const packagerHost = getPackagerHost();
+  const graphqlUrl = useMemo(() => resolveMobileWebUrl(config.GRAPHQL_URL, packagerHost), [packagerHost]);
+  const surfaceBase = useMemo(() => resolveMobileWebUrl(config.WEB_BUILDER_URL, packagerHost), [packagerHost]);
+  const [token, setToken] = useState(() => {
+    var _a, _b;
+    return (_b = (_a = getWarmWebBuilderSession()) == null ? void 0 : _a.token) != null ? _b : null;
+  });
+  const [backend, setBackend] = useState(() => {
+    var _a, _b;
+    return (_b = (_a = getWarmWebBuilderSession()) == null ? void 0 : _a.backend) != null ? _b : null;
+  });
+  useEffect(() => {
+    if (!enabled) return;
+    if (!orgName || !projectId) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const session = await warmWebBuilderSession({
+          graphqlUrl,
+          orgName,
+          projectId,
+          tagId,
+          obtainSystemToken
+        });
+        if (cancelled) return;
+        setToken(session.token);
+        setBackend(session.backend);
+        if (__DEV__) {
+          console.log("[WebBuilderPrewarm] session ready");
+        }
+      } catch (err) {
+        if (__DEV__) {
+          console.warn("[WebBuilderPrewarm] warm failed:", err);
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [enabled, graphqlUrl, obtainSystemToken, orgName, projectId, tagId]);
+  const preloadUri = useMemo(() => {
+    if (!token || !backend) return null;
+    const base = webbuilderPreloadUrl(surfaceBase);
+    return appendSurfaceAuthParams(base, token, "mobile-webview-prewarm");
+  }, [backend, surfaceBase, token]);
+  const injected = useMemo(() => {
+    if (!token || !backend) return WEB_BRIDGE_BOOTSTRAP;
+    return `${buildCdecliTokenInjection(token, backend, "mobile-webview-prewarm")}
+${WEB_BRIDGE_BOOTSTRAP}`;
+  }, [backend, token]);
+  if (!enabled || !preloadUri) return null;
+  return /* @__PURE__ */ jsx(View, { style: styles.host, pointerEvents: "none", collapsable: false, children: /* @__PURE__ */ jsx(WebView, { source: {
+    uri: preloadUri
+  }, style: styles.webview, injectedJavaScriptBeforeContentLoaded: injected, javaScriptEnabled: true, domStorageEnabled: true, sharedCookiesEnabled: true, thirdPartyCookiesEnabled: true, originWhitelist: ["*"], onError: () => {
+  }, onHttpError: () => {
+  } }) });
+}
+const styles = StyleSheet.create({
+  host: {
+    position: "absolute",
+    width: 1,
+    height: 1,
+    opacity: 0,
+    overflow: "hidden",
+    left: 0,
+    top: 0,
+    zIndex: -1
+  },
+  webview: {
+    width: 1,
+    height: 1,
+    opacity: 0
+  }
+});export{WebBuilderPrewarm};//# sourceMappingURL=WebBuilderPrewarm.js.map

package/lib/screens/Home/components/WebBuilderPrewarm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"WebBuilderPrewarm.js","sources":["../../../../src/screens/Home/components/WebBuilderPrewarm.tsx"],"sourcesContent":["/**\n * Off-screen Web Builder warm-up while the user is in Build mode on Home.\n * Mints the system JWT and loads the surface SPA so send → navigate is instant.\n *\n * Receives org/project from Home (do NOT call usePrerequisiteIds here — a second\n * instance can steal the project bootstrap and leave Home without projectId).\n */\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { config } from '../../../config/env-config';\nimport { getPackagerHost, resolveMobileWebUrl, WEB_BRIDGE_BOOTSTRAP } from '../../../bridge';\nimport { appendSurfaceAuthParams, buildCdecliTokenInjection } from '../../../hooks/mintSurfaceSystemToken';\nimport { useObtainSystemToken } from '../../../hooks/useObtainSystemToken';\nimport {\n getWarmWebBuilderSession,\n warmWebBuilderSession,\n webbuilderPreloadUrl,\n} from '../../WebBuilder/webbuilderWarmCache';\n\ntype Props = {\n /** Only warm while Build mode is active. */\n enabled: boolean;\n orgName?: string | null;\n projectId?: string | null;\n tagId?: string | null;\n};\n\nexport function WebBuilderPrewarm({ enabled, orgName, projectId, tagId }: Props): React.ReactElement | null {\n const { obtainSystemToken } = useObtainSystemToken(enabled);\n const packagerHost = getPackagerHost();\n const graphqlUrl = useMemo(() => resolveMobileWebUrl(config.GRAPHQL_URL, packagerHost), [packagerHost]);\n const surfaceBase = useMemo(() => resolveMobileWebUrl(config.WEB_BUILDER_URL, packagerHost), [packagerHost]);\n\n const [token, setToken] = useState<string | null>(() => getWarmWebBuilderSession()?.token ?? null);\n const [backend, setBackend] = useState<string | null>(() => getWarmWebBuilderSession()?.backend ?? null);\n\n useEffect(() => {\n if (!enabled) return;\n if (!orgName || !projectId) return;\n\n let cancelled = false;\n (async () => {\n try {\n const session = await warmWebBuilderSession({\n graphqlUrl,\n orgName,\n projectId,\n tagId,\n obtainSystemToken,\n });\n if (cancelled) return;\n setToken(session.token);\n setBackend(session.backend);\n if (__DEV__) {\n // eslint-disable-next-line no-console\n console.log('[WebBuilderPrewarm] session ready');\n }\n } catch (err) {\n if (__DEV__) {\n // eslint-disable-next-line no-console\n console.warn('[WebBuilderPrewarm] warm failed:', err);\n }\n }\n })();\n\n return () => {\n cancelled = true;\n };\n }, [enabled, graphqlUrl, obtainSystemToken, orgName, projectId, tagId]);\n\n const preloadUri = useMemo(() => {\n if (!token || !backend) return null;\n const base = webbuilderPreloadUrl(surfaceBase);\n return appendSurfaceAuthParams(base, token, 'mobile-webview-prewarm');\n }, [backend, surfaceBase, token]);\n\n const injected = useMemo(() => {\n if (!token || !backend) return WEB_BRIDGE_BOOTSTRAP;\n return `${buildCdecliTokenInjection(token, backend, 'mobile-webview-prewarm')}\\n${WEB_BRIDGE_BOOTSTRAP}`;\n }, [backend, token]);\n\n if (!enabled || !preloadUri) return null;\n\n return (\n <View style={styles.host} pointerEvents=\"none\" collapsable={false}>\n <WebView\n source={{ uri: preloadUri }}\n style={styles.webview}\n injectedJavaScriptBeforeContentLoaded={injected}\n javaScriptEnabled\n domStorageEnabled\n sharedCookiesEnabled\n thirdPartyCookiesEnabled\n originWhitelist={['*']}\n onError={() => {\n /* prewarm is best-effort */\n }}\n onHttpError={() => {\n /* prewarm is best-effort */\n }}\n />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n host: {\n position: 'absolute',\n width: 1,\n height: 1,\n opacity: 0,\n overflow: 'hidden',\n left: 0,\n top: 0,\n zIndex: -1,\n },\n webview: {\n width: 1,\n height: 1,\n opacity: 0,\n },\n});\n"],"names":[],"mappings":"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"}

package/lib/screens/WebBuilder/WebViewWithNavigation.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from'react';import {BackHandler}from'react-native';import {useFocusEffect}from'@react-navigation/native';function WebViewWithNavigation({
+import React from'react';import {BackHandler}from'react-native';import {useFocusEffect}from'@react-navigation/native';import {tryWebBuilderBack}from'./webbuilderBackHandler.js';function WebViewWithNavigation({
   webViewRef,
   canGoBack,
   onGoBack
@@ -6,6 +6,9 @@ import React from'react';import {BackHandler}from'react-native';import {useFocus
   useFocusEffect(React.useCallback(() => {
     const onBackPress = () => {
       var _a;
+      if (tryWebBuilderBack()) {
+        return true;
+      }
       if (canGoBack) {
         (_a = webViewRef.current) == null ? void 0 : _a.goBack();
         return true;

package/lib/screens/WebBuilder/WebViewWithNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WebViewWithNavigation.js","sources":["../../../src/screens/WebBuilder/WebViewWithNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler } from 'react-native';\nimport { useFocusEffect } from '@react-navigation/native';\nimport type { WebView } from 'react-native-webview';\n\n/*\n Hardware back: WebView history first, then native navigation.\n */\nexport function WebViewWithNavigation({\n webViewRef,\n canGoBack,\n onGoBack,\n}: {\n webViewRef: React.RefObject<WebView \| null>;\n canGoBack: boolean;\n onGoBack: () => void;\n}): null {\n useFocusEffect(\n React.useCallback(() => {\n const onBackPress = () => {\n if (canGoBack) {\n webViewRef.current?.goBack();\n return true;\n }\n onGoBack();\n return true;\n };\n\n const subscription = BackHandler.addEventListener('hardwareBackPress', onBackPress);\n return () => subscription.remove();\n }, [canGoBack, onGoBack, webViewRef]),\n );\n\n return null;\n}\n"],"names":[],"mappings":"~~sHAQO~~,SAAS,qBAAsB,CAAA;AAAA,EACpC,UAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAIS,EAAA;AACP,EAAe,cAAA,CAAA,KAAA,CAAM,YAAY,MAAM;AACrC,IAAA,MAAM,cAAc,MAAM;~~AAlB9B~~,MAAA,IAAA,EAAA;~~AAmBM~~,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,CAAA,EAAA,GAAA,UAAA,CAAW,YAAX,IAAoB,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AACpB,QAAO,OAAA,IAAA;AAAA;AAET,MAAS,QAAA,EAAA;AACT,MAAO,OAAA,IAAA;AAAA,KACT;AACA,IAAA,MAAM,YAAe,GAAA,WAAA,CAAY,gBAAiB,CAAA,mBAAA,EAAqB,WAAW,CAAA;AAClF,IAAO,OAAA,MAAM,aAAa,MAAO,EAAA;AAAA,KAChC,CAAC,SAAA,EAAW,QAAU,EAAA,UAAU,CAAC,CAAC,CAAA;AACrC,EAAO,OAAA,IAAA;AACT"}
1	+ {"version":3,"file":"WebViewWithNavigation.js","sources":["../../../src/screens/WebBuilder/WebViewWithNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler } from 'react-native';\nimport { useFocusEffect } from '@react-navigation/native';\nimport type { WebView } from 'react-native-webview';\nimport { tryWebBuilderBack } from './webbuilderBackHandler';\n\n/*\n Hardware back: WebView history / in-app preview first, then native navigation.\n */\nexport function WebViewWithNavigation({\n webViewRef,\n canGoBack,\n onGoBack,\n}: {\n webViewRef: React.RefObject<WebView \| null>;\n canGoBack: boolean;\n onGoBack: () => void;\n}): null {\n useFocusEffect(\n React.useCallback(() => {\n const onBackPress = () => {\n if (tryWebBuilderBack()) {\n return true;\n }\n if (canGoBack) {\n webViewRef.current?.goBack();\n return true;\n }\n onGoBack();\n return true;\n };\n\n const subscription = BackHandler.addEventListener('hardwareBackPress', onBackPress);\n return () => subscription.remove();\n }, [canGoBack, onGoBack, webViewRef]),\n );\n\n return null;\n}\n"],"names":[],"mappings":"iLASO,SAAS,qBAAsB,CAAA;AAAA,EACpC,UAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAIS,EAAA;AACP,EAAe,cAAA,CAAA,KAAA,CAAM,YAAY,MAAM;AACrC,IAAA,MAAM,cAAc,MAAM;AAnB9B,MAAA,IAAA,EAAA;AAoBM,MAAA,IAAI,mBAAqB,EAAA;AACvB,QAAO,OAAA,IAAA;AAAA;AAET,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,CAAA,EAAA,GAAA,UAAA,CAAW,YAAX,IAAoB,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AACpB,QAAO,OAAA,IAAA;AAAA;AAET,MAAS,QAAA,EAAA;AACT,MAAO,OAAA,IAAA;AAAA,KACT;AACA,IAAA,MAAM,YAAe,GAAA,WAAA,CAAY,gBAAiB,CAAA,mBAAA,EAAqB,WAAW,CAAA;AAClF,IAAO,OAAA,MAAM,aAAa,MAAO,EAAA;AAAA,KAChC,CAAC,SAAA,EAAW,QAAU,EAAA,UAAU,CAAC,CAAC,CAAA;AACrC,EAAO,OAAA,IAAA;AACT"}

package/lib/screens/WebBuilder/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useState,useMemo,useEffect,useCallback}from'react';import {useColorScheme,AppState,StyleSheet,View,ActivityIndicator,Text,Pressable,Platform}from'react-native';import {SafeAreaView}from'react-native-safe-area-context';import {WebView}from'react-native-webview';import {useNavigation,useRoute}from'@react-navigation/native';import {config}from'../../config/env-config.js';import {mobileTokens}from'../../theme/mobileTokens.js';import {WebViewManager}from'../../bridge/WebViewManager.js';import {NativeWebViewBridge}from'../../bridge/NativeWebViewBridge.js';import {WEB_BRIDGE_BOOTSTRAP}from'../../bridge/webBridgeBootstrap.js';import {AuthBridgeHandler}from'../../bridge/handlers/AuthBridgeHandler.js';import {NavigationBridgeHandler}from'../../bridge/handlers/NavigationBridgeHandler.js';import {AnalyticsBridgeHandler}from'../../bridge/handlers/AnalyticsBridgeHandler.js';import {getPackagerHost,resolveMobileWebUrl}from'../../bridge/resolveMobileWebUrl.js';import {appendSurfaceAuthParams,buildCdecliTokenInjection,buildSurfaceGateRecoveryScript}from'../../hooks/mintSurfaceSystemToken.js';import {useObtainSystemToken}from'../../hooks/useObtainSystemToken.js';import {usePrerequisiteIds}from'../../hooks/usePrerequisiteIds.js';import {WebViewWithNavigation}from'./WebViewWithNavigation.js';var __defProp = Object.defineProperty;
+import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useState,useMemo,useEffect,useCallback}from'react';import {useColorScheme,AppState,StyleSheet,View,ActivityIndicator,Text,Pressable,Platform}from'react-native';import {SafeAreaView}from'react-native-safe-area-context';import {WebView}from'react-native-webview';import {useNavigation,useRoute}from'@react-navigation/native';import {config}from'../../config/env-config.js';import {mobileTokens}from'../../theme/mobileTokens.js';import {WebViewManager}from'../../bridge/WebViewManager.js';import {NativeWebViewBridge}from'../../bridge/NativeWebViewBridge.js';import {WEB_BRIDGE_BOOTSTRAP}from'../../bridge/webBridgeBootstrap.js';import {AuthBridgeHandler}from'../../bridge/handlers/AuthBridgeHandler.js';import {NavigationBridgeHandler}from'../../bridge/handlers/NavigationBridgeHandler.js';import {AnalyticsBridgeHandler}from'../../bridge/handlers/AnalyticsBridgeHandler.js';import {getPackagerHost,resolveMobileWebUrl}from'../../bridge/resolveMobileWebUrl.js';import {appendSurfaceAuthParams,buildCdecliTokenInjection,buildSurfaceGateRecoveryScript}from'../../hooks/mintSurfaceSystemToken.js';import {useObtainSystemToken}from'../../hooks/useObtainSystemToken.js';import {usePrerequisiteIds}from'../../hooks/usePrerequisiteIds.js';import {WebViewWithNavigation}from'./WebViewWithNavigation.js';import {setWebBuilderBackHandler}from'./webbuilderBackHandler.js';import {getWarmWebBuilderSession,warmWebBuilderSession,setWarmWebBuilderSession,clearWarmWebBuilderSession}from'./webbuilderWarmCache.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -21,7 +21,7 @@ function makeHandoffState() {
   return `mobile-webview-${Date.now().toString(36)}`;
 }
 function WebBuilderScreen() {
-  var _a;
+  var _a, _b, _c;
   const navigation = useNavigation();
   const route = useRoute();
   const colorScheme = useColorScheme();
@@ -32,11 +32,19 @@ function WebBuilderScreen() {
   const [hasError, setHasError] = useState(false);
   const [errorDetail, setErrorDetail] = useState(null);
   const [canGoBack, setCanGoBack] = useState(false);
+  const previewOpenRef = useRef(false);
   const [reloadKey, setReloadKey] = useState(0);
-  const [authToken, setAuthToken] = useState(null);
-  const [authBackend, setAuthBackend] = useState(null);
+  const warm = getWarmWebBuilderSession();
+  const [authToken, setAuthToken] = useState(() => {
+    var _a2;
+    return (_a2 = warm == null ? void 0 : warm.token) != null ? _a2 : null;
+  });
+  const [authBackend, setAuthBackend] = useState(() => {
+    var _a2;
+    return (_a2 = warm == null ? void 0 : warm.backend) != null ? _a2 : null;
+  });
   const [authState, setAuthState] = useState(() => makeHandoffState());
-  const [authReady, setAuthReady] = useState(false);
+  const [authReady, setAuthReady] = useState(() => Boolean(warm == null ? void 0 : warm.token));
   const [authError, setAuthError] = useState(null);
   const [mintGeneration, setMintGeneration] = useState(0);
   const {
@@ -45,72 +53,128 @@ function WebBuilderScreen() {
     tagId
   } = usePrerequisiteIds();
   const {
-    obtainSystemToken,
-    loading: systemTokenQueryLoading
+    obtainSystemToken
   } = useObtainSystemToken(true);
   const packagerHost = getPackagerHost();
   const handoffParams = useMemo(() => {
     const params = route == null ? void 0 : route.params;
-    const channelId = typeof (params == null ? void 0 : params.channelId) === "string" ? params.channelId.trim() : "";
-    const projectIdParam = typeof (params == null ? void 0 : params.projectId) === "string" ? params.projectId.trim() : "";
-    const message = typeof (params == null ? void 0 : params.message) === "string" ? params.message.trim() : "";
+    const read = (key) => {
+      const value = params == null ? void 0 : params[key];
+      return typeof value === "string" ? value.trim() : "";
+    };
+    const channelId = read("channelId");
+    const projectIdParam = read("projectId");
+    const message = read("message");
+    const snapshotId = read("snapshotId");
+    const templateId = read("templateId");
+    const templateTitle = read("templateTitle");
+    const seedTemplate = read("seedTemplate");
+    const deployUrl = read("deployUrl");
+    const previewUrl = read("previewUrl");
     return {
       channelId: channelId || null,
       projectId: projectIdParam || null,
-      message: message || null
+      message: message || null,
+      snapshotId: snapshotId || null,
+      templateId: templateId || null,
+      templateTitle: templateTitle || null,
+      seedTemplate: seedTemplate || null,
+      deployUrl: deployUrl || null,
+      previewUrl: previewUrl || null
     };
   }, [route == null ? void 0 : route.params]);
+  const routeOrgName = useMemo(() => {
+    var _a2;
+    const raw = (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.orgName;
+    return typeof raw === "string" && raw.trim() ? raw.trim() : null;
+  }, [route == null ? void 0 : route.params]);
+  const effectiveOrgName = orgName || routeOrgName;
+  const effectiveProjectId = projectId || handoffParams.projectId;
   const baseUrl = useMemo(() => {
     var _a2;
     const fromParams = (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.url;
     const raw = typeof fromParams === "string" && fromParams.trim() ? fromParams.trim() : config.WEB_BUILDER_URL;
     const resolved = resolveMobileWebUrl(raw, packagerHost);
-    if (!handoffParams.channelId && !handoffParams.message) return resolved;
+    const stamp = (url) => {
+      url.searchParams.set("embed", "mobile");
+      const isRemix = Boolean(handoffParams.snapshotId);
+      if (!isRemix && handoffParams.channelId) url.searchParams.set("channelId", handoffParams.channelId);
+      if (!isRemix && handoffParams.projectId) url.searchParams.set("projectId", handoffParams.projectId);
+      if (handoffParams.message) url.searchParams.set("message", handoffParams.message);
+      if (handoffParams.snapshotId) url.searchParams.set("snapshotId", handoffParams.snapshotId);
+      if (handoffParams.templateId) url.searchParams.set("templateId", handoffParams.templateId);
+      if (handoffParams.templateTitle) url.searchParams.set("templateTitle", handoffParams.templateTitle);
+      if (handoffParams.seedTemplate) url.searchParams.set("seedTemplate", handoffParams.seedTemplate);
+    };
     try {
       const url = new URL(resolved);
-      if (handoffParams.channelId) url.searchParams.set("channelId", handoffParams.channelId);
-      if (handoffParams.projectId) url.searchParams.set("projectId", handoffParams.projectId);
-      if (handoffParams.message) url.searchParams.set("message", handoffParams.message);
+      stamp(url);
       return url.toString();
     } catch (e) {
       const sep = resolved.includes("?") ? "&" : "?";
-      const parts = [];
-      if (handoffParams.channelId) parts.push(`channelId=${encodeURIComponent(handoffParams.channelId)}`);
-      if (handoffParams.projectId) parts.push(`projectId=${encodeURIComponent(handoffParams.projectId)}`);
+      const parts = ["embed=mobile"];
+      const isRemix = Boolean(handoffParams.snapshotId);
+      if (!isRemix && handoffParams.channelId) {
+        parts.push(`channelId=${encodeURIComponent(handoffParams.channelId)}`);
+      }
+      if (!isRemix && handoffParams.projectId) {
+        parts.push(`projectId=${encodeURIComponent(handoffParams.projectId)}`);
+      }
       if (handoffParams.message) parts.push(`message=${encodeURIComponent(handoffParams.message)}`);
-      return parts.length ? `${resolved}${sep}${parts.join("&")}` : resolved;
+      if (handoffParams.snapshotId) parts.push(`snapshotId=${encodeURIComponent(handoffParams.snapshotId)}`);
+      if (handoffParams.templateId) parts.push(`templateId=${encodeURIComponent(handoffParams.templateId)}`);
+      if (handoffParams.templateTitle) {
+        parts.push(`templateTitle=${encodeURIComponent(handoffParams.templateTitle)}`);
+      }
+      if (handoffParams.seedTemplate) {
+        parts.push(`seedTemplate=${encodeURIComponent(handoffParams.seedTemplate)}`);
+      }
+      return `${resolved}${sep}${parts.join("&")}`;
     }
   }, [route == null ? void 0 : route.params, packagerHost, handoffParams]);
   const graphqlUrl = useMemo(() => resolveMobileWebUrl(config.GRAPHQL_URL, packagerHost), [packagerHost]);
   useEffect(() => {
     let cancelled = false;
-    setAuthReady(false);
-    setAuthError(null);
     const handoffState = makeHandoffState();
     setAuthState(handoffState);
+    setAuthError(null);
     if (__DEV__) {
       console.log("[WebBuilder] surface=", baseUrl, "graphql=", graphqlUrl);
     }
-    if (systemTokenQueryLoading) {
+    const cached = getWarmWebBuilderSession();
+    if (cached == null ? void 0 : cached.token) {
+      setAuthToken(cached.token);
+      setAuthBackend(cached.backend || graphqlUrl);
+      setAuthReady(true);
       return () => {
         cancelled = true;
       };
     }
     (async () => {
       try {
-        const token = await obtainSystemToken();
+        const session = await warmWebBuilderSession({
+          graphqlUrl,
+          orgName: effectiveOrgName,
+          projectId: effectiveProjectId,
+          tagId,
+          obtainSystemToken
+        });
         if (cancelled) return;
-        if (!(token == null ? void 0 : token.trim())) {
-          throw new Error("Could not obtain system token via Apollo. Ensure org/project are set (same as chat).");
-        }
+        setAuthToken(session.token);
+        setAuthBackend(session.backend);
+        setWarmWebBuilderSession(session);
+        setAuthReady(true);
         if (__DEV__) {
-          console.log("[WebBuilder] Apollo system token length=", token.length);
+          console.log("[WebBuilder] session ready length=", session.token.length);
         }
-        setAuthToken(token.trim());
-        setAuthBackend(graphqlUrl);
-        setAuthReady(true);
       } catch (err) {
         if (cancelled) return;
+        if (!effectiveOrgName || !effectiveProjectId) {
+          if (__DEV__) {
+            console.log("[WebBuilder] waiting for org/project\u2026");
+          }
+          return;
+        }
         const message = err instanceof Error ? err.message : "Token mint failed";
         console.warn("[WebBuilder] surface token mint failed:", message);
         setAuthError(message);
@@ -119,10 +183,19 @@ function WebBuilderScreen() {
         setAuthReady(true);
       }
     })();
+    const failsafe = setTimeout(() => {
+      if (cancelled) return;
+      setAuthReady((ready) => {
+        if (ready) return ready;
+        setAuthError("Timed out preparing Web Builder. Ensure you are signed in with an org, then retry.");
+        return true;
+      });
+    }, 2e4);
     return () => {
       cancelled = true;
+      clearTimeout(failsafe);
     };
-  }, [baseUrl, graphqlUrl, obtainSystemToken, systemTokenQueryLoading, orgName, projectId, tagId, mintGeneration]);
+  }, [baseUrl, graphqlUrl, obtainSystemToken, effectiveOrgName, effectiveProjectId, tagId, mintGeneration]);
   const mfeUrl = useMemo(() => {
     if (!authToken) return baseUrl;
     return appendSurfaceAuthParams(baseUrl, authToken, authState);
@@ -167,9 +240,9 @@ function WebBuilderScreen() {
   }, [authToken, mfeConfig.url, webViewManager]);
   useEffect(() => {
     const handleAppStateChange = (nextAppState) => {
-      var _a2, _b;
+      var _a2, _b2;
       if (nextAppState === "background") {
-        (_b = (_a2 = webViewRef.current) == null ? void 0 : _a2.clearCache) == null ? void 0 : _b.call(_a2, true);
+        (_b2 = (_a2 = webViewRef.current) == null ? void 0 : _a2.clearCache) == null ? void 0 : _b2.call(_a2, true);
       }
     };
     const subscription = AppState.addEventListener("change", handleAppStateChange);
@@ -228,18 +301,30 @@ function WebBuilderScreen() {
     setIsLoading(false);
   }, [mfeConfig.url]);
   const handleMessage = useCallback((event) => {
-    var _a2;
-    (_a2 = bridgeRef.current) == null ? void 0 : _a2.handleMessage(event);
+    var _a2, _b2;
+    try {
+      const raw = (_a2 = event == null ? void 0 : event.nativeEvent) == null ? void 0 : _a2.data;
+      if (typeof raw === "string" && raw.includes("wb-preview")) {
+        const parsed = JSON.parse(raw);
+        if ((parsed == null ? void 0 : parsed.type) === "wb-preview") {
+          previewOpenRef.current = Boolean(parsed.open);
+        }
+      }
+    } catch (e) {
+    }
+    (_b2 = bridgeRef.current) == null ? void 0 : _b2.handleMessage(event);
   }, []);
   const handleNavigationStateChange = useCallback((navState) => {
     setCanGoBack(Boolean(navState.canGoBack));
   }, []);
   const handleRetry = useCallback(() => {
+    clearWarmWebBuilderSession();
     setHasError(false);
     setErrorDetail(null);
     setAuthError(null);
     setAuthToken(null);
     setAuthBackend(null);
+    setAuthReady(false);
     setIsLoading(true);
     setMintGeneration((g) => g + 1);
     setReloadKey((k) => k + 1);
@@ -249,6 +334,27 @@ function WebBuilderScreen() {
       navigation.goBack();
     }
   }, [navigation]);
+  useEffect(() => {
+    setWebBuilderBackHandler(() => {
+      var _a2, _b2;
+      if (canGoBack) {
+        (_a2 = webViewRef.current) == null ? void 0 : _a2.goBack();
+        return true;
+      }
+      if (previewOpenRef.current) {
+        (_b2 = webViewRef.current) == null ? void 0 : _b2.injectJavaScript(`
+(function () {
+  try { window.__yantraWbNativeBack && window.__yantraWbNativeBack(); } catch (e) {}
+})();
+true;
+`);
+        previewOpenRef.current = false;
+        return true;
+      }
+      return false;
+    });
+    return () => setWebBuilderBackHandler(null);
+  }, [canGoBack]);
   const cacheMode = mfeConfig.cachePolicy === "cache-else-load" ? "LOAD_CACHE_ELSE_NETWORK" : "LOAD_DEFAULT";
   const showAuthSpinner = !authReady;
   const showAuthFailure = authReady && !authToken;
@@ -292,7 +398,7 @@ function WebBuilderScreen() {
       uri: mfeConfig.url
     }, style: styles.webview, onLoadStart: handleLoadStart, onLoadEnd: handleLoadEnd, onError: handleError, onHttpError: handleHttpError, onMessage: handleMessage, onNavigationStateChange: handleNavigationStateChange, injectedJavaScriptBeforeContentLoaded: injectedBeforeContent, injectedJavaScript: reinjectAfterLoad, cacheEnabled: mfeConfig.cachePolicy !== "reload", cacheMode, javaScriptEnabled: true, domStorageEnabled: true, sharedCookiesEnabled: true, thirdPartyCookiesEnabled: true, startInLoadingState: true, scalesPageToFit: true, originWhitelist: ["*"], mixedContentMode: "always", allowsInlineMediaPlayback: false, mediaPlaybackRequiresUserAction: true, setSupportMultipleWindows: false, allowsBackForwardNavigationGestures: true }, Platform.OS === "android" ? {
       overScrollMode: "never"
-    } : null), `${reloadKey}-${(_a = authToken == null ? void 0 : authToken.slice(-8)) != null ? _a : "none"}`)
+    } : null), `${reloadKey}-${(_a = handoffParams.channelId) != null ? _a : "none"}-${(_b = handoffParams.snapshotId) != null ? _b : "nosnap"}-${(_c = authToken == null ? void 0 : authToken.slice(-8)) != null ? _c : "none"}`)
   ] });
 }
 const styles = StyleSheet.create({