@proulr/sdui-components 0.1.54 → 0.1.55

package/package.json

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

package/src/bdc/components/bdc-components.test.ts

@@ -29,6 +29,7 @@ import {
   DiscoverBrowseLocation,
   NewPostComposer,
   NewStoryComposer,
+  StoryViewersPanel,
   PostComments,
   ProfileOnboarding,
   ProfileReport,
@@ -130,6 +131,7 @@ describe('bdc discover/forms/social/inbox/native', () => {
       AlbumDetail,
       NewPostComposer,
       NewStoryComposer,
+      StoryViewersPanel,
       PostComments,
       SocialProfile,
       SettingsHome,

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

@@ -30,6 +30,7 @@ export const AlbumGrid: BdcComponent = (props) => nativeBlock('album_grid', prop
 export const AlbumDetail: BdcComponent = (props) => nativeBlock('album_detail', props);
 export const NewPostComposer: BdcComponent = (props) => nativeBlock('new_post_composer', props);
 export const NewStoryComposer: BdcComponent = (props) => nativeBlock('new_story_composer', props);
+export const StoryViewersPanel: BdcComponent = (props) => nativeBlock('story_viewers_panel', props);
 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);

package/src/bdc/index.ts

@@ -38,6 +38,7 @@ export {
   ChatThread,
   NewPostComposer,
   NewStoryComposer,
+  StoryViewersPanel,
   PostComments,
   ProfileOnboarding,
   ProfileReport,

package/src/renderer/blocks/SduiNativeDomainBlocks.tsx

@@ -30,6 +30,7 @@ function NativeBlockShell({
     | 'renderAlbumDetail'
     | 'renderNewPostComposer'
     | 'renderNewStoryComposer'
+    | 'renderStoryViewersPanel'
     | 'renderPostComments'
     | 'renderSocialProfile'
     | 'renderSettingsHome'
@@ -118,6 +119,12 @@ export function SduiNewStoryComposerBlock(props: SduiBlockRenderProps) {
   return <NativeBlockShell {...props} rendererKey="renderNewStoryComposer" fallbackLabel="Novo story" />;
 }
 
+export function SduiStoryViewersPanelBlock(props: SduiBlockRenderProps) {
+  return (
+    <NativeBlockShell {...props} rendererKey="renderStoryViewersPanel" fallbackLabel="Story viewers" />
+  );
+}
+
 export function SduiPostCommentsBlock(props: SduiBlockRenderProps) {
   return <NativeBlockShell {...props} rendererKey="renderPostComments" fallbackLabel="Comentários" />;
 }

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

@@ -50,6 +50,7 @@ import {
   SduiChatThreadBlock,
   SduiNewPostComposerBlock,
   SduiNewStoryComposerBlock,
+  SduiStoryViewersPanelBlock,
   SduiPostCommentsBlock,
   SduiProfileOnboardingBlock,
   SduiProfileSelfBlock,
@@ -117,6 +118,7 @@ const REGISTRY: Record<string, SduiBlockComponent> = {
   album_detail: SduiAlbumDetailBlock,
   new_post_composer: SduiNewPostComposerBlock,
   new_story_composer: SduiNewStoryComposerBlock,
+  story_viewers_panel: SduiStoryViewersPanelBlock,
   post_comments: SduiPostCommentsBlock,
   social_profile: SduiSocialProfileBlock,
   settings_home: SduiSettingsHomeBlock,

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

@@ -66,6 +66,7 @@ export type SduiHybridRenderers = {
   renderAlbumDetail?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderNewPostComposer?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderNewStoryComposer?: (props: SduiNativeBlockRenderProps) => ReactNode;
+  renderStoryViewersPanel?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderPostComments?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderSocialProfile?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderSettingsHome?: (props: SduiNativeBlockRenderProps) => ReactNode;

package/src/renderer/ui/story-surface-picker.tsx

@@ -12,23 +12,29 @@ export function StorySurfacePicker({
   visible,
   value,
   options,
+  title,
+  subtitle,
+  closeLabel,
   onClose,
   onSelect,
 }: {
   visible: boolean;
   value: string;
   options: StorySurfaceOption[];
+  title: string;
+  subtitle: string;
+  closeLabel: string;
   onClose: () => void;
   onSelect: (value: string) => void;
 }) {
   return (
     <Modal visible={visible} transparent animationType="slide" onRequestClose={onClose}>
       <View style={styles.backdrop}>
-        <Pressable style={styles.backdropPress} onPress={onClose} accessibilityLabel="Fechar" />
+        <Pressable style={styles.backdropPress} onPress={onClose} accessibilityLabel={closeLabel} />
         <View style={styles.sheet}>
           <View style={styles.handle} />
-          <Text style={styles.title}>Onde publicar</Text>
-          <Text style={styles.subtitle}>Escolha em qual superfície o story vai aparecer.</Text>
+          <Text style={styles.title}>{title}</Text>
+          <Text style={styles.subtitle}>{subtitle}</Text>
 
           {options.map((option) => {
             const selected = option.value === value;