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/webbuilder/components/TemplatesSheet.js ADDED Viewed

@@ -0,0 +1,178 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useMemo}from'react';import {StyleSheet,useWindowDimensions,View,Modal,Text,ScrollView,TextInput,Platform}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Tap,DIM}from'../../inbox/components/Tap.js';import {useSafeInsets}from'../../canvas/withRemoteSafeArea.js';import {TemplateCard}from'./TemplateCard.js';import {CenteredState,IconButton}from'./ui.js';const GUTTER = 16;
+const GAP = 12;
+function templateCategories(list) {
+  var _a, _b;
+  const counts = /* @__PURE__ */ new Map();
+  for (const t of list) {
+    const c = (_a = t.category) == null ? void 0 : _a.trim();
+    if (c) counts.set(c, ((_b = counts.get(c)) != null ? _b : 0) + 1);
+  }
+  return [...counts.entries()].sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0])).map(([c]) => c);
+}
+function filterTemplates(list, query, category) {
+  const q = query.trim().toLowerCase();
+  return list.filter((t) => {
+    var _a, _b;
+    return (!category || t.category === category) && (!q || `${t.title} ${(_a = t.description) != null ? _a : ""} ${(_b = t.category) != null ? _b : ""}`.toLowerCase().includes(q));
+  });
+}
+function TemplatesSheet({
+  visible,
+  onClose,
+  templates,
+  loading,
+  error,
+  onReload,
+  selectedId,
+  onPick,
+  theme
+}) {
+  const insets = useSafeInsets();
+  const {
+    width
+  } = useWindowDimensions();
+  const cardWidth = Math.floor((width - GUTTER * 2 - GAP) / 2);
+  const [query, setQuery] = useState("");
+  const [category, setCategory] = useState(null);
+  const categories = useMemo(() => templateCategories(templates), [templates]);
+  const shown = useMemo(() => filterTemplates(templates, query, category), [templates, query, category]);
+  let body;
+  if (loading && templates.length === 0) {
+    body = /* @__PURE__ */ jsx(View, { style: styles.grid, children: [0, 1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxs(View, { style: [styles.skeleton, {
+      width: cardWidth
+    }], children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.skeletonCover, {
+        backgroundColor: theme.chip
+      }] }),
+      /* @__PURE__ */ jsx(View, { style: [styles.skeletonLine, {
+        backgroundColor: theme.chip
+      }] })
+    ] }, i)) });
+  } else if (error && templates.length === 0) {
+    body = /* @__PURE__ */ jsx(CenteredState, { icon: "cloud-off-outline", title: "Templates didn't load", body: error, theme, primary: onReload ? {
+      label: "Try again",
+      icon: "refresh",
+      onPress: onReload
+    } : void 0 });
+  } else if (shown.length === 0) {
+    body = /* @__PURE__ */ jsx(CenteredState, { icon: "text-search", title: templates.length ? "No template matches" : "No templates yet", body: templates.length ? "Try another word, or clear the category." : "Your workspace has no starter templates. Describe the site instead.", theme });
+  } else {
+    body = /* @__PURE__ */ jsx(View, { style: styles.grid, children: shown.map((t) => /* @__PURE__ */ jsx(TemplateCard, { template: t, width: cardWidth, theme, selected: t.id === selectedId, onPress: () => onPick(t) }, t.id)) });
+  }
+  return /* @__PURE__ */ jsx(Modal, { visible, animationType: "slide", presentationStyle: Platform.OS === "ios" ? "pageSheet" : "fullScreen", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(View, { style: [styles.root, {
+    backgroundColor: theme.screen,
+    paddingTop: Platform.OS === "ios" ? 12 : insets.top
+  }], testID: "webbuilder-templates-sheet", children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.headerText, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+          color: theme.ink
+        }], children: "Templates" }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.subtitle, {
+          color: theme.muted
+        }], children: "Start from a design and make it yours." })
+      ] }),
+      /* @__PURE__ */ jsx(IconButton, { icon: "close", label: "Close", onPress: onClose, theme })
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: [styles.body, {
+      paddingBottom: insets.bottom + 24
+    }], keyboardShouldPersistTaps: "handled", children: [
+      /* @__PURE__ */ jsxs(View, { style: [styles.search, {
+        backgroundColor: theme.card,
+        borderColor: theme.border
+      }], children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 18, color: theme.faint }),
+        /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search templates", placeholderTextColor: theme.faint, style: [styles.searchInput, {
+          color: theme.ink
+        }], accessibilityLabel: "Search templates", testID: "webbuilder-template-search" })
+      ] }),
+      categories.length > 1 ? /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.cats, children: [null, ...categories].map((c) => {
+        const active = c === category;
+        return /* @__PURE__ */ jsx(Tap, { onPress: () => setCategory(c), accessibilityRole: "button", accessibilityState: {
+          selected: active
+        }, style: [styles.cat, active ? {
+          backgroundColor: theme.ink,
+          borderColor: theme.ink
+        } : {
+          backgroundColor: theme.card,
+          borderColor: theme.border
+        }], pressedStyle: DIM, children: /* @__PURE__ */ jsx(Text, { style: [styles.catLabel, {
+          color: active ? theme.card : theme.ink
+        }], children: c != null ? c : "All" }) }, c != null ? c : "all");
+      }) }) : null,
+      body
+    ] })
+  ] }) });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8,
+    paddingHorizontal: GUTTER,
+    paddingBottom: 12
+  },
+  headerText: {
+    flex: 1,
+    gap: 2
+  },
+  title: {
+    fontSize: 22,
+    fontWeight: "700",
+    letterSpacing: -0.4
+  },
+  subtitle: {
+    fontSize: 14
+  },
+  body: {
+    paddingHorizontal: GUTTER,
+    gap: 14
+  },
+  search: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth,
+    paddingHorizontal: 12
+  },
+  searchInput: {
+    flex: 1,
+    fontSize: 15,
+    paddingVertical: 11
+  },
+  cats: {
+    gap: 8
+  },
+  cat: {
+    paddingHorizontal: 14,
+    paddingVertical: 7,
+    borderRadius: 999,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  catLabel: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  grid: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    columnGap: GAP,
+    rowGap: 18
+  },
+  skeleton: {
+    gap: 8
+  },
+  skeletonCover: {
+    aspectRatio: 16 / 10,
+    borderRadius: 14
+  },
+  skeletonLine: {
+    height: 12,
+    width: "70%",
+    borderRadius: 6
+  }
+});export{TemplatesSheet,filterTemplates,templateCategories};//# sourceMappingURL=TemplatesSheet.js.map

