@proulr/sdui-components 0.1.20 → 0.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "type": "module",
   "main": "./src/renderer/index.ts",
   "types": "./src/renderer/index.ts",

package/src/bdc/components/native-blocks.tsx

@@ -10,19 +10,17 @@ type NativeBlockProps = {
   postIdRef?: string;
   albumIdRef?: string;
   profileIdRef?: string;
+  /** Wire `settings_page` — id da página filha (about, privacy, …). */
+  page?: string;
 };
 
 function nativeBlock(type: string, props: NativeBlockProps): BdcElement {
   return { type, props: { ...props }, children: [] };
 }
 
-export const FlashInboxList: BdcComponent = (props) => nativeBlock('flash_inbox_list', props);
-export const ChatInboxList: BdcComponent = (props) => nativeBlock('chat_inbox_list', props);
-export const ProfileVisitsList: BdcComponent = (props) => nativeBlock('profile_visits_list', props);
 export const ChatThread: BdcComponent = (props) => nativeBlock('chat_thread', props);
 export const SocialPostFeed: BdcComponent = (props) => nativeBlock('social_post_feed', props);
 export const ThoughtFeed: BdcComponent = (props) => nativeBlock('thought_feed', props);
-export const VerticalVideoPager: BdcComponent = (props) => nativeBlock('vertical_video_pager', props);
 export const ProfileView: BdcComponent = (props) => nativeBlock('profile_view', props);
 export const ProfileSelf: BdcComponent = (props) => nativeBlock('profile_self', props);
 export const ProfileSetup: BdcComponent = (props) => nativeBlock('profile_setup', props);
