@proulr/sdui-components 0.1.21 → 0.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.21",
+  "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/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;