package/lib/features/webbuilder/components/TemplatesSheet.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TemplatesSheet.js","sources":["../../../../src/features/webbuilder/components/TemplatesSheet.tsx"],"sourcesContent":["/**\n * Templates - the web StudioSidebar's Templates section as a sheet: search,\n * category chips, cover cards. Picking one hands it to the composer (the web\n * \"Use template\"); the build then remixes it through the agent.\n */\nimport React, { useMemo, useState } from 'react';\nimport { Modal, Platform, ScrollView, StyleSheet, Text, TextInput, useWindowDimensions, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { DIM, Tap } from '../../inbox/components/Tap';\nimport { useSafeInsets } from '../../canvas/withRemoteSafeArea';\nimport type { WebBuilderTemplate } from '../workflow';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\nimport { TemplateCard } from './TemplateCard';\nimport { CenteredState, IconButton } from './ui';\n\nconst GUTTER = 16;\nconst GAP = 12;\n\n/** Category chips: the categories in use, most used first (web `templateCategories`). */\nexport function templateCategories(list: readonly WebBuilderTemplate[]): string[] {\n const counts = new Map<string, number>();\n for (const t of list) {\n const c = t.category?.trim();\n if (c) counts.set(c, (counts.get(c) ?? 0) + 1);\n }\n return [...counts.entries()].sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0])).map(([c]) => c);\n}\n\nexport function filterTemplates(list: readonly WebBuilderTemplate[], query: string, category: string | null) {\n const q = query.trim().toLowerCase();\n return list.filter(\n (t) =>\n (!category || t.category === category) &&\n (!q || `${t.title} ${t.description ?? ''} ${t.category ?? ''}`.toLowerCase().includes(q)),\n );\n}\n\nexport function TemplatesSheet({\n visible,\n onClose,\n templates,\n loading,\n error,\n onReload,\n selectedId,\n onPick,\n theme,\n}: {\n visible: boolean;\n onClose: () => void;\n templates: WebBuilderTemplate[];\n loading: boolean;\n error: string | null;\n onReload?: () => void;\n selectedId: string | null;\n onPick: (template: WebBuilderTemplate) => void;\n theme: WebBuilderTheme;\n}) {\n const insets = useSafeInsets();\n const { width } = useWindowDimensions();\n const cardWidth = Math.floor((width - GUTTER * 2 - GAP) / 2);\n const [query, setQuery] = useState('');\n const [category, setCategory] = useState<string | null>(null);\n const categories = useMemo(() => templateCategories(templates), [templates]);\n const shown = useMemo(() => filterTemplates(templates, query, category), [templates, query, category]);\n\n let body: React.ReactNode;\n if (loading && templates.length === 0) {\n body = (\n <View style={styles.grid}>\n {[0, 1, 2, 3, 4, 5].map((i) => (\n <View key={i} style={[styles.skeleton, { width: cardWidth }]}>\n <View style={[styles.skeletonCover, { backgroundColor: theme.chip }]} />\n <View style={[styles.skeletonLine, { backgroundColor: theme.chip }]} />\n </View>\n ))}\n </View>\n );\n } else if (error && templates.length === 0) {\n body = (\n <CenteredState\n icon=\"cloud-off-outline\"\n title=\"Templates didn't load\"\n body={error}\n theme={theme}\n primary={onReload ? { label: 'Try again', icon: 'refresh', onPress: onReload } : undefined}\n />\n );\n } else if (shown.length === 0) {\n body = (\n <CenteredState\n icon=\"text-search\"\n title={templates.length ? 'No template matches' : 'No templates yet'}\n body={\n templates.length\n ? 'Try another word, or clear the category.'\n : 'Your workspace has no starter templates. Describe the site instead.'\n }\n theme={theme}\n />\n );\n } else {\n body = (\n <View style={styles.grid}>\n {shown.map((t) => (\n <TemplateCard\n key={t.id}\n template={t}\n width={cardWidth}\n theme={theme}\n selected={t.id === selectedId}\n onPress={() => onPick(t)}\n />\n ))}\n </View>\n );\n }\n\n return (\n <Modal\n visible={visible}\n animationType=\"slide\"\n presentationStyle={Platform.OS === 'ios' ? 'pageSheet' : 'fullScreen'}\n onRequestClose={onClose}\n >\n <View\n style={[\n styles.root,\n { backgroundColor: theme.screen, paddingTop: Platform.OS === 'ios' ? 12 : insets.top },\n ]}\n testID=\"webbuilder-templates-sheet\"\n >\n <View style={styles.header}>\n <View style={styles.headerText}>\n <Text style={[styles.title, { color: theme.ink }]}>Templates</Text>\n <Text style={[styles.subtitle, { color: theme.muted }]}>\n Start from a design and make it yours.\n </Text>\n </View>\n <IconButton icon=\"close\" label=\"Close\" onPress={onClose} theme={theme} />\n </View>\n <ScrollView\n contentContainerStyle={[styles.body, { paddingBottom: insets.bottom + 24 }]}\n keyboardShouldPersistTaps=\"handled\"\n >\n <View style={[styles.search, { backgroundColor: theme.card, borderColor: theme.border }]}>\n <MaterialCommunityIcons name=\"magnify\" size={18} color={theme.faint} />\n <TextInput\n value={query}\n onChangeText={setQuery}\n placeholder=\"Search templates\"\n placeholderTextColor={theme.faint}\n style={[styles.searchInput, { color: theme.ink }]}\n accessibilityLabel=\"Search templates\"\n testID=\"webbuilder-template-search\"\n />\n </View>\n {categories.length > 1 ? (\n <ScrollView\n horizontal\n showsHorizontalScrollIndicator={false}\n contentContainerStyle={styles.cats}\n >\n {[null, ...categories].map((c) => {\n const active = c === category;\n return (\n <Tap\n key={c ?? 'all'}\n onPress={() => setCategory(c)}\n accessibilityRole=\"button\"\n accessibilityState={{ selected: active }}\n style={[\n styles.cat,\n active\n ? { backgroundColor: theme.ink, borderColor: theme.ink }\n : { backgroundColor: theme.card, borderColor: theme.border },\n ]}\n pressedStyle={DIM}\n >\n <Text style={[styles.catLabel, { color: active ? theme.card : theme.ink }]}>\n {c ?? 'All'}\n </Text>\n </Tap>\n );\n })}\n </ScrollView>\n ) : null}\n {body}\n </ScrollView>\n </View>\n </Modal>\n );\n}\n\nconst styles = StyleSheet.create({\n root: { flex: 1 },\n header: { flexDirection: 'row', alignItems: 'flex-start', gap: 8, paddingHorizontal: GUTTER, paddingBottom: 12 },\n headerText: { flex: 1, gap: 2 },\n title: { fontSize: 22, fontWeight: '700', letterSpacing: -0.4 },\n subtitle: { fontSize: 14 },\n body: { paddingHorizontal: GUTTER, gap: 14 },\n search: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 8,\n borderRadius: 12,\n borderWidth: StyleSheet.hairlineWidth,\n paddingHorizontal: 12,\n },\n searchInput: { flex: 1, fontSize: 15, paddingVertical: 11 },\n cats: { gap: 8 },\n cat: { paddingHorizontal: 14, paddingVertical: 7, borderRadius: 999, borderWidth: StyleSheet.hairlineWidth },\n catLabel: { fontSize: 13, fontWeight: '600' },\n grid: { flexDirection: 'row', flexWrap: 'wrap', columnGap: GAP, rowGap: 18 },\n skeleton: { gap: 8 },\n skeletonCover: { aspectRatio: 16 / 10, borderRadius: 14 },\n skeletonLine: { height: 12, width: '70%', borderRadius: 6 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/webbuilder/components/VersionsSheet.js ADDED Viewed

@@ -0,0 +1,57 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {StyleSheet,ScrollView,View,Text}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Tap,DIM}from'../../inbox/components/Tap.js';import {relativeTime}from'../buildFragments.js';import {Sheet,Pill}from'./ui.js';function VersionsSheet({
+  visible,
+  builds,
+  selectedKey,
+  onSelect,
+  onClose,
+  theme
+}) {
+  return /* @__PURE__ */ jsx(Sheet, { visible, title: "Versions", onClose, theme, testID: "webbuilder-versions", children: /* @__PURE__ */ jsx(ScrollView, { style: styles.list, contentContainerStyle: styles.content, children: builds.map((build, index) => {
+    const selected = build.key === selectedKey || !selectedKey && index === 0;
+    return /* @__PURE__ */ jsxs(Tap, { onPress: () => onSelect(build), accessibilityRole: "button", accessibilityState: {
+      selected
+    }, accessibilityLabel: `Version ${builds.length - index}, ${relativeTime(build.updatedAt)}`, style: [styles.row, {
+      borderColor: selected ? theme.accent : theme.border,
+      backgroundColor: theme.card
+    }], pressedStyle: DIM, testID: `webbuilder-version-${index}`, children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: selected ? "radiobox-marked" : "radiobox-blank", size: 20, color: selected ? theme.accent : theme.faint }),
+      /* @__PURE__ */ jsxs(View, { style: styles.text, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+          color: theme.ink
+        }], numberOfLines: 1, children: index === 0 ? "Latest" : `Version ${builds.length - index}` }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.meta, {
+          color: theme.muted
+        }], numberOfLines: 1, children: relativeTime(build.updatedAt) })
+      ] }),
+      build.liveUrl ? /* @__PURE__ */ jsx(Pill, { label: "Published", tone: "live", theme }) : null
+    ] }, build.key);
+  }) }) });
+}
+const styles = StyleSheet.create({
+  list: {
+    maxHeight: 420
+  },
+  content: {
+    gap: 8,
+    paddingBottom: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    padding: 14,
+    borderRadius: 12,
+    borderWidth: 1
+  },
+  text: {
+    flex: 1
+  },
+  title: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  meta: {
+    fontSize: 13,
+    marginTop: 2
+  }
+});export{VersionsSheet};//# sourceMappingURL=VersionsSheet.js.map