@@ -34,4 +32,10 @@ export const NewStoryComposer: BdcComponent = (props) => nativeBlock('new_story_
 export const PostComments: BdcComponent = (props) => nativeBlock('post_comments', props);
 export const SocialProfile: BdcComponent = (props) => nativeBlock('social_profile', props);
 export const SettingsHome: BdcComponent = (props) => nativeBlock('settings_home', props);
+export const SettingsPage: BdcComponent = (props) => nativeBlock('settings_page', props);
+export const ChatGroupCreate: BdcComponent = (props) => nativeBlock('chat_group_create', props);
+export const ChatGroupInfo: BdcComponent = (props) => nativeBlock('chat_group_info', props);
+export const ChatGroupAddMembers: BdcComponent = (props) =>
+  nativeBlock('chat_group_add_members', props);
+export const ChatGroupInvite: BdcComponent = (props) => nativeBlock('chat_group_invite', props);
 export const DiscoverBrowseLocation: BdcComponent = (props) => nativeBlock('discover_browse_location', props);

package/src/bdc/index.ts

@@ -32,10 +32,7 @@ export { ProfileCompletionBanner, StoryRail } from './components/social';
 export {
   AlbumDetail,
   AlbumGrid,
-  ChatInboxList,
   ChatThread,
-  FlashInboxList,
-  ProfileVisitsList,
   NewPostComposer,
   NewStoryComposer,
   PostComments,
@@ -46,9 +43,13 @@ export {
   SocialPostFeed,
   SocialProfile,
   SettingsHome,
+  SettingsPage,
+  ChatGroupCreate,
+  ChatGroupInfo,
+  ChatGroupAddMembers,
+  ChatGroupInvite,
   DiscoverBrowseLocation,
   ThoughtFeed,
-  VerticalVideoPager,
 } from './components/native-blocks';
 export type { BdcElement } from './jsx-runtime';
 export type { ScreenProps } from './components/ui';

package/src/catalog/app-icon-names.ts

@@ -18,6 +18,7 @@ export const APP_ICON_NAMES = [
   'camera',
   'trash',
   'globe',
+  'travel',
   'tab-discover',
   'tab-vibes',
   'tab-flash',

package/src/renderer/blocks/SduiDiscoverBlocks.tsx

@@ -12,6 +12,7 @@ import {
 import { LinearGradient } from 'expo-linear-gradient';
 import type { SduiBlock } from '@proulr/sdui-contract';
 import { TextField as UiTextField } from '../ui/TextField';
+import { AppIcon } from '../ui/app-icon';
 import { colors, fonts, gradients, m3Colors, m3Elevation, m3Shape, spacing } from '../theme/proulr-theme';
 import { resolveDataRef, resolveDataRefString } from '../lib/resolve-data-ref';
 import { useSduiHybridRenderer } from '../sdui-hybrid-renderer-context';
@@ -128,6 +129,7 @@ export function SduiDiscoverProfileCardBlock({ block, data, onAction }: SduiBloc
       ) : null}
       {person.traveling ? (
         <View style={[styles.travelBadge, person.has_new_media ? styles.travelBadgeOffset : null]}>
+          <AppIcon name="travel" size={11} color={m3Colors.onSecondaryContainer} />
           <Text style={styles.travelBadgeText}>Viajando</Text>
         </View>
       ) : null}
@@ -411,6 +413,9 @@ const styles = StyleSheet.create({
     position: 'absolute',
     top: spacing.sm,
     right: spacing.sm,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4,
     backgroundColor: m3Colors.secondaryContainer,
     paddingHorizontal: 8,
     paddingVertical: 3,

package/src/renderer/blocks/SduiNativeDomainBlocks.tsx

@@ -18,13 +18,9 @@ function NativeBlockShell({
   fallbackLabel,
 }: SduiBlockRenderProps & {
   rendererKey:
-    | 'renderFlashInboxList'
-    | 'renderChatInboxList'
-    | 'renderProfileVisitsList'
     | 'renderChatThread'
     | 'renderSocialPostFeed'
     | 'renderThoughtFeed'
-    | 'renderVerticalVideoPager'
     | 'renderProfileView'
     | 'renderProfileSelf'
     | 'renderProfileSetup'
@@ -36,6 +32,11 @@ function NativeBlockShell({
     | 'renderPostComments'
     | 'renderSocialProfile'
     | 'renderSettingsHome'
+    | 'renderSettingsPage'
+    | 'renderChatGroupCreate'
+    | 'renderChatGroupInfo'
+    | 'renderChatGroupAddMembers'
+    | 'renderChatGroupInvite'
     | 'renderDiscoverBrowseLocation';
   fallbackLabel: string;
 }) {
@@ -68,18 +69,6 @@ function NativeBlockShell({
   );
 }
 
-export function SduiFlashInboxListBlock(props: SduiBlockRenderProps) {
-  return <NativeBlockShell {...props} rendererKey="renderFlashInboxList" fallbackLabel="Flashes" />;
-}
-
-export function SduiChatInboxListBlock(props: SduiBlockRenderProps) {
-  return <NativeBlockShell {...props} rendererKey="renderChatInboxList" fallbackLabel="Chat" />;
-}
-
-export function SduiProfileVisitsListBlock(props: SduiBlockRenderProps) {
-  return <NativeBlockShell {...props} rendererKey="renderProfileVisitsList" fallbackLabel="Visitas" />;
-}
-
 export function SduiChatThreadBlock(props: SduiBlockRenderProps) {
   return <NativeBlockShell {...props} rendererKey="renderChatThread" fallbackLabel="Conversa" />;
 }
@@ -92,10 +81,6 @@ export function SduiThoughtFeedBlock(props: SduiBlockRenderProps) {
   return <NativeBlockShell {...props} rendererKey="renderThoughtFeed" fallbackLabel="Vibes" />;
 }
 
-export function SduiVerticalVideoPagerBlock(props: SduiBlockRenderProps) {
-  return <NativeBlockShell {...props} rendererKey="renderVerticalVideoPager" fallbackLabel="Clips" />;
-}
-
 export function SduiProfileViewBlock(props: SduiBlockRenderProps) {
   return <NativeBlockShell {...props} rendererKey="renderProfileView" fallbackLabel="Perfil" />;
 }
@@ -140,6 +125,32 @@ export function SduiSettingsHomeBlock(props: SduiBlockRenderProps) {
   return <NativeBlockShell {...props} rendererKey="renderSettingsHome" fallbackLabel="Configurações" />;
 }
 
+export function SduiSettingsPageBlock(props: SduiBlockRenderProps) {
+  return <NativeBlockShell {...props} rendererKey="renderSettingsPage" fallbackLabel="Configurações" />;
+}
+
+export function SduiChatGroupCreateBlock(props: SduiBlockRenderProps) {
+  return <NativeBlockShell {...props} rendererKey="renderChatGroupCreate" fallbackLabel="Novo grupo" />;
+}
+
+export function SduiChatGroupInfoBlock(props: SduiBlockRenderProps) {
+  return <NativeBlockShell {...props} rendererKey="renderChatGroupInfo" fallbackLabel="Grupo" />;
+}
+
+export function SduiChatGroupAddMembersBlock(props: SduiBlockRenderProps) {
+  return (
+    <NativeBlockShell
+      {...props}
+      rendererKey="renderChatGroupAddMembers"
+      fallbackLabel="Adicionar membros"
+    />
+  );
+}
+
+export function SduiChatGroupInviteBlock(props: SduiBlockRenderProps) {
+  return <NativeBlockShell {...props} rendererKey="renderChatGroupInvite" fallbackLabel="Convite" />;
+}
+
 export function SduiDiscoverBrowseLocationBlock(props: SduiBlockRenderProps) {
   return (
     <NativeBlockShell

package/src/renderer/sdui-component-registry.tsx

@@ -43,10 +43,7 @@ import { SduiNativeAdBlock } from './blocks/SduiNativeAdBlock';
 import {
   SduiAlbumDetailBlock,
   SduiAlbumGridBlock,
-  SduiChatInboxListBlock,
   SduiChatThreadBlock,
-  SduiFlashInboxListBlock,
-  SduiProfileVisitsListBlock,
   SduiNewPostComposerBlock,
   SduiNewStoryComposerBlock,
   SduiPostCommentsBlock,
@@ -57,9 +54,13 @@ import {
   SduiSocialPostFeedBlock,
   SduiSocialProfileBlock,
   SduiSettingsHomeBlock,
+  SduiSettingsPageBlock,
+  SduiChatGroupCreateBlock,
+  SduiChatGroupInfoBlock,
+  SduiChatGroupAddMembersBlock,
+  SduiChatGroupInviteBlock,
   SduiDiscoverBrowseLocationBlock,
   SduiThoughtFeedBlock,
-  SduiVerticalVideoPagerBlock,
 } from './blocks/SduiNativeDomainBlocks';
 
 export type { SduiBlockRenderProps };
@@ -95,13 +96,9 @@ const REGISTRY: Record<string, SduiBlockComponent> = {
   text_field: SduiTextFieldBlock,
   story_rail: SduiStoryRailBlock,
   profile_completion_banner: SduiProfileCompletionBannerBlock,
-  flash_inbox_list: SduiFlashInboxListBlock,
-  chat_inbox_list: SduiChatInboxListBlock,
-  profile_visits_list: SduiProfileVisitsListBlock,
   chat_thread: SduiChatThreadBlock,
   social_post_feed: SduiSocialPostFeedBlock,
   thought_feed: SduiThoughtFeedBlock,
-  vertical_video_pager: SduiVerticalVideoPagerBlock,
   profile_view: SduiProfileViewBlock,
   profile_self: SduiProfileSelfBlock,
   profile_setup: SduiProfileSetupBlock,
@@ -113,6 +110,11 @@ const REGISTRY: Record<string, SduiBlockComponent> = {
   post_comments: SduiPostCommentsBlock,
   social_profile: SduiSocialProfileBlock,
   settings_home: SduiSettingsHomeBlock,
+  settings_page: SduiSettingsPageBlock,
+  chat_group_create: SduiChatGroupCreateBlock,
+  chat_group_info: SduiChatGroupInfoBlock,
+  chat_group_add_members: SduiChatGroupAddMembersBlock,
+  chat_group_invite: SduiChatGroupInviteBlock,
   discover_browse_location: SduiDiscoverBrowseLocationBlock,
 };
 

package/src/renderer/sdui-hybrid-renderer-context.tsx

@@ -54,13 +54,9 @@ export type SduiHybridRenderers = {
     onSubmit: () => void;
   }) => ReactNode;
   onDiscoverMapCenterChange?: (coords: { lat: number; lng: number }) => void;
-  renderFlashInboxList?: (props: SduiNativeBlockRenderProps) => ReactNode;
-  renderChatInboxList?: (props: SduiNativeBlockRenderProps) => ReactNode;
-  renderProfileVisitsList?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderChatThread?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderSocialPostFeed?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderThoughtFeed?: (props: SduiNativeBlockRenderProps) => ReactNode;
-  renderVerticalVideoPager?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderProfileView?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderProfileSelf?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderProfileSetup?: (props: SduiNativeBlockRenderProps) => ReactNode;
@@ -72,6 +68,11 @@ export type SduiHybridRenderers = {
   renderPostComments?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderSocialProfile?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderSettingsHome?: (props: SduiNativeBlockRenderProps) => ReactNode;
+  renderSettingsPage?: (props: SduiNativeBlockRenderProps) => ReactNode;
+  renderChatGroupCreate?: (props: SduiNativeBlockRenderProps) => ReactNode;
+  renderChatGroupInfo?: (props: SduiNativeBlockRenderProps) => ReactNode;
+  renderChatGroupAddMembers?: (props: SduiNativeBlockRenderProps) => ReactNode;
+  renderChatGroupInvite?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderDiscoverBrowseLocation?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderSegmentedTabs?: (props: {
     block: SduiBlock;

package/src/renderer/ui/app-icon.tsx

@@ -76,6 +76,7 @@ import {
   ComposeGalleryGlyph,
   ComposeGlobeGlyph,
   ComposeMentionGlyph,
+  ComposeTravelGlyph,
   ComposeTrashGlyph,
   ComposeVideoGlyph,
 } from './compose-glyphs';
@@ -102,6 +103,7 @@ const ICON_REGISTRY: Record<AppIconName, ComponentType<AppChromeGlyphProps>> = {
   camera: ComposeCameraGlyph,
   trash: ComposeTrashGlyph,
   globe: ComposeGlobeGlyph,
+  travel: ComposeTravelGlyph,
   'tab-discover': AppChromeTabDiscoverGlyph,
   'tab-vibes': AppChromeTabVibesGlyph,
   'tab-flash': AppChromeTabFlashGlyph,

package/src/renderer/ui/compose-glyphs.tsx

@@ -160,6 +160,44 @@ export function ComposeGlobeGlyph({ color = m3Colors.primary, size = 16 }: Glyph
   );
 }
 
+/** Mala / viagem — chrome badge. */
+export function ComposeTravelGlyph({ color = m3Colors.primary, size = 24 }: GlyphProps) {
+  const stroke = Math.max(1.4, size * 0.07);
+  const bodyW = size * 0.72;
+  const bodyH = size * 0.52;
+  const handleW = size * 0.34;
+  const handleH = size * 0.18;
+  return (
+    <View style={{ width: size, height: size, alignItems: 'center', justifyContent: 'center' }}>
+      <View
+        style={{
+          width: handleW,
+          height: handleH,
+          borderTopLeftRadius: handleW * 0.35,
+          borderTopRightRadius: handleW * 0.35,
+          borderWidth: stroke,
+          borderBottomWidth: 0,
+          borderColor: color,
+          marginBottom: -stroke,
+        }}
+      />
+      <View
+        style={{
+          width: bodyW,
+          height: bodyH,
+          borderRadius: size * 0.1,
+          borderWidth: stroke,
+          borderColor: color,
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}
+      >
+        <View style={{ width: stroke, height: bodyH * 0.55, backgroundColor: color, borderRadius: 1 }} />
+      </View>
+    </View>
+  );
+}
+
 export function ComposeFollowersGlyph({ color = m3Colors.onPrimary, size = 20 }: GlyphProps) {
   const head = size * 0.22;
   return (