npm - @adminide-stack/yantra-mobile - Versions diffs - 12.0.108-alpha.0 → 12.0.109-alpha.0 - Mend

@adminide-stack/yantra-mobile 12.0.108-alpha.0 → 12.0.109-alpha.0

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 (83) hide show

package/lib/features/messaging/NewGroupScreen.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NewGroupScreen.js","sources":["../../../src/features/messaging/NewGroupScreen.tsx"],"sourcesContent":["/*\n \"New group\", WhatsApp-style: name the group and pick members from your Yantra contacts, then\n * create. The creator becomes the admin (server-side); on success the caller opens the new chat.\n /\nimport as React from 'react';\nimport { ActivityIndicator, FlatList, Pressable, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Avatar, EmptyState, InlineBanner, type ChatTheme } from './ChatComponents';\nimport { TapRow } from './TapRow';\n\nexport interface GroupCandidate {\n userId: string;\n displayName: string;\n imageUri?: string \| null;\n}\n\n/** WhatsApp caps a group at 1024 members; the picker enforces the same so create can't fail late. /\nexport const GROUP_MEMBER_LIMIT = 1024;\n\nexport function NewGroupScreen({\n candidates,\n theme,\n busy,\n mode = 'create',\n onCancel,\n onCreate,\n}: {\n candidates: GroupCandidate[];\n theme: ChatTheme;\n busy?: boolean;\n /* 'create' names a new group; 'add' adds members to an existing one (no name step). /\n mode?: 'create' \| 'add';\n onCancel: () => void;\n /* Create the group (or add members); resolves a channel id / truthy, or null on failure. */\n onCreate: (name: string, memberIds: string[]) => Promise<string \| null>;\n}) {\n const adding = mode === 'add';\n const [name, setName] = React.useState('');\n const [picked, setPicked] = React.useState<string[]>([]);\n const [query, setQuery] = React.useState('');\n const [creating, setCreating] = React.useState(false);\n const [error, setError] = React.useState<string \| null>(null);\n\n const rows = React.useMemo(() => {\n const q = query.trim().toLowerCase();\n const seen = new Set<string>();\n return candidates.filter((c) => {\n if (!c.userId \|\| seen.has(c.userId)) return false;\n seen.add(c.userId);\n return !q \|\| c.displayName.toLowerCase().includes(q);\n });\n }, [candidates, query]);\n\n const toggle = (id: string) => {\n setError(null);\n setPicked((prev) => {\n if (prev.includes(id)) return prev.filter((p) => p !== id);\n if (prev.length >= GROUP_MEMBER_LIMIT) {\n setError(`A group can have up to ${GROUP_MEMBER_LIMIT} members.`);\n return prev;\n }\n return [...prev, id];\n });\n };\n\n const canCreate = (adding \|\| name.trim().length > 0) && picked.length > 0 && !creating && !busy;\n\n const create = async () => {\n if (!canCreate) return;\n setCreating(true);\n setError(null);\n try {\n const id = await onCreate(name.trim(), picked);\n if (!id) setError(adding ? 'Could not add members. Please try again.' : 'Could not create the group. Please try again.');\n } finally {\n setCreating(false);\n }\n };\n\n return (\n <View style={[styles.fill, { backgroundColor: theme.bg }]} testID=\"chat-new-group\">\n <SafeAreaView edges={['top']} style={{ backgroundColor: theme.headerBg }}>\n <View style={[styles.header, { borderBottomColor: theme.border, flexDirection: 'row' }]}>\n <Pressable onPress={onCancel} hitSlop={10} accessibilityRole=\"button\" style={styles.headerSide}>\n <Text style={{ color: theme.accent, fontSize: 17 }}>Cancel</Text>\n </Pressable>\n <Text style={[styles.title, { color: theme.text }]}>{adding ? 'Add members' : 'New group'}</Text>\n <Pressable\n onPress={create}\n disabled={!canCreate}\n hitSlop={10}\n accessibilityRole=\"button\"\n accessibilityLabel={adding ? 'Add members' : 'Create group'}\n style={[styles.headerSide, styles.headerRight]}\n testID=\"chat-new-group-create\"\n >\n {creating ? (\n <ActivityIndicator size=\"small\" color={theme.accent} />\n ) : (\n <Text style={{ color: canCreate ? theme.accent : theme.textMuted, fontSize: 17, fontWeight: '600' }}>\n {adding ? 'Add' : 'Create'}\n </Text>\n )}\n </Pressable>\n </View>\n </SafeAreaView>\n <InlineBanner message={error} theme={theme} onDismiss={() => setError(null)} />\n {adding ? null : (\n <View style={[styles.nameRow, { backgroundColor: theme.surface, flexDirection: 'row' }]}>\n <MaterialCommunityIcons name=\"account-group\" size={22} color={theme.textMuted} />\n <TextInput\n value={name}\n onChangeText={(t) => setName(t.slice(0, 100))}\n placeholder=\"Group name\"\n placeholderTextColor={theme.textMuted}\n style={[styles.nameInput, { color: theme.text }]}\n testID=\"chat-new-group-name\"\n />\n </View>\n )}\n <View style={[styles.search, { backgroundColor: theme.surface, flexDirection: 'row' }]}>\n <MaterialCommunityIcons name=\"magnify\" size={20} color={theme.textMuted} />\n <TextInput\n value={query}\n onChangeText={setQuery}\n placeholder=\"Search contacts\"\n placeholderTextColor={theme.textMuted}\n style={[styles.searchInput, { color: theme.text }]}\n testID=\"chat-new-group-search\"\n />\n </View>\n <Text style={[styles.count, { color: theme.textMuted }]}>\n {picked.length ? `${picked.length} selected` : 'Add members'}\n </Text>\n <FlatList\n data={rows}\n keyExtractor={(c) => c.userId}\n keyboardShouldPersistTaps=\"handled\"\n ListEmptyComponent={\n <EmptyState\n icon=\"account-group-outline\"\n title=\"No contacts yet\"\n detail=\"People on Yantra Chat appear here. Invite friends from a new chat.\"\n theme={theme}\n />\n }\n renderItem={({ item }) => {\n const on = picked.includes(item.userId);\n return (\n <TapRow\n onPress={() => toggle(item.userId)}\n accessibilityRole=\"checkbox\"\n accessibilityState={{ checked: on }}\n accessibilityLabel={item.displayName}\n pressedColor={theme.surface}\n testID={`chat-new-group-${item.userId}`}\n >\n <View style={[styles.row, { flexDirection: 'row' }]}>\n <View\n style={[\n styles.check,\n on\n ? { backgroundColor: theme.accent, borderColor: theme.accent }\n : { borderColor: theme.textMuted },\n ]}\n >\n {on ? <MaterialCommunityIcons name=\"check\" size={16} color={theme.onAccent} /> : null}\n </View>\n <Avatar name={item.displayName} uri={item.imageUri} theme={theme} size={44} variant=\"initials\" />\n <Text numberOfLines={1} style={[styles.rowTitle, { color: theme.text }]}>\n {item.displayName}\n </Text>\n </View>\n </TapRow>\n );\n }}\n />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n fill: { flex: 1 },\n header: {\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingHorizontal: 12,\n minHeight: 52,\n borderBottomWidth: StyleSheet.hairlineWidth,\n },\n headerSide: { width: 72 },\n headerRight: { alignItems: 'flex-end' },\n title: { fontSize: 17, fontWeight: '600' },\n nameRow: { alignItems: 'center', margin: 12, marginBottom: 6, paddingHorizontal: 12, height: 48, borderRadius: 10 },\n nameInput: { flex: 1, marginLeft: 10, fontSize: 17, paddingVertical: 0 },\n search: {\n alignItems: 'center',\n marginHorizontal: 12,\n marginBottom: 4,\n borderRadius: 10,\n paddingHorizontal: 10,\n height: 36,\n },\n searchInput: { flex: 1, marginLeft: 8, fontSize: 16, paddingVertical: 0 },\n count: { fontSize: 12, fontWeight: '600', marginHorizontal: 18, marginTop: 8, marginBottom: 2, textTransform: 'uppercase' },\n row: { alignItems: 'center', paddingHorizontal: 16, paddingVertical: 8 },\n check: {\n width: 22,\n height: 22,\n borderRadius: 11,\n borderWidth: 1.5,\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: 14,\n },\n rowTitle: { flex: 1, fontSize: 17, marginLeft: 12 },\n});\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"NewGroupScreen.js","sources":["../../../src/features/messaging/NewGroupScreen.tsx"],"sourcesContent":["/*\n \"New group\", WhatsApp-style: name the group and pick members from your Yantra contacts, then\n * create. The creator becomes the admin (server-side); on success the caller opens the new chat.\n /\nimport as React from 'react';\nimport { ActivityIndicator, FlatList, Pressable, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Avatar, EmptyState, InlineBanner, type ChatTheme } from './ChatComponents';\nimport { TapRow } from './TapRow';\n\nexport interface GroupCandidate {\n userId: string;\n displayName: string;\n imageUri?: string \| null;\n}\n\n/** WhatsApp caps a group at 1024 members; the picker enforces the same so create can't fail late. /\nexport const GROUP_MEMBER_LIMIT = 1024;\n\nexport function NewGroupScreen({\n candidates,\n theme,\n busy,\n mode = 'create',\n onCancel,\n onCreate,\n}: {\n candidates: GroupCandidate[];\n theme: ChatTheme;\n busy?: boolean;\n /* 'create' names a new group; 'add' adds members to an existing one (no name step). /\n mode?: 'create' \| 'add';\n onCancel: () => void;\n /* Create the group (or add members); resolves a channel id / truthy, or null on failure. */\n onCreate: (name: string, memberIds: string[]) => Promise<string \| null>;\n}) {\n const adding = mode === 'add';\n const [name, setName] = React.useState('');\n const [picked, setPicked] = React.useState<string[]>([]);\n const [query, setQuery] = React.useState('');\n const [creating, setCreating] = React.useState(false);\n const [error, setError] = React.useState<string \| null>(null);\n\n const rows = React.useMemo(() => {\n const q = query.trim().toLowerCase();\n const seen = new Set<string>();\n return candidates.filter((c) => {\n if (!c.userId \|\| seen.has(c.userId)) return false;\n seen.add(c.userId);\n return !q \|\| c.displayName.toLowerCase().includes(q);\n });\n }, [candidates, query]);\n\n const toggle = (id: string) => {\n setError(null);\n setPicked((prev) => {\n if (prev.includes(id)) return prev.filter((p) => p !== id);\n if (prev.length >= GROUP_MEMBER_LIMIT) {\n setError(`A group can have up to ${GROUP_MEMBER_LIMIT} members.`);\n return prev;\n }\n return [...prev, id];\n });\n };\n\n const canCreate = (adding \|\| name.trim().length > 0) && picked.length > 0 && !creating && !busy;\n\n const create = async () => {\n if (!canCreate) return;\n setCreating(true);\n setError(null);\n try {\n const id = await onCreate(name.trim(), picked);\n if (!id)\n setError(\n adding\n ? 'Could not add members. Please try again.'\n : 'Could not create the group. Please try again.',\n );\n } finally {\n setCreating(false);\n }\n };\n\n return (\n <View style={[styles.fill, { backgroundColor: theme.bg }]} testID=\"chat-new-group\">\n <SafeAreaView edges={['top']} style={{ backgroundColor: theme.headerBg }}>\n <View style={[styles.header, { borderBottomColor: theme.border, flexDirection: 'row' }]}>\n <Pressable onPress={onCancel} hitSlop={10} accessibilityRole=\"button\" style={styles.headerSide}>\n <Text style={{ color: theme.accent, fontSize: 17 }}>Cancel</Text>\n </Pressable>\n <Text style={[styles.title, { color: theme.text }]}>{adding ? 'Add members' : 'New group'}</Text>\n <Pressable\n onPress={create}\n disabled={!canCreate}\n hitSlop={10}\n accessibilityRole=\"button\"\n accessibilityLabel={adding ? 'Add members' : 'Create group'}\n style={[styles.headerSide, styles.headerRight]}\n testID=\"chat-new-group-create\"\n >\n {creating ? (\n <ActivityIndicator size=\"small\" color={theme.accent} />\n ) : (\n <Text\n style={{\n color: canCreate ? theme.accent : theme.textMuted,\n fontSize: 17,\n fontWeight: '600',\n }}\n >\n {adding ? 'Add' : 'Create'}\n </Text>\n )}\n </Pressable>\n </View>\n </SafeAreaView>\n <InlineBanner message={error} theme={theme} onDismiss={() => setError(null)} />\n {adding ? null : (\n <View style={[styles.nameRow, { backgroundColor: theme.surface, flexDirection: 'row' }]}>\n <MaterialCommunityIcons name=\"account-group\" size={22} color={theme.textMuted} />\n <TextInput\n value={name}\n onChangeText={(t) => setName(t.slice(0, 100))}\n placeholder=\"Group name\"\n placeholderTextColor={theme.textMuted}\n style={[styles.nameInput, { color: theme.text }]}\n testID=\"chat-new-group-name\"\n />\n </View>\n )}\n <View style={[styles.search, { backgroundColor: theme.surface, flexDirection: 'row' }]}>\n <MaterialCommunityIcons name=\"magnify\" size={20} color={theme.textMuted} />\n <TextInput\n value={query}\n onChangeText={setQuery}\n placeholder=\"Search contacts\"\n placeholderTextColor={theme.textMuted}\n style={[styles.searchInput, { color: theme.text }]}\n testID=\"chat-new-group-search\"\n />\n </View>\n <Text style={[styles.count, { color: theme.textMuted }]}>\n {picked.length ? `${picked.length} selected` : 'Add members'}\n </Text>\n <FlatList\n data={rows}\n keyExtractor={(c) => c.userId}\n keyboardShouldPersistTaps=\"handled\"\n ListEmptyComponent={\n <EmptyState\n icon=\"account-group-outline\"\n title=\"No contacts yet\"\n detail=\"People on Yantra Chat appear here. Invite friends from a new chat.\"\n theme={theme}\n />\n }\n renderItem={({ item }) => {\n const on = picked.includes(item.userId);\n return (\n <TapRow\n onPress={() => toggle(item.userId)}\n accessibilityRole=\"checkbox\"\n accessibilityState={{ checked: on }}\n accessibilityLabel={item.displayName}\n pressedColor={theme.surface}\n testID={`chat-new-group-${item.userId}`}\n >\n <View style={[styles.row, { flexDirection: 'row' }]}>\n <View\n style={[\n styles.check,\n on\n ? { backgroundColor: theme.accent, borderColor: theme.accent }\n : { borderColor: theme.textMuted },\n ]}\n >\n {on ? (\n <MaterialCommunityIcons name=\"check\" size={16} color={theme.onAccent} />\n ) : null}\n </View>\n <Avatar\n name={item.displayName}\n uri={item.imageUri}\n theme={theme}\n size={44}\n variant=\"initials\"\n />\n <Text numberOfLines={1} style={[styles.rowTitle, { color: theme.text }]}>\n {item.displayName}\n </Text>\n </View>\n </TapRow>\n );\n }}\n />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n fill: { flex: 1 },\n header: {\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingHorizontal: 12,\n minHeight: 52,\n borderBottomWidth: StyleSheet.hairlineWidth,\n },\n headerSide: { width: 72 },\n headerRight: { alignItems: 'flex-end' },\n title: { fontSize: 17, fontWeight: '600' },\n nameRow: { alignItems: 'center', margin: 12, marginBottom: 6, paddingHorizontal: 12, height: 48, borderRadius: 10 },\n nameInput: { flex: 1, marginLeft: 10, fontSize: 17, paddingVertical: 0 },\n search: {\n alignItems: 'center',\n marginHorizontal: 12,\n marginBottom: 4,\n borderRadius: 10,\n paddingHorizontal: 10,\n height: 36,\n },\n searchInput: { flex: 1, marginLeft: 8, fontSize: 16, paddingVertical: 0 },\n count: {\n fontSize: 12,\n fontWeight: '600',\n marginHorizontal: 18,\n marginTop: 8,\n marginBottom: 2,\n textTransform: 'uppercase',\n },\n row: { alignItems: 'center', paddingHorizontal: 16, paddingVertical: 8 },\n check: {\n width: 22,\n height: 22,\n borderRadius: 11,\n borderWidth: 1.5,\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: 14,\n },\n rowTitle: { flex: 1, fontSize: 17, marginLeft: 12 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/messaging/useChatViewer.js CHANGED Viewed

@@ -8,6 +8,7 @@ import {useEffect,useMemo}from'react';import {useSelector,useDispatch}from'react
 function useChatViewer() {
   var _a, _b;
   const authUser = useSelector(userSelector);
+  const rehydrated = useSelector((state) => state._persist ? Boolean(state._persist.rehydrated) : true);
   const dispatch = useDispatch();
   const storedUserId = (authUser == null ? void 0 : authUser.id) || null;
   const auth0Id = (authUser == null ? void 0 : authUser.authUserId) || null;
@@ -15,7 +16,7 @@ function useChatViewer() {
     variables: {
       auth0Id
     },
-    skip: Boolean(storedUserId) || !auth0Id,
+    skip: !rehydrated || Boolean(storedUserId) || !auth0Id,
     fetchPolicy: "network-only"
   });
   const recoveredUserId = ((_b = (_a = account.data) == null ? void 0 : _a.currentUser) == null ? void 0 : _b.id) || null;
@@ -37,7 +38,7 @@ function useChatViewer() {
     phoneE164: membership.phoneE164,
     registrationStatus
   } : null, [userId, displayName, avatarUrl, membership.phoneE164, registrationStatus]);
-  const ready = Boolean(authUser) && !membership.loading && !account.loading;
+  const ready = Boolean(authUser) && rehydrated && !membership.loading && !account.loading;
   const accountError = !auth0Id ? "You are signed out. Sign in again to use Chat." : account.error ? `Could not load your account: ${account.error.message}` : "Could not load your account.";
   const error = membership.error || (!viewer && ready ? accountError : null);
   return {

package/lib/features/messaging/useChatViewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useChatViewer.js","sources":["../../../src/features/messaging/useChatViewer.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { gql, useQuery } from '@apollo/client';\nimport type { IUserState } from '@adminide-stack/core';\nimport { Store, setUserAccountDetails, userSelector } from '@adminide-stack/user-auth0-client';\nimport { pickAuthPicture, pickPrimaryDisplayName } from '../../utils/authUserDisplay';\nimport type { ChatViewer, ChatRegistrationStatus } from './chatHost';\nimport { useYantraChatMembership } from './useYantraChatMembership';\nimport { YANTRA_CHAT_ORG_SLUG } from './yantraChatOrg';\n\nexport interface ChatViewerState {\n viewer: ChatViewer \| null;\n error: string \| null;\n ready: boolean;\n needsRegistration: boolean;\n membershipLoading: boolean;\n registerForChat: (phoneE164: string) => Promise<string>;\n refreshMembership: () => Promise<void>;\n}\n\n/*\n The account id for the signed-in Auth0 user. The Login screen stores it in `user.id`, and the\n * store is persisted - so a session restored without it (an older build, or a lookup that failed\n * at login) keeps `id: ''` for good. Chat asks the server instead of failing.\n */\nconst VIEWER_ACCOUNT_QUERY = gql`\n query ChatViewerAccount($auth0Id: String!) {\n currentUser(auth0Id: $auth0Id) {\n id\n }\n }\n`;\n\nexport function useChatViewer(): ChatViewerState {\n const authUser = useSelector<Store.Auth, IUserState>(userSelector);\n const dispatch = useDispatch();\n const storedUserId = authUser?.id \|\| null;\n const auth0Id = (authUser as { authUserId?: string \| null } \| undefined)?.authUserId \|\| null;\n\n const account = useQuery<{ currentUser?: { id?: string \| null } \| null }>(VIEWER_ACCOUNT_QUERY, {\n variables: { auth0Id },\n skip: Boolean(storedUserId) \|\| !auth0Id,\n fetchPolicy: 'network-only',\n });\n const recoveredUserId = account.data?.currentUser?.id \|\| null;\n\n // Repair the store, so every screen reading `user.id` (not only Chat) gets the account.\n useEffect(() => {\n if (!storedUserId && recoveredUserId) dispatch(setUserAccountDetails({ id: recoveredUserId }));\n }, [storedUserId, recoveredUserId, dispatch]);\n\n const userId = storedUserId \|\| recoveredUserId;\n const displayName = useMemo(() => pickPrimaryDisplayName(authUser), [authUser]);\n const avatarUrl = useMemo(() => pickAuthPicture(authUser), [authUser]);\n\n const membership = useYantraChatMembership(userId, displayName);\n\n const registrationStatus: ChatRegistrationStatus = membership.phoneE164\n ? 'registered'\n : membership.loading\n ? 'registering'\n : 'not-registered';\n\n const viewer = useMemo<ChatViewer \| null>(\n () =>\n userId\n ? {\n userId,\n displayName,\n avatarUrl,\n orgName: YANTRA_CHAT_ORG_SLUG,\n phoneE164: membership.phoneE164,\n registrationStatus,\n }\n : null,\n [userId, displayName, avatarUrl, membership.phoneE164, registrationStatus],\n );\n\n const ready = Boolean(authUser) && !membership.loading && !account.loading;\n\n const accountError = !auth0Id\n ? 'You are signed out. Sign in again to use Chat.'\n : account.error\n ? `Could not load your account: ${account.error.message}`\n : 'Could not load your account.';\n const error = membership.error \|\| (!viewer && ready ? accountError : null);\n\n return {\n viewer,\n error,\n ready,\n needsRegistration: membership.needsRegistration,\n membershipLoading: membership.loading,\n registerForChat: membership.register,\n refreshMembership: membership.refresh,\n };\n}\n"],"names":[],"mappings":"2aAwBA,MAAM,oBAAuB,GAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAOtB,SAAS,aAAiC,GAAA;AA/BjD,EAAA,IAAA,EAAA,EAAA,EAAA;AAgCE,EAAM,MAAA,QAAA,GAAW,YAAoC,YAAY,CAAA;~~AACjE~~,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,YAAA,GAAA,CAAe,qCAAU,EAAM,KAAA,IAAA;AACrC,EAAM,MAAA,OAAA,GAAA,CAAW,qCAED,UAAc,KAAA,IAAA;AAC9B,EAAM,MAAA,OAAA,GAAU,SAIb,oBAAsB,EAAA;AAAA,IACvB,SAAW,EAAA;AAAA,MACT;AAAA,KACF;AAAA,IACA,~~IAAM~~,~~EAAA~~,~~OAAA~~,~~CAAQ~~,~~YAAY~~,CAAA,~~IAAK~~,CAAC,OAAA;AAAA,~~IAChC~~,WAAa,EAAA;AAAA,GACd,CAAA;AACD,EAAA,MAAM,oBAAkB,EAAQ,GAAA,CAAA,EAAA,GAAA,OAAA,CAAA,IAAA,KAAR,IAAc,GAAA,MAAA,GAAA,EAAA,CAAA,WAAA,KAAd,mBAA2B,EAAM,KAAA,IAAA;AAGzD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,YAAA,IAAgB,eAAiB,EAAA,QAAA,CAAS,qBAAsB,CAAA;AAAA,MACnE,EAAI,EAAA;AAAA,KACL,CAAC,CAAA;AAAA,GACD,EAAA,CAAC,YAAc,EAAA,eAAA,EAAiB,QAAQ,CAAC,CAAA;AAC5C,EAAA,MAAM,SAAS,YAAgB,IAAA,eAAA;AAC/B,EAAM,MAAA,WAAA,GAAc,QAAQ,MAAM,sBAAA,CAAuB,QAAQ,CAAG,EAAA,CAAC,QAAQ,CAAC,CAAA;AAC9E,EAAM,MAAA,SAAA,GAAY,QAAQ,MAAM,eAAA,CAAgB,QAAQ,CAAG,EAAA,CAAC,QAAQ,CAAC,CAAA;AACrE,EAAM,MAAA,UAAA,GAAa,uBAAwB,CAAA,MAAA,EAAQ,WAAW,CAAA;AAC9D,EAAA,MAAM,qBAA6C,UAAW,CAAA,SAAA,GAAY,YAAe,GAAA,UAAA,CAAW,UAAU,aAAgB,GAAA,gBAAA;AAC9H,EAAM,MAAA,MAAA,GAAS,OAA2B,CAAA,MAAM,MAAS,GAAA;AAAA,IACvD,MAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAS,EAAA,oBAAA;AAAA,IACT,WAAW,UAAW,CAAA,SAAA;AAAA,IACtB;AAAA,GACF,GAAI,MAAM,CAAC,MAAA,EAAQ,aAAa,SAAW,EAAA,UAAA,CAAW,SAAW,EAAA,kBAAkB,CAAC,CAAA;AACpF,EAAM,MAAA,KAAA,GAAQ,QAAQ,QAAQ,CAAA,IAAK,CAAC,~~UAAW~~,~~CAAA~~,~~OAAA~~,~~IAAW~~,CAAC,OAAQ,CAAA,OAAA;~~AACnE~~,EAAM,MAAA,YAAA,GAAe,CAAC,OAAA,GAAU,gDAAmD,GAAA,OAAA,CAAQ,QAAQ,CAAgC,6BAAA,EAAA,OAAA,CAAQ,KAAM,CAAA,OAAO,CAAK,CAAA,GAAA,8BAAA;AAC7J,EAAA,MAAM,QAAQ,UAAW,CAAA,KAAA,KAAU,CAAC,MAAA,IAAU,QAAQ,YAAe,GAAA,IAAA,CAAA;AACrE,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,mBAAmB,UAAW,CAAA,iBAAA;AAAA,IAC9B,mBAAmB,UAAW,CAAA,OAAA;AAAA,IAC9B,iBAAiB,UAAW,CAAA,QAAA;AAAA,IAC5B,mBAAmB,UAAW,CAAA;AAAA,GAChC;AACF"}
1	+ {"version":3,"file":"useChatViewer.js","sources":["../../../src/features/messaging/useChatViewer.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { gql, useQuery } from '@apollo/client';\nimport type { IUserState } from '@adminide-stack/core';\nimport { Store, setUserAccountDetails, userSelector } from '@adminide-stack/user-auth0-client';\nimport { pickAuthPicture, pickPrimaryDisplayName } from '../../utils/authUserDisplay';\nimport type { ChatViewer, ChatRegistrationStatus } from './chatHost';\nimport { useYantraChatMembership } from './useYantraChatMembership';\nimport { YANTRA_CHAT_ORG_SLUG } from './yantraChatOrg';\n\nexport interface ChatViewerState {\n viewer: ChatViewer \| null;\n error: string \| null;\n ready: boolean;\n needsRegistration: boolean;\n membershipLoading: boolean;\n registerForChat: (phoneE164: string) => Promise<string>;\n refreshMembership: () => Promise<void>;\n}\n\n/*\n The account id for the signed-in Auth0 user. The Login screen stores it in `user.id`, and the\n * store is persisted - so a session restored without it (an older build, or a lookup that failed\n * at login) keeps `id: ''` for good. Chat asks the server instead of failing.\n */\nconst VIEWER_ACCOUNT_QUERY = gql`\n query ChatViewerAccount($auth0Id: String!) {\n currentUser(auth0Id: $auth0Id) {\n id\n }\n }\n`;\n\nexport function useChatViewer(): ChatViewerState {\n const authUser = useSelector<Store.Auth, IUserState>(userSelector);\n // The store is restored from disk after launch (redux-persist, no gate in front of the UI):\n // until then `user` is the empty initial state, which must not read as \"no account\".\n const rehydrated = useSelector((state: { _persist?: { rehydrated?: boolean } }) =>\n state._persist ? Boolean(state._persist.rehydrated) : true,\n );\n const dispatch = useDispatch();\n const storedUserId = authUser?.id \|\| null;\n const auth0Id = (authUser as { authUserId?: string \| null } \| undefined)?.authUserId \|\| null;\n\n const account = useQuery<{ currentUser?: { id?: string \| null } \| null }>(VIEWER_ACCOUNT_QUERY, {\n variables: { auth0Id },\n skip: !rehydrated \|\| Boolean(storedUserId) \|\| !auth0Id,\n fetchPolicy: 'network-only',\n });\n const recoveredUserId = account.data?.currentUser?.id \|\| null;\n\n // Repair the store, so every screen reading `user.id` (not only Chat) gets the account.\n useEffect(() => {\n if (!storedUserId && recoveredUserId) dispatch(setUserAccountDetails({ id: recoveredUserId }));\n }, [storedUserId, recoveredUserId, dispatch]);\n\n const userId = storedUserId \|\| recoveredUserId;\n const displayName = useMemo(() => pickPrimaryDisplayName(authUser), [authUser]);\n const avatarUrl = useMemo(() => pickAuthPicture(authUser), [authUser]);\n\n const membership = useYantraChatMembership(userId, displayName);\n\n const registrationStatus: ChatRegistrationStatus = membership.phoneE164\n ? 'registered'\n : membership.loading\n ? 'registering'\n : 'not-registered';\n\n const viewer = useMemo<ChatViewer \| null>(\n () =>\n userId\n ? {\n userId,\n displayName,\n avatarUrl,\n orgName: YANTRA_CHAT_ORG_SLUG,\n phoneE164: membership.phoneE164,\n registrationStatus,\n }\n : null,\n [userId, displayName, avatarUrl, membership.phoneE164, registrationStatus],\n );\n\n const ready = Boolean(authUser) && rehydrated && !membership.loading && !account.loading;\n\n const accountError = !auth0Id\n ? 'You are signed out. Sign in again to use Chat.'\n : account.error\n ? `Could not load your account: ${account.error.message}`\n : 'Could not load your account.';\n const error = membership.error \|\| (!viewer && ready ? accountError : null);\n\n return {\n viewer,\n error,\n ready,\n needsRegistration: membership.needsRegistration,\n membershipLoading: membership.loading,\n registerForChat: membership.register,\n refreshMembership: membership.refresh,\n };\n}\n"],"names":[],"mappings":"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"}

package/lib/features/webbuilder/WebBuilderExperience.js ADDED Viewed

@@ -0,0 +1,474 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useCallback,useRef,useEffect}from'react';import {StyleSheet,Keyboard,BackHandler,View,Text,Share,Platform,ActionSheetIOS,Alert,Linking}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {GestureHandlerRootView}from'react-native-gesture-handler';import {useSafeInsets}from'../canvas/withRemoteSafeArea.js';import {useAppTheme}from'../../theme/AppThemeProvider.js';import {Tap,DIM}from'../inbox/components/Tap.js';import {isBareSeed,studioTurnText,brandBriefBlock,siteScoreTurn}from'./studioCatalog.js';import {useBrandKit}from'./brandKitStorage.js';import {wakePreviewPrompt}from'./webbuilderPrompts.js';import {webbuilderTheme}from'./webbuilderTheme.js';import {BrandKitSheet}from'./components/BrandKitSheet.js';import {CodeView}from'./components/CodeView.js';import {ProjectChat}from'./components/ProjectChat.js';import {PreviewScreen}from'./components/PreviewScreen.js';import {PublishSheet}from'./components/PublishSheet.js';import {BOTTOM_TABS_SPACE,BottomTabs}from'./components/BottomTabs.js';import {SiteScoreSheet}from'./components/SiteScoreSheet.js';import {ProjectsScreen}from'./components/ProjectsScreen.js';import {TemplatesSheet}from'./components/TemplatesSheet.js';import {StudioHome}from'./components/StudioHome.js';import {VersionsSheet}from'./components/VersionsSheet.js';import {IconButton,Toast}from'./components/ui.js';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const TOAST_MS = 2400;
+const PUBLISH_WATCH_MS = 10 * 60 * 1e3;
+function WebBuilderExperience({
+  isDark: hostIsDark,
+  onExit,
+  projects,
+  projectsLoading = false,
+  projectsError = null,
+  onRefreshProjects,
+  projectsHasMore = false,
+  onLoadMoreProjects,
+  templates,
+  templatesLoading = false,
+  templatesError = null,
+  onReloadTemplates,
+  startBlocked = null,
+  startNotice = null,
+  activeChannelId,
+  onOpenProject,
+  onCloseProject,
+  onStartProject,
+  builds,
+  buildsLoading = false,
+  building = null,
+  publishing: publishingOnChat = false,
+  hostChat,
+  onPublish,
+  onResumePreview,
+  initialAgentSeed = null
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const appTheme = useAppTheme();
+  const isDark = hostIsDark != null ? hostIsDark : appTheme.isDark;
+  const theme = useMemo(() => webbuilderTheme(isDark), [isDark]);
+  const insets = useSafeInsets();
+  const project = useMemo(() => {
+    var _a2;
+    return (_a2 = projects.find((p) => p.channelId === activeChannelId)) != null ? _a2 : null;
+  }, [projects, activeChannelId]);
+  const [draft, setDraft] = useState("");
+  const [template, setTemplate] = useState(null);
+  const [templatesOpen, setTemplatesOpen] = useState(false);
+  const [scoreOpen, setScoreOpen] = useState(false);
+  const [homeTab, setHomeTab] = useState("create");
+  const {
+    brand,
+    saveBrand
+  } = useBrandKit();
+  const [brandOpen, setBrandOpen] = useState(false);
+  const pickTemplate = useCallback((picked) => {
+    setTemplate(picked);
+    setTemplatesOpen(false);
+    setHomeTab("create");
+    setDraft((prev) => isBareSeed(prev) && picked.chatPrompt ? picked.chatPrompt : prev);
+  }, []);
+  const startSite = useCallback((start, files) => {
+    const brief = start.brief.trim() || (start.template ? start.template.chatPrompt || start.template.title : "");
+    if (!brief && !(files == null ? void 0 : files.length)) return;
+    onStartProject(__spreadValues(__spreadValues({
+      text: studioTurnText({
+        brief,
+        brandBlock: brandBriefBlock(brand),
+        referenceUrl: start.referenceUrl
+      }),
+      template: start.template
+    }, start.referenceUrl ? {
+      referenceUrl: start.referenceUrl
+    } : {}), (files == null ? void 0 : files.length) ? {
+      attachments: files
+    } : {}));
+    setDraft("");
+    setTemplate(null);
+  }, [onStartProject, brand]);
+  const handedOff = useRef(false);
+  useEffect(() => {
+    if (handedOff.current || !initialAgentSeed || startBlocked) return;
+    handedOff.current = true;
+    startSite({
+      brief: initialAgentSeed.text,
+      template: null
+    }, initialAgentSeed.files);
+  }, [initialAgentSeed, startBlocked, startSite]);
+  const [selectedKey, setSelectedKey] = useState(null);
+  useEffect(() => setSelectedKey(null), [activeChannelId]);
+  const latest = (_a = builds[0]) != null ? _a : null;
+  const build = useMemo(() => {
+    var _a2;
+    return selectedKey ? (_a2 = builds.find((b) => b.key === selectedKey)) != null ? _a2 : latest : latest;
+  }, [builds, selectedKey, latest]);
+  const siteTitle = (project == null ? void 0 : project.title) || (build == null ? void 0 : build.title) || null;
+  const [previewNonce, setPreviewNonce] = useState(0);
+  const seenBuildAt = useRef({
+    key: null,
+    at: 0
+  });
+  useEffect(() => {
+    var _a2, _b2;
+    const key = (_a2 = build == null ? void 0 : build.key) != null ? _a2 : null;
+    const at = (_b2 = build == null ? void 0 : build.updatedAt) != null ? _b2 : 0;
+    const seen = seenBuildAt.current;
+    if (key && key === seen.key && at > seen.at) setPreviewNonce((n) => n + 1);
+    seenBuildAt.current = {
+      key,
+      at
+    };
+  }, [build == null ? void 0 : build.key, build == null ? void 0 : build.updatedAt]);
+  const [toast, setToast] = useState(null);
+  const toastTimer = useRef(null);
+  const showToast = useCallback((message) => {
+    if (toastTimer.current) clearTimeout(toastTimer.current);
+    setToast(message);
+    toastTimer.current = setTimeout(() => setToast(null), TOAST_MS);
+  }, []);
+  useEffect(() => () => toastTimer.current ? clearTimeout(toastTimer.current) : void 0, []);
+  const [mode, setMode] = useState("chat");
+  useEffect(() => setMode("chat"), [activeChannelId]);
+  const sendToAgent = useCallback((text, files) => {
+    const words = text.trim();
+    if (!words || !hostChat) return;
+    const turn = build || /^build\b/i.test(words) ? words : `Build me: ${words}`;
+    hostChat.send(turn, files, build);
+    setMode("chat");
+  }, [hostChat, build]);
+  const openChat = useCallback(() => {
+    Keyboard.dismiss();
+    setMode("chat");
+  }, []);
+  const [waking, setWaking] = useState(false);
+  const wokenFor = useRef(null);
+  useEffect(() => {
+    wokenFor.current = null;
+  }, [build == null ? void 0 : build.key]);
+  const wakePreview = useCallback(() => {
+    if (!build || waking || wokenFor.current === build.key) return;
+    wokenFor.current = build.key;
+    setWaking(true);
+    const resume = onResumePreview ? onResumePreview(build) : Promise.resolve("failed");
+    resume.catch(() => "failed").then((outcome) => {
+      if (outcome === "ok") setPreviewNonce((n) => n + 1);
+      else hostChat == null ? void 0 : hostChat.send(wakePreviewPrompt(build), void 0, build);
+    }).finally(() => setWaking(false));
+  }, [build, waking, onResumePreview, hostChat]);
+  const [publishOpen, setPublishOpen] = useState(false);
+  const [versionsOpen, setVersionsOpen] = useState(false);
+  const [publishStarted, setPublishStarted] = useState(null);
+  useEffect(() => setPublishStarted(null), [activeChannelId]);
+  useEffect(() => {
+    if (!publishStarted) return;
+    const target = builds.find((b) => b.key === publishStarted.key);
+    if ((target == null ? void 0 : target.liveUrl) && target.liveUrl !== publishStarted.live) {
+      setPublishStarted(null);
+      showToast("Your site is live");
+    }
+  }, [builds, publishStarted, showToast]);
+  const publishing = publishingOnChat || Boolean(publishStarted && Date.now() - publishStarted.at < PUBLISH_WATCH_MS);
+  const publish = useCallback(async (target, projectName) => {
+    if (!onPublish) return {
+      ok: false,
+      message: "Publishing is not available here."
+    };
+    const result = await onPublish(target, projectName);
+    if (result.ok) {
+      setPublishStarted({
+        key: target.key,
+        live: target.liveUrl,
+        at: Date.now()
+      });
+      showToast("Publishing started");
+    }
+    return result;
+  }, [onPublish, showToast]);
+  const back = useCallback(() => {
+    if (activeChannelId && mode !== "chat") {
+      setMode("chat");
+      return;
+    }
+    if (activeChannelId) {
+      onCloseProject();
+      return;
+    }
+    if (homeTab === "projects") {
+      setHomeTab("create");
+      return;
+    }
+    onExit();
+  }, [mode, activeChannelId, homeTab, onCloseProject, onExit]);
+  useEffect(() => {
+    const sub = BackHandler.addEventListener("hardwareBackPress", () => {
+      back();
+      return true;
+    });
+    return () => sub.remove();
+  }, [back]);
+  const live = (_c = (_b = build == null ? void 0 : build.liveUrl) != null ? _b : project == null ? void 0 : project.liveUrl) != null ? _c : null;
+  let statusText = "New";
+  let statusTone = theme.muted;
+  if (building || (hostChat == null ? void 0 : hostChat.busy)) {
+    statusText = "Working\u2026";
+    statusTone = theme.accent;
+  } else if (live) {
+    statusText = "Live";
+    statusTone = theme.good;
+  } else if (build) {
+    statusText = "Not published";
+  }
+  const floating = {
+    backgroundColor: theme.card,
+    borderColor: theme.border,
+    shadowColor: theme.isDark ? "#000" : "#1c1917"
+  };
+  let publishLabel = "Publish";
+  if (publishing) publishLabel = "Publishing\u2026";
+  const shareUrl = live || (build == null ? void 0 : build.previewUrl) || null;
+  const shareSite = () => {
+    if (shareUrl) Share.share({
+      message: shareUrl,
+      url: shareUrl
+    }).catch(() => void 0);
+  };
+  const openMore = () => {
+    const actions = [];
+    if (mode !== "chat") actions.push({
+      label: "Back to the chat",
+      run: () => setMode("chat")
+    });
+    if ((build == null ? void 0 : build.previewUrl) && mode !== "preview") {
+      actions.push({
+        label: "Open preview",
+        run: () => setMode("preview")
+      });
+    }
+    if ((build == null ? void 0 : build.files) && mode !== "code") actions.push({
+      label: "View code",
+      run: () => setMode("code")
+    });
+    if (builds.length > 1) actions.push({
+      label: "Versions",
+      run: () => setVersionsOpen(true)
+    });
+    if (build == null ? void 0 : build.sandboxId) {
+      actions.push({
+        label: live ? "Publish an update" : "Publish",
+        run: () => setPublishOpen(true)
+      });
+    }
+    if (build == null ? void 0 : build.previewUrl) {
+      const url = live || build.previewUrl;
+      actions.push({
+        label: "Open in browser",
+        run: () => Linking.openURL(url).catch(() => void 0)
+      });
+    }
+    if (!actions.length) return;
+    if (Platform.OS === "ios") {
+      ActionSheetIOS.showActionSheetWithOptions({
+        options: [...actions.map((a) => a.label), "Cancel"],
+        cancelButtonIndex: actions.length
+      }, (index) => {
+        var _a2;
+        return (_a2 = actions[index]) == null ? void 0 : _a2.run();
+      });
+      return;
+    }
+    Alert.alert(siteTitle || "Project", void 0, [...actions.map((a) => ({
+      text: a.label,
+      onPress: a.run
+    })), {
+      text: "Cancel",
+      style: "cancel"
+    }]);
+  };
+  return /* @__PURE__ */ jsxs(GestureHandlerRootView, { style: [styles.fill, {
+    backgroundColor: theme.screen
+  }], children: [
+    activeChannelId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(View, { style: [styles.projectHead, {
+        paddingTop: insets.top + 6
+      }], children: [
+        /* @__PURE__ */ jsx(Tap, { onPress: back, accessibilityRole: "button", accessibilityLabel: mode === "chat" ? "Back to Web Builder" : "Back to the chat", style: [styles.roundBtn, floating], pressedStyle: DIM, testID: "webbuilder-back", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-left", size: 28, color: theme.ink }) }),
+        mode === "chat" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(View, { style: [styles.titlePill, floating], children: [
+            /* @__PURE__ */ jsx(Text, { style: [styles.pillTitle, {
+              color: theme.ink
+            }], numberOfLines: 1, children: siteTitle || "New app" }),
+            /* @__PURE__ */ jsx(Text, { style: [styles.pillStatus, {
+              color: statusTone
+            }], numberOfLines: 1, children: statusText })
+          ] }),
+          /* @__PURE__ */ jsx(View, { style: styles.headSpacer }),
+          /* @__PURE__ */ jsxs(View, { style: [styles.actionPill, floating], children: [
+            /* @__PURE__ */ jsx(Tap, { onPress: shareSite, disabled: !shareUrl, accessibilityRole: "button", accessibilityLabel: "Share", style: [styles.pillBtn, !shareUrl && styles.disabled], pressedStyle: DIM, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "share-outline", size: 24, color: theme.ink }) }),
+            /* @__PURE__ */ jsx(Tap, { onPress: openMore, accessibilityRole: "button", accessibilityLabel: "More", style: styles.pillBtn, pressedStyle: DIM, testID: "webbuilder-more", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "dots-horizontal", size: 24, color: theme.ink }) })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.centerTitle, {
+            color: theme.ink
+          }], numberOfLines: 1, children: mode === "code" ? "Code" : siteTitle || "Preview" }),
+          /* @__PURE__ */ jsxs(View, { style: [styles.actionPill, floating], children: [
+            /* @__PURE__ */ jsx(Tap, { onPress: shareSite, disabled: !shareUrl, accessibilityRole: "button", accessibilityLabel: "Share", style: [styles.pillBtn, !shareUrl && styles.disabled], pressedStyle: DIM, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "share-outline", size: 24, color: theme.ink }) }),
+            /* @__PURE__ */ jsx(Tap, { onPress: openMore, accessibilityRole: "button", accessibilityLabel: "More", style: styles.pillBtn, pressedStyle: DIM, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "dots-horizontal", size: 24, color: theme.ink }) })
+          ] })
+        ] })
+      ] }),
+      mode === "chat" ? /* @__PURE__ */ jsx(ProjectChat, { messages: (_d = hostChat == null ? void 0 : hostChat.messages) != null ? _d : [], streaming: (_e = hostChat == null ? void 0 : hostChat.streaming) != null ? _e : null, busy: Boolean(hostChat == null ? void 0 : hostChat.busy), error: (_f = hostChat == null ? void 0 : hostChat.error) != null ? _f : null, connected: Boolean(hostChat == null ? void 0 : hostChat.connected), building, build, siteTitle: siteTitle || "Your site", onSend: (text) => sendToAgent(text), onOpenPreview: () => setMode("preview"), onPublish: () => setPublishOpen(true), theme, bottomInset: insets.bottom }) : null,
+      mode === "preview" ? /* @__PURE__ */ jsx(PreviewScreen, { build, building, loading: buildsLoading, previewNonce, onReload: () => setPreviewNonce((n) => n + 1), onHome: () => setPreviewNonce((n) => n + 1), onWake: wakePreview, waking: waking || Boolean(hostChat == null ? void 0 : hostChat.busy), onPublish: () => setPublishOpen(true), publishLabel, error: (_g = hostChat == null ? void 0 : hostChat.error) != null ? _g : null, theme, bottomInset: insets.bottom }) : null,
+      mode === "code" ? /* @__PURE__ */ jsx(View, { style: [styles.fill, {
+        backgroundColor: theme.card,
+        paddingBottom: insets.bottom
+      }], children: /* @__PURE__ */ jsx(CodeView, { files: (_h = build == null ? void 0 : build.files) != null ? _h : null, theme, onAsk: openChat }) }) : null
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.header, styles.headerBare, {
+        paddingTop: insets.top + 4,
+        borderBottomColor: "transparent"
+      }], children: /* @__PURE__ */ jsx(IconButton, { icon: "arrow-left", label: "Leave Web Builder", onPress: back, theme, testID: "webbuilder-back" }) }),
+      /* @__PURE__ */ jsx(View, { style: styles.fill, children: homeTab === "create" ? /* @__PURE__ */ jsx(StudioHome, { draft, onDraft: setDraft, template, onClearTemplate: () => setTemplate(null), onBrowseTemplates: () => setTemplatesOpen(true), brand, onBrand: () => setBrandOpen(true), onSiteScore: () => setScoreOpen(true), onStart: startSite, connecting: startBlocked, startNotice, theme, bottomInset: BOTTOM_TABS_SPACE + insets.bottom }) : /* @__PURE__ */ jsx(ProjectsScreen, { projects, loading: projectsLoading, error: projectsError, hasMore: projectsHasMore, onRefresh: onRefreshProjects, onLoadMore: onLoadMoreProjects, onOpen: (p) => onOpenProject(p.channelId), onNewProject: () => setHomeTab("create"), topInset: 4, bottomInset: BOTTOM_TABS_SPACE + insets.bottom, theme }) }),
+      /* @__PURE__ */ jsx(BottomTabs, { tab: homeTab, onTab: setHomeTab, theme, bottomInset: insets.bottom })
+    ] }),
+    /* @__PURE__ */ jsx(TemplatesSheet, { visible: templatesOpen, onClose: () => setTemplatesOpen(false), templates, loading: templatesLoading, error: templatesError, onReload: onReloadTemplates, selectedId: (_i = template == null ? void 0 : template.id) != null ? _i : null, onPick: pickTemplate, theme }),
+    /* @__PURE__ */ jsx(SiteScoreSheet, { visible: scoreOpen, onClose: () => setScoreOpen(false), blocked: startBlocked, onCheck: (url) => {
+      setScoreOpen(false);
+      onStartProject({
+        text: siteScoreTurn(url),
+        template: null,
+        agent: true
+      });
+    }, theme }),
+    /* @__PURE__ */ jsx(BrandKitSheet, { visible: brandOpen, brand, onSave: saveBrand, onClose: () => setBrandOpen(false), theme }),
+    /* @__PURE__ */ jsx(PublishSheet, { visible: publishOpen, build, publishing, onPublish: onPublish ? publish : void 0, onClose: () => setPublishOpen(false), theme }),
+    /* @__PURE__ */ jsx(VersionsSheet, { visible: versionsOpen, builds, selectedKey, onSelect: (picked) => {
+      setSelectedKey(picked.key === (latest == null ? void 0 : latest.key) ? null : picked.key);
+      setVersionsOpen(false);
+    }, onClose: () => setVersionsOpen(false), theme }),
+    /* @__PURE__ */ jsx(Toast, { message: toast, theme, bottom: insets.bottom + 80 })
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 8,
+    paddingBottom: 8,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  headerBare: {
+    paddingBottom: 0
+  },
+  projectHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingHorizontal: 14,
+    paddingBottom: 10
+  },
+  roundBtn: {
+    width: 52,
+    height: 52,
+    borderRadius: 26,
+    borderWidth: StyleSheet.hairlineWidth,
+    alignItems: "center",
+    justifyContent: "center",
+    shadowOpacity: 0.08,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 3
+  },
+  titlePill: {
+    flexShrink: 1,
+    maxWidth: "58%",
+    height: 52,
+    paddingHorizontal: 18,
+    borderRadius: 26,
+    borderWidth: StyleSheet.hairlineWidth,
+    justifyContent: "center",
+    shadowOpacity: 0.08,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 3
+  },
+  pillTitle: {
+    fontSize: 16,
+    fontWeight: "700",
+    letterSpacing: -0.2
+  },
+  pillStatus: {
+    fontSize: 12,
+    fontWeight: "600",
+    marginTop: 1
+  },
+  headSpacer: {
+    flex: 1
+  },
+  actionPill: {
+    flexDirection: "row",
+    alignItems: "center",
+    height: 52,
+    paddingHorizontal: 8,
+    borderRadius: 26,
+    borderWidth: StyleSheet.hairlineWidth,
+    shadowOpacity: 0.08,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 3
+  },
+  pillBtn: {
+    width: 42,
+    height: 42,
+    borderRadius: 21,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  centerTitle: {
+    flex: 1,
+    textAlign: "center",
+    fontSize: 18,
+    fontWeight: "700"
+  },
+  headerText: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    minWidth: 0
+  },
+  headerTitle: {
+    flexShrink: 1,
+    fontSize: 17,
+    fontWeight: "700",
+    letterSpacing: -0.2
+  },
+  publish: {
+    minHeight: 34,
+    paddingHorizontal: 16,
+    borderRadius: 17,
+    alignItems: "center",
+    justifyContent: "center",
+    marginRight: 4
+  },
+  publishLabel: {
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  disabled: {
+    opacity: 0.35
+  }
+});export{WebBuilderExperience,WebBuilderExperience as default};//# sourceMappingURL=WebBuilderExperience.js.map