package/lib/features/webbuilder/components/VersionsSheet.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VersionsSheet.js","sources":["../../../../src/features/webbuilder/components/VersionsSheet.tsx"],"sourcesContent":["/**\n * Every build of the open site, newest first - the phone's version history.\n * Picking one previews it; the agent's next edit then works on that build.\n */\nimport React from 'react';\nimport { ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { DIM, Tap } from '../../inbox/components/Tap';\nimport { relativeTime } from '../buildFragments';\nimport type { WebBuilderBuild } from '../types';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\nimport { Pill, Sheet } from './ui';\n\nexport function VersionsSheet({\n visible,\n builds,\n selectedKey,\n onSelect,\n onClose,\n theme,\n}: {\n visible: boolean;\n builds: WebBuilderBuild[];\n selectedKey: string | null;\n onSelect: (build: WebBuilderBuild) => void;\n onClose: () => void;\n theme: WebBuilderTheme;\n}) {\n return (\n <Sheet visible={visible} title=\"Versions\" onClose={onClose} theme={theme} testID=\"webbuilder-versions\">\n <ScrollView style={styles.list} contentContainerStyle={styles.content}>\n {builds.map((build, index) => {\n const selected = build.key === selectedKey || (!selectedKey && index === 0);\n return (\n <Tap\n key={build.key}\n onPress={() => onSelect(build)}\n accessibilityRole=\"button\"\n accessibilityState={{ selected }}\n accessibilityLabel={`Version ${builds.length - index}, ${relativeTime(build.updatedAt)}`}\n style={[\n styles.row,\n { borderColor: selected ? theme.accent : theme.border, backgroundColor: theme.card },\n ]}\n pressedStyle={DIM}\n testID={`webbuilder-version-${index}`}\n >\n <MaterialCommunityIcons\n name={selected ? 'radiobox-marked' : 'radiobox-blank'}\n size={20}\n color={selected ? theme.accent : theme.faint}\n />\n <View style={styles.text}>\n <Text style={[styles.title, { color: theme.ink }]} numberOfLines={1}>\n {index === 0 ? 'Latest' : `Version ${builds.length - index}`}\n </Text>\n <Text style={[styles.meta, { color: theme.muted }]} numberOfLines={1}>\n {relativeTime(build.updatedAt)}\n </Text>\n </View>\n {build.liveUrl ? <Pill label=\"Published\" tone=\"live\" theme={theme} /> : null}\n </Tap>\n );\n })}\n </ScrollView>\n </Sheet>\n );\n}\n\nconst styles = StyleSheet.create({\n list: { maxHeight: 420 },\n content: { gap: 8, paddingBottom: 8 },\n row: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 12,\n padding: 14,\n borderRadius: 12,\n borderWidth: 1,\n },\n text: { flex: 1 },\n title: { fontSize: 15, fontWeight: '600' },\n meta: { fontSize: 13, marginTop: 2 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/webbuilder/components/ui.js ADDED Viewed

@@ -0,0 +1,291 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useRef,useEffect}from'react';import {StyleSheet,Animated,Text,View,ActivityIndicator,Modal,KeyboardAvoidingView,Platform}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Tap,DIM}from'../../inbox/components/Tap.js';function IconButton({
+  icon,
+  label,
+  onPress,
+  theme,
+  disabled = false,
+  tint,
+  testID
+}) {
+  return /* @__PURE__ */ jsx(Tap, { onPress, disabled, accessibilityRole: "button", accessibilityLabel: label, hitSlop: 8, style: [styles.iconButton, disabled && styles.disabled], pressedStyle: DIM, testID, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 22, color: tint != null ? tint : theme.ink }) });
+}
+function Pill({
+  label,
+  tone,
+  theme
+}) {
+  const colors = {
+    live: {
+      ink: theme.good,
+      fill: theme.goodSoft
+    },
+    busy: {
+      ink: theme.accent,
+      fill: theme.accentSoft
+    },
+    draft: {
+      ink: theme.muted,
+      fill: theme.chip
+    }
+  }[tone];
+  return /* @__PURE__ */ jsxs(View, { style: [styles.pill, {
+    backgroundColor: colors.fill
+  }], children: [
+    tone === "live" ? /* @__PURE__ */ jsx(View, { style: [styles.dot, {
+      backgroundColor: colors.ink
+    }] }) : null,
+    /* @__PURE__ */ jsx(Text, { style: [styles.pillLabel, {
+      color: colors.ink
+    }], children: label })
+  ] });
+}
+function PrimaryButton({
+  label,
+  icon,
+  onPress,
+  theme,
+  busy = false,
+  disabled = false,
+  style,
+  testID
+}) {
+  const off = disabled || busy;
+  return /* @__PURE__ */ jsx(Tap, { onPress, disabled: off, accessibilityRole: "button", accessibilityLabel: label, accessibilityState: {
+    disabled: off,
+    busy
+  }, style: [styles.primary, {
+    backgroundColor: theme.accent
+  }, disabled && styles.disabled, style], pressedStyle: DIM, testID, children: busy ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: theme.accentInk }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon ? /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 18, color: theme.accentInk }) : null,
+    /* @__PURE__ */ jsx(Text, { style: [styles.primaryLabel, {
+      color: theme.accentInk
+    }], children: label })
+  ] }) });
+}
+function SecondaryButton({
+  label,
+  icon,
+  onPress,
+  theme,
+  testID
+}) {
+  return /* @__PURE__ */ jsxs(Tap, { onPress, accessibilityRole: "button", accessibilityLabel: label, style: [styles.secondary, {
+    borderColor: theme.border,
+    backgroundColor: theme.card
+  }], pressedStyle: DIM, testID, children: [
+    icon ? /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 18, color: theme.ink }) : null,
+    /* @__PURE__ */ jsx(Text, { style: [styles.secondaryLabel, {
+      color: theme.ink
+    }], children: label })
+  ] });
+}
+function CenteredState({
+  icon,
+  title,
+  body,
+  theme,
+  primary,
+  secondary,
+  busy = false,
+  testID
+}) {
+  return /* @__PURE__ */ jsxs(View, { style: styles.center, testID, children: [
+    /* @__PURE__ */ jsx(View, { style: [styles.iconBubble, {
+      backgroundColor: theme.accentSoft
+    }], children: busy ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.accent }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 30, color: theme.accent }) }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+      color: theme.ink
+    }], children: title }),
+    body ? /* @__PURE__ */ jsx(Text, { style: [styles.body, {
+      color: theme.muted
+    }], children: body }) : null,
+    primary ? /* @__PURE__ */ jsx(PrimaryButton, { label: primary.label, icon: primary.icon, onPress: primary.onPress, theme, style: styles.stateButton, testID: testID ? `${testID}-primary` : void 0 }) : null,
+    secondary ? /* @__PURE__ */ jsx(Tap, { onPress: secondary.onPress, accessibilityRole: "button", style: styles.link, pressedStyle: DIM, testID: testID ? `${testID}-secondary` : void 0, children: /* @__PURE__ */ jsx(Text, { style: [styles.linkLabel, {
+      color: theme.accent
+    }], children: secondary.label }) }) : null
+  ] });
+}
+function Sheet({
+  visible,
+  title,
+  onClose,
+  theme,
+  children,
+  testID
+}) {
+  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "slide", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(KeyboardAvoidingView, { style: styles.sheetRoot, behavior: Platform.OS === "ios" ? "padding" : void 0, testID, children: [
+    /* @__PURE__ */ jsx(Tap, { style: [StyleSheet.absoluteFill, {
+      backgroundColor: theme.backdrop
+    }], onPress: onClose, accessibilityLabel: "Close" }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.sheet, {
+      backgroundColor: theme.card
+    }], children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.grabber, {
+        backgroundColor: theme.border
+      }] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.sheetHeader, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.sheetTitle, {
+          color: theme.ink
+        }], children: title }),
+        /* @__PURE__ */ jsx(IconButton, { icon: "close", label: "Close", onPress: onClose, theme, tint: theme.muted })
+      ] }),
+      children
+    ] })
+  ] }) });
+}
+function Toast({
+  message,
+  theme,
+  bottom
+}) {
+  const opacity = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.timing(opacity, {
+      toValue: message ? 1 : 0,
+      duration: 180,
+      useNativeDriver: true
+    }).start();
+  }, [message, opacity]);
+  if (!message) return null;
+  return /* @__PURE__ */ jsx(Animated.View, { pointerEvents: "none", style: [styles.toast, {
+    backgroundColor: theme.toast,
+    bottom,
+    opacity
+  }], accessibilityLiveRegion: "polite", children: /* @__PURE__ */ jsx(Text, { style: [styles.toastLabel, {
+    color: theme.toastInk
+  }], children: message }) });
+}
+const styles = StyleSheet.create({
+  iconButton: {
+    width: 40,
+    height: 40,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 20
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  pill: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 5,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: 999
+  },
+  dot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3
+  },
+  pillLabel: {
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  primary: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 8,
+    minHeight: 46,
+    paddingHorizontal: 18,
+    borderRadius: 12
+  },
+  primaryLabel: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  secondary: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 8,
+    minHeight: 46,
+    paddingHorizontal: 16,
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  secondaryLabel: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  center: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 32,
+    paddingVertical: 40
+  },
+  iconBubble: {
+    width: 64,
+    height: 64,
+    borderRadius: 32,
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: 16
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: "700",
+    textAlign: "center"
+  },
+  body: {
+    fontSize: 14,
+    lineHeight: 20,
+    textAlign: "center",
+    marginTop: 8
+  },
+  stateButton: {
+    marginTop: 20,
+    alignSelf: "stretch"
+  },
+  link: {
+    marginTop: 14,
+    padding: 6
+  },
+  linkLabel: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  sheetRoot: {
+    flex: 1,
+    justifyContent: "flex-end"
+  },
+  sheet: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    paddingHorizontal: 20,
+    paddingBottom: 32
+  },
+  grabber: {
+    alignSelf: "center",
+    width: 40,
+    height: 4,
+    borderRadius: 2,
+    marginTop: 8
+  },
+  sheetHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingVertical: 10
+  },
+  sheetTitle: {
+    fontSize: 18,
+    fontWeight: "700"
+  },
+  toast: {
+    position: "absolute",
+    alignSelf: "center",
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    borderRadius: 999,
+    maxWidth: "86%"
+  },
+  toastLabel: {
+    fontSize: 14,
+    fontWeight: "600",
+    textAlign: "center"
+  }
+});export{CenteredState,IconButton,Pill,PrimaryButton,SecondaryButton,Sheet,Toast};//# sourceMappingURL=ui.js.map

package/lib/features/webbuilder/components/ui.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ui.js","sources":["../../../../src/features/webbuilder/components/ui.tsx"],"sourcesContent":["/**\n * The small pieces every Web Builder screen shares: icon buttons, status\n * pills, a whole-panel message, a bottom sheet and the toast.\n */\nimport React, { useEffect, useRef, type ReactNode } from 'react';\nimport {\n ActivityIndicator,\n Animated,\n KeyboardAvoidingView,\n Modal,\n Platform,\n StyleSheet,\n Text,\n View,\n type StyleProp,\n type ViewStyle,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { DIM, Tap } from '../../inbox/components/Tap';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\n\nexport type IconName = React.ComponentProps<typeof MaterialCommunityIcons>['name'];\n\nexport function IconButton({\n icon,\n label,\n onPress,\n theme,\n disabled = false,\n tint,\n testID,\n}: {\n icon: IconName;\n label: string;\n onPress: () => void;\n theme: WebBuilderTheme;\n disabled?: boolean;\n tint?: string;\n testID?: string;\n}) {\n return (\n <Tap\n onPress={onPress}\n disabled={disabled}\n accessibilityRole=\"button\"\n accessibilityLabel={label}\n hitSlop={8}\n style={[styles.iconButton, disabled && styles.disabled]}\n pressedStyle={DIM}\n testID={testID}\n >\n <MaterialCommunityIcons name={icon} size={22} color={tint ?? theme.ink} />\n </Tap>\n );\n}\n\nexport function Pill({\n label,\n tone,\n theme,\n}: {\n label: string;\n tone: 'live' | 'busy' | 'draft';\n theme: WebBuilderTheme;\n}) {\n const colors = {\n live: { ink: theme.good, fill: theme.goodSoft },\n busy: { ink: theme.accent, fill: theme.accentSoft },\n draft: { ink: theme.muted, fill: theme.chip },\n }[tone];\n return (\n <View style={[styles.pill, { backgroundColor: colors.fill }]}>\n {tone === 'live' ? <View style={[styles.dot, { backgroundColor: colors.ink }]} /> : null}\n <Text style={[styles.pillLabel, { color: colors.ink }]}>{label}</Text>\n </View>\n );\n}\n\nexport function PrimaryButton({\n label,\n icon,\n onPress,\n theme,\n busy = false,\n disabled = false,\n style,\n testID,\n}: {\n label: string;\n icon?: IconName;\n onPress: () => void;\n theme: WebBuilderTheme;\n busy?: boolean;\n disabled?: boolean;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}) {\n const off = disabled || busy;\n return (\n <Tap\n onPress={onPress}\n disabled={off}\n accessibilityRole=\"button\"\n accessibilityLabel={label}\n accessibilityState={{ disabled: off, busy }}\n style={[styles.primary, { backgroundColor: theme.accent }, disabled && styles.disabled, style]}\n pressedStyle={DIM}\n testID={testID}\n >\n {busy ? (\n <ActivityIndicator size=\"small\" color={theme.accentInk} />\n ) : (\n <>\n {icon ? <MaterialCommunityIcons name={icon} size={18} color={theme.accentInk} /> : null}\n <Text style={[styles.primaryLabel, { color: theme.accentInk }]}>{label}</Text>\n </>\n )}\n </Tap>\n );\n}\n\nexport function SecondaryButton({\n label,\n icon,\n onPress,\n theme,\n testID,\n}: {\n label: string;\n icon?: IconName;\n onPress: () => void;\n theme: WebBuilderTheme;\n testID?: string;\n}) {\n return (\n <Tap\n onPress={onPress}\n accessibilityRole=\"button\"\n accessibilityLabel={label}\n style={[styles.secondary, { borderColor: theme.border, backgroundColor: theme.card }]}\n pressedStyle={DIM}\n testID={testID}\n >\n {icon ? <MaterialCommunityIcons name={icon} size={18} color={theme.ink} /> : null}\n <Text style={[styles.secondaryLabel, { color: theme.ink }]}>{label}</Text>\n </Tap>\n );\n}\n\nexport function CenteredState({\n icon,\n title,\n body,\n theme,\n primary,\n secondary,\n busy = false,\n testID,\n}: {\n icon: IconName;\n title: string;\n body?: string;\n theme: WebBuilderTheme;\n primary?: { label: string; onPress: () => void; icon?: IconName };\n secondary?: { label: string; onPress: () => void };\n busy?: boolean;\n testID?: string;\n}) {\n return (\n <View style={styles.center} testID={testID}>\n <View style={[styles.iconBubble, { backgroundColor: theme.accentSoft }]}>\n {busy ? (\n <ActivityIndicator color={theme.accent} />\n ) : (\n <MaterialCommunityIcons name={icon} size={30} color={theme.accent} />\n )}\n </View>\n <Text style={[styles.title, { color: theme.ink }]}>{title}</Text>\n {body ? <Text style={[styles.body, { color: theme.muted }]}>{body}</Text> : null}\n {primary ? (\n <PrimaryButton\n label={primary.label}\n icon={primary.icon}\n onPress={primary.onPress}\n theme={theme}\n style={styles.stateButton}\n testID={testID ? `${testID}-primary` : undefined}\n />\n ) : null}\n {secondary ? (\n <Tap\n onPress={secondary.onPress}\n accessibilityRole=\"button\"\n style={styles.link}\n pressedStyle={DIM}\n testID={testID ? `${testID}-secondary` : undefined}\n >\n <Text style={[styles.linkLabel, { color: theme.accent }]}>{secondary.label}</Text>\n </Tap>\n ) : null}\n </View>\n );\n}\n\nexport function Sheet({\n visible,\n title,\n onClose,\n theme,\n children,\n testID,\n}: {\n visible: boolean;\n title: string;\n onClose: () => void;\n theme: WebBuilderTheme;\n children: ReactNode;\n testID?: string;\n}) {\n return (\n <Modal visible={visible} transparent animationType=\"slide\" onRequestClose={onClose}>\n <KeyboardAvoidingView\n style={styles.sheetRoot}\n behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n testID={testID}\n >\n <Tap\n style={[StyleSheet.absoluteFill, { backgroundColor: theme.backdrop }]}\n onPress={onClose}\n accessibilityLabel=\"Close\"\n />\n <View style={[styles.sheet, { backgroundColor: theme.card }]}>\n <View style={[styles.grabber, { backgroundColor: theme.border }]} />\n <View style={styles.sheetHeader}>\n <Text style={[styles.sheetTitle, { color: theme.ink }]}>{title}</Text>\n <IconButton icon=\"close\" label=\"Close\" onPress={onClose} theme={theme} tint={theme.muted} />\n </View>\n {children}\n </View>\n </KeyboardAvoidingView>\n </Modal>\n );\n}\n\nexport function Toast({ message, theme, bottom }: { message: string | null; theme: WebBuilderTheme; bottom: number }) {\n const opacity = useRef(new Animated.Value(0)).current;\n useEffect(() => {\n Animated.timing(opacity, { toValue: message ? 1 : 0, duration: 180, useNativeDriver: true }).start();\n }, [message, opacity]);\n if (!message) return null;\n return (\n <Animated.View\n pointerEvents=\"none\"\n style={[styles.toast, { backgroundColor: theme.toast, bottom, opacity }]}\n accessibilityLiveRegion=\"polite\"\n >\n <Text style={[styles.toastLabel, { color: theme.toastInk }]}>{message}</Text>\n </Animated.View>\n );\n}\n\nconst styles = StyleSheet.create({\n iconButton: { width: 40, height: 40, alignItems: 'center', justifyContent: 'center', borderRadius: 20 },\n disabled: { opacity: 0.4 },\n pill: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 5,\n paddingHorizontal: 8,\n paddingVertical: 3,\n borderRadius: 999,\n },\n dot: { width: 6, height: 6, borderRadius: 3 },\n pillLabel: { fontSize: 12, fontWeight: '600' },\n primary: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n gap: 8,\n minHeight: 46,\n paddingHorizontal: 18,\n borderRadius: 12,\n },\n primaryLabel: { fontSize: 15, fontWeight: '700' },\n secondary: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n gap: 8,\n minHeight: 46,\n paddingHorizontal: 16,\n borderRadius: 12,\n borderWidth: StyleSheet.hairlineWidth,\n },\n secondaryLabel: { fontSize: 15, fontWeight: '600' },\n center: { flex: 1, alignItems: 'center', justifyContent: 'center', paddingHorizontal: 32, paddingVertical: 40 },\n iconBubble: {\n width: 64,\n height: 64,\n borderRadius: 32,\n alignItems: 'center',\n justifyContent: 'center',\n marginBottom: 16,\n },\n title: { fontSize: 18, fontWeight: '700', textAlign: 'center' },\n body: { fontSize: 14, lineHeight: 20, textAlign: 'center', marginTop: 8 },\n stateButton: { marginTop: 20, alignSelf: 'stretch' },\n link: { marginTop: 14, padding: 6 },\n linkLabel: { fontSize: 15, fontWeight: '600' },\n sheetRoot: { flex: 1, justifyContent: 'flex-end' },\n sheet: { borderTopLeftRadius: 20, borderTopRightRadius: 20, paddingHorizontal: 20, paddingBottom: 32 },\n grabber: { alignSelf: 'center', width: 40, height: 4, borderRadius: 2, marginTop: 8 },\n sheetHeader: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', paddingVertical: 10 },\n sheetTitle: { fontSize: 18, fontWeight: '700' },\n toast: {\n position: 'absolute',\n alignSelf: 'center',\n paddingHorizontal: 16,\n paddingVertical: 10,\n borderRadius: 999,\n maxWidth: '86%',\n },\n toastLabel: { fontSize: 14, fontWeight: '600', textAlign: 'center' },\n});\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+let experience = null;
+let experiencePreload = null;
+function registerNativeWebBuilderExperience(component) {
+  experience = component;
+}
+function getNativeWebBuilderExperience() {
+  return experience;
+}
+function registerWebBuilderExperiencePreload(fn) {
+  experiencePreload = fn;
+}
+function preloadNativeWebBuilderExperience() {
+  var _a;
+  return (_a = experiencePreload == null ? void 0 : experiencePreload()) != null ? _a : Promise.resolve();
+}export{getNativeWebBuilderExperience,preloadNativeWebBuilderExperience,registerNativeWebBuilderExperience,registerWebBuilderExperiencePreload};//# sourceMappingURL=nativeWebBuilderRegistry.js.map

package/lib/features/webbuilder/nativeWebBuilderRegistry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"nativeWebBuilderRegistry.js","sources":["../../../src/features/webbuilder/nativeWebBuilderRegistry.ts"],"sourcesContent":["/**\n * Seam between the app shell and this package for the FEDERATED web builder\n * experience. Same inversion as expenses / movies / study: the loader\n * (`import('webbuilder_native/WebBuilder')`) lives in the app so rollup never\n * sees the bare specifier; the WebBuilderNative screen reads it back here.\n */\nimport type { ComponentType } from 'react';\nimport type { WebBuilderExperienceProps } from './WebBuilderExperience';\n\nexport type WebBuilderExperienceComponent = ComponentType<WebBuilderExperienceProps>;\n\nlet experience: WebBuilderExperienceComponent | null = null;\nlet experiencePreload: (() => Promise<void>) | null = null;\n\nexport function registerNativeWebBuilderExperience(component: WebBuilderExperienceComponent): void {\n experience = component;\n}\n\nexport function getNativeWebBuilderExperience(): WebBuilderExperienceComponent | null {\n return experience;\n}\n\nexport function registerWebBuilderExperiencePreload(fn: () => Promise<void>): void {\n experiencePreload = fn;\n}\n\nexport function preloadNativeWebBuilderExperience(): Promise<void> {\n return experiencePreload?.() ?? Promise.resolve();\n}\n"],"names":[],"mappings":"AASA,IAAI,UAAmD,GAAA,IAAA;AACvD,IAAI,iBAAkD,GAAA,IAAA;AAC/C,SAAS,mCAAmC,SAAgD,EAAA;AACjG,EAAa,UAAA,GAAA,SAAA;AACf;AACO,SAAS,6BAAsE,GAAA;AACpF,EAAO,OAAA,UAAA;AACT;AACO,SAAS,oCAAoC,EAA+B,EAAA;AACjF,EAAoB,iBAAA,GAAA,EAAA;AACtB;AACO,SAAS,iCAAmD,GAAA;AApBnE,EAAA,IAAA,EAAA;AAqBE,EAAO,OAAA,CAAA,EAAA,GAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,EAAA,KAAA,IAAA,GAAA,EAAA,GAAyB,QAAQ,OAAQ,EAAA;AAClD"}