@mereb/app-profile 0.0.6 → 0.0.8

package/dist/headless.d.ts

@@ -6,3 +6,4 @@ export type ProfilePost = NonNullable<ProfileData>['posts']['edges'][number]['no
 export declare function parseProfileTimestamp(value?: string | null): Date | null;
 export declare function formatRelativeProfileTimestamp(value?: string | null, now?: number): string;
 export declare function selectProfilePosts(profile?: ProfileData | null): ProfilePost[];
+export declare function normalizeUserSearchQuery(value?: string | null): string;

package/dist/headless.js

@@ -43,3 +43,6 @@ export function selectProfilePosts(profile) {
     }
     return profile.posts.edges.map((edge) => edge.node);
 }
+export function normalizeUserSearchQuery(value) {
+    return value?.trim().replace(/^@/, '') ?? '';
+}

package/dist/index.d.ts

@@ -7,5 +7,5 @@ type ProfileScreenProps = {
     auth?: AuthControls;
     handle?: string;
 };
-export declare function ProfileScreen({ auth, handle }: Readonly<ProfileScreenProps>): import("react/jsx-runtime.js").JSX.Element;
+export declare function ProfileScreen({ auth, handle }: Readonly<ProfileScreenProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.js

@@ -36,7 +36,7 @@ export function ProfileScreen({ auth, handle }) {
     const activeRefetch = viewingOwnProfile ? refetchMe : refetchHandle;
     const profile = viewingOwnProfile ? meData?.me : handleData?.userByHandle;
     const followButtonLabel = profile?.followedByMe ? 'Following' : 'Follow';
-    const activityIndicatorColor = profile?.followedByMe ? '#0f172a' : '#fff';
+    const activityIndicatorColor = profile?.followedByMe ? color.text : color.surface;
     const unauthenticatedError = viewingOwnProfile
         ? Boolean(extractGraphQLErrors(meError)?.some((graphError) => graphError.message?.toUpperCase().includes('UNAUTHENTICATED')))
         : false;
@@ -150,7 +150,7 @@ export function ProfileScreen({ auth, handle }) {
                 ? styles.followingButtonText
                 : styles.followButtonText, children: followButtonLabel })) }));
     const renderProfileHeader = () => (_jsxs(View, { style: styles.card, children: [_jsx(View, { style: styles.avatarCircle, children: profile?.avatarUrl ? (_jsx(Image, { source: { uri: profile.avatarUrl }, style: styles.avatarImage, resizeMode: "cover" })) : (_jsx(PlaceholderAvatar, {})) }), _jsxs(View, { style: styles.headerText, children: [_jsx(Text, { style: styles.displayName, children: profile?.displayName ?? 'Set your display name' }), _jsx(Text, { style: styles.handleText, children: profile ? `@${profile.handle}` : 'No handle yet' }), _jsxs(View, { style: styles.metricsRow, children: [_jsxs(View, { style: styles.metricItem, children: [_jsx(Text, { style: styles.metricValue, children: profile?.followersCount ?? 0 }), _jsx(Text, { style: styles.metricLabel, children: "Followers" })] }), _jsxs(View, { style: styles.metricItem, children: [_jsx(Text, { style: styles.metricValue, children: profile?.followingCount ?? 0 }), _jsx(Text, { style: styles.metricLabel, children: "Following" })] })] })] }), viewingOwnProfile ? (_jsx(TouchableOpacity, { style: styles.logoutChip, onPress: handleLogout, accessibilityRole: "button", children: _jsx(Text, { style: styles.logoutChipText, children: "Log out" }) })) : null, viewingOwnProfile ? null : renderFollowAction()] }));
-    const renderEditableProfile = () => (_jsxs(View, { style: styles.card, children: [_jsx(Text, { style: styles.sectionTitle, children: "Profile details" }), _jsxs(View, { style: styles.formGroup, children: [_jsx(Text, { style: styles.label, children: "Display name" }), _jsx(TextInput, { value: displayName, onChangeText: setDisplayName, placeholder: "How should teammates see you?", style: styles.textInput, editable: !saving, autoCapitalize: "words" })] }), _jsxs(View, { style: styles.formGroup, children: [_jsx(Text, { style: styles.label, children: "Bio" }), _jsx(TextInput, { value: bio, onChangeText: setBio, placeholder: "Share a short introduction", style: [styles.textInput, styles.bioInput], multiline: true, numberOfLines: 4, textAlignVertical: "top", editable: !saving })] }), formError ? _jsx(Text, { style: styles.errorText, children: formError }) : null, successMessage ? _jsx(Text, { style: styles.successText, children: successMessage }) : null, _jsx(TouchableOpacity, { style: [styles.primaryButton, saving ? styles.buttonDisabled : null], onPress: handleSave, disabled: saving, accessibilityRole: "button", children: saving ? _jsx(ActivityIndicator, { color: "#fff" }) : _jsx(Text, { style: styles.primaryButtonText, children: "Save changes" }) })] }));
+    const renderEditableProfile = () => (_jsxs(View, { style: styles.card, children: [_jsx(Text, { style: styles.sectionTitle, children: "Profile details" }), _jsxs(View, { style: styles.formGroup, children: [_jsx(Text, { style: styles.label, children: "Display name" }), _jsx(TextInput, { value: displayName, onChangeText: setDisplayName, placeholder: "How should teammates see you?", style: styles.textInput, editable: !saving, autoCapitalize: "words" })] }), _jsxs(View, { style: styles.formGroup, children: [_jsx(Text, { style: styles.label, children: "Bio" }), _jsx(TextInput, { value: bio, onChangeText: setBio, placeholder: "Share a short introduction", style: [styles.textInput, styles.bioInput], multiline: true, numberOfLines: 4, textAlignVertical: "top", editable: !saving })] }), formError ? _jsx(Text, { style: styles.errorText, children: formError }) : null, successMessage ? _jsx(Text, { style: styles.successText, children: successMessage }) : null, _jsx(TouchableOpacity, { style: [styles.primaryButton, saving ? styles.buttonDisabled : null], onPress: handleSave, disabled: saving, accessibilityRole: "button", children: saving ? _jsx(ActivityIndicator, { color: color.surface }) : _jsx(Text, { style: styles.primaryButtonText, children: "Save changes" }) })] }));
     const aboutSection = profile?.bio ? (_jsxs(View, { style: styles.card, children: [_jsx(Text, { style: styles.sectionTitle, children: "About" }), _jsx(Text, { style: styles.readOnlyBio, children: profile.bio })] })) : null;
     const renderRecentPosts = () => (_jsxs(View, { style: styles.card, children: [_jsx(Text, { style: styles.sectionTitle, children: "Recent posts" }), activeLoading && !profile ? _jsx(ActivityIndicator, { style: styles.postsLoading }) : null, !activeLoading && posts.length === 0 ? (_jsx(Text, { style: styles.placeholderBody, children: viewingOwnProfile
                     ? 'You have not shared anything yet. Post from the feed to see it listed here.'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mereb/app-profile",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Profile experience components and hooks for Mereb apps",
   "type": "module",
   "main": "dist/index.js",
@@ -27,9 +27,9 @@
     "package.json"
   ],
   "dependencies": {
-    "@mereb/shared-graphql": "^0.0.14",
-    "@mereb/ui-shared": "^0.0.4",
-    "@mereb/tokens": "^0.0.4"
+    "@mereb/shared-graphql": "^0.0.16",
+    "@mereb/ui-shared": "^0.0.6",
+    "@mereb/tokens": "^0.0.8"
   },
   "peerDependencies": {
     "@apollo/client": ">=4.0.0",