@oxyhq/services 6.9.14 → 6.9.15

package/src/ui/stores/followStore.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFollowStore = void 0;
+const zustand_1 = require("zustand");
+exports.useFollowStore = (0, zustand_1.create)((set, get) => ({
+    followingUsers: {},
+    loadingUsers: {},
+    fetchingUsers: {},
+    errors: {},
+    followerCounts: {},
+    followingCounts: {},
+    loadingCounts: {},
+    setFollowingStatus: (userId, isFollowing) => set((state) => ({
+        followingUsers: { ...state.followingUsers, [userId]: isFollowing },
+        errors: { ...state.errors, [userId]: null },
+    })),
+    clearFollowError: (userId) => set((state) => ({
+        errors: { ...state.errors, [userId]: null },
+    })),
+    resetFollowState: () => set({
+        followingUsers: {},
+        loadingUsers: {},
+        fetchingUsers: {},
+        errors: {},
+        followerCounts: {},
+        followingCounts: {},
+        loadingCounts: {},
+    }),
+    fetchFollowStatus: async (userId, oxyServices) => {
+        set((state) => ({
+            fetchingUsers: { ...state.fetchingUsers, [userId]: true },
+            errors: { ...state.errors, [userId]: null },
+        }));
+        try {
+            const response = await oxyServices.getFollowStatus(userId);
+            set((state) => ({
+                followingUsers: { ...state.followingUsers, [userId]: response.isFollowing },
+                fetchingUsers: { ...state.fetchingUsers, [userId]: false },
+                errors: { ...state.errors, [userId]: null },
+            }));
+        }
+        catch (error) {
+            set((state) => ({
+                fetchingUsers: { ...state.fetchingUsers, [userId]: false },
+                errors: { ...state.errors, [userId]: (error instanceof Error ? error.message : null) || 'Failed to fetch follow status' },
+            }));
+        }
+    },
+    toggleFollowUser: async (userId, oxyServices, isCurrentlyFollowing) => {
+        set((state) => ({
+            loadingUsers: { ...state.loadingUsers, [userId]: true },
+            errors: { ...state.errors, [userId]: null },
+        }));
+        try {
+            let response;
+            let newFollowState;
+            if (isCurrentlyFollowing) {
+                response = await oxyServices.unfollowUser(userId);
+                newFollowState = false;
+            }
+            else {
+                response = await oxyServices.followUser(userId);
+                newFollowState = true;
+            }
+            // Update follow status
+            set((state) => ({
+                followingUsers: { ...state.followingUsers, [userId]: newFollowState },
+                loadingUsers: { ...state.loadingUsers, [userId]: false },
+                errors: { ...state.errors, [userId]: null },
+            }));
+            // Update counts if the response includes them
+            // The API returns counts for both users:
+            // - followers: target user's follower count (the user being followed)
+            // - following: current user's following count (the user doing the following)
+            if (response?.counts) {
+                const { counts } = response;
+                // Get current user ID from oxyServices
+                const currentUserId = oxyServices.getCurrentUserId();
+                set((state) => {
+                    const updates = {};
+                    // Update target user's follower count (the user being followed)
+                    updates.followerCounts = {
+                        ...state.followerCounts,
+                        [userId]: counts.followers
+                    };
+                    // Update current user's following count (the user doing the following)
+                    if (currentUserId) {
+                        updates.followingCounts = {
+                            ...state.followingCounts,
+                            [currentUserId]: counts.following
+                        };
+                    }
+                    return updates;
+                });
+            }
+        }
+        catch (error) {
+            set((state) => ({
+                loadingUsers: { ...state.loadingUsers, [userId]: false },
+                errors: { ...state.errors, [userId]: (error instanceof Error ? error.message : null) || 'Failed to update follow status' },
+            }));
+        }
+    },
+    setFollowerCount: (userId, count) => set((state) => ({
+        followerCounts: { ...state.followerCounts, [userId]: count },
+    })),
+    setFollowingCount: (userId, count) => set((state) => ({
+        followingCounts: { ...state.followingCounts, [userId]: count },
+    })),
+    updateCountsFromFollowAction: (targetUserId, action, counts, currentUserId) => {
+        set((state) => {
+            const updates = {};
+            // Update target user's follower count (the user being followed)
+            updates.followerCounts = {
+                ...state.followerCounts,
+                [targetUserId]: counts.followers
+            };
+            // Update current user's following count (the user doing the following)
+            if (currentUserId) {
+                updates.followingCounts = {
+                    ...state.followingCounts,
+                    [currentUserId]: counts.following
+                };
+            }
+            return updates;
+        });
+    },
+    fetchUserCounts: async (userId, oxyServices) => {
+        set((state) => ({
+            loadingCounts: { ...state.loadingCounts, [userId]: true },
+        }));
+        try {
+            const user = await oxyServices.getUserById(userId);
+            if (user?._count) {
+                set((state) => ({
+                    followerCounts: {
+                        ...state.followerCounts,
+                        [userId]: user._count?.followers || 0
+                    },
+                    followingCounts: {
+                        ...state.followingCounts,
+                        [userId]: user._count?.following || 0
+                    },
+                    loadingCounts: { ...state.loadingCounts, [userId]: false },
+                }));
+            }
+        }
+        catch (error) {
+            set((state) => ({
+                loadingCounts: { ...state.loadingCounts, [userId]: false },
+            }));
+        }
+    },
+}));

package/src/ui/styles/authStyles.d.ts

@@ -0,0 +1,331 @@
+export interface AuthThemeColors {
+    text: string;
+    background: string;
+    inputBackground: string;
+    placeholder: string;
+    primary: string;
+    border: string;
+    error: string;
+    success: string;
+    warning: string;
+    secondaryText: string;
+}
+export declare const createAuthStyles: (colors: AuthThemeColors, theme: string) => {
+    stepContainer: {
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+    };
+    modernHeader: {
+        alignItems: "flex-start";
+        width: "100%";
+        marginBottom: number;
+    };
+    modernTitle: {
+        fontFamily: string;
+        fontWeight: "bold" | undefined;
+        fontSize: number;
+        lineHeight: number;
+        marginBottom: number;
+        textAlign: "left";
+        letterSpacing: number;
+    };
+    modernSubtitle: {
+        fontSize: number;
+        lineHeight: number;
+        textAlign: "left";
+        opacity: number;
+    };
+    welcomeTitle: {
+        fontFamily: string;
+        fontWeight: "bold" | undefined;
+        fontSize: number;
+        lineHeight: number;
+        marginBottom: number;
+        textAlign: "left";
+        letterSpacing: number;
+    };
+    stepTitle: {
+        fontFamily: string;
+        fontWeight: "bold" | undefined;
+        fontSize: number;
+        lineHeight: number;
+        marginBottom: number;
+        textAlign: "left";
+        letterSpacing: number;
+    };
+    modernInfoCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginBottom: number;
+        gap: number;
+        width: "100%";
+    };
+    modernInfoText: {
+        fontSize: number;
+        flex: number;
+    };
+    modernErrorCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginBottom: number;
+        gap: number;
+        width: "100%";
+    };
+    errorText: {
+        fontSize: number;
+        fontWeight: "500";
+        flex: number;
+    };
+    modernInputContainer: {
+        width: "100%";
+        marginBottom: number;
+    };
+    inputWrapper: {
+        flexDirection: "row";
+        alignItems: "center";
+        height: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        borderWidth: number;
+        backgroundColor: string;
+    };
+    premiumInputWrapper: {
+        flexDirection: "row";
+        alignItems: "center";
+        height: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        borderWidth: number;
+        backgroundColor: string;
+    };
+    inputIcon: {
+        marginRight: number;
+    };
+    inputContent: {
+        flex: number;
+    };
+    modernInput: {
+        flex: number;
+        fontSize: number;
+        height: "100%";
+    };
+    passwordToggle: {
+        padding: number;
+    };
+    validationIndicator: {
+        marginLeft: number;
+    };
+    validationSuccessCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginTop: number;
+        gap: number;
+    };
+    validationErrorCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginTop: number;
+        gap: number;
+    };
+    validationCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginTop: number;
+        gap: number;
+    };
+    validationText: {
+        fontSize: number;
+        fontWeight: "500";
+    };
+    belowInputMessage: {
+        flexDirection: "row";
+        alignItems: "center";
+        marginTop: number;
+        marginBottom: number;
+        gap: number;
+    };
+    belowInputText: {
+        fontSize: number;
+        fontWeight: "500";
+    };
+    modernButton: {
+        gap: number;
+        width: "100%";
+        boxShadow: string;
+        shadowOffset?: undefined;
+        shadowOpacity?: undefined;
+        shadowRadius?: undefined;
+        elevation?: undefined;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        marginVertical: number;
+    } | {
+        gap: number;
+        width: "100%";
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        boxShadow?: undefined;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        marginVertical: number;
+    };
+    modernButtonText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+        letterSpacing: number;
+    };
+    buttonIcon: {
+        marginLeft: number;
+    };
+    modernLabel: {
+        fontSize: number;
+        fontWeight: "500";
+        marginBottom: number;
+    };
+    modernLinkText: {
+        fontSize: number;
+        lineHeight: number;
+        fontWeight: "600";
+        textDecorationLine: "underline";
+    };
+    footerTextContainer: {
+        flexDirection: "row";
+        justifyContent: "center";
+        marginTop: number;
+    };
+    footerText: {
+        fontSize: number;
+    };
+    modernUserProfileContainer: {
+        alignItems: "flex-start";
+        paddingVertical: number;
+    };
+    avatarContainer: {
+        position: "relative";
+        marginBottom: number;
+    };
+    modernUserAvatar: {
+        borderWidth: number;
+        borderColor: string;
+    };
+    statusIndicator: {
+        position: "absolute";
+        bottom: number;
+        right: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+    };
+    modernUserDisplayName: {
+        fontFamily: string;
+        fontWeight: "bold" | undefined;
+        fontSize: number;
+        marginBottom: number;
+        textAlign: "left";
+        letterSpacing: number;
+    };
+    modernUsernameSubtext: {
+        fontSize: number;
+        textAlign: "left";
+        marginBottom: number;
+        opacity: number;
+    };
+    welcomeBackBadge: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        gap: number;
+    };
+    welcomeBackText: {
+        fontSize: number;
+        fontWeight: "600";
+        textTransform: "uppercase";
+        letterSpacing: number;
+    };
+    modernNavigationButtons: {
+        flexDirection: "row";
+        justifyContent: "center";
+        marginTop: number;
+        marginBottom: number;
+        width: "100%";
+        gap: number;
+    };
+    modernBackButton: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        borderWidth: number;
+        gap: number;
+    };
+    modernBackButtonText: {
+        fontSize: number;
+        fontWeight: "500";
+    };
+    securityNotice: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        marginTop: number;
+        gap: number;
+    };
+    securityText: {
+        fontSize: number;
+        fontWeight: "500";
+    };
+    welcomeImageContainer: {
+        alignItems: "center";
+        justifyContent: "center";
+        marginVertical: number;
+    };
+    welcomeText: {
+        fontSize: number;
+        lineHeight: number;
+        textAlign: "left";
+        opacity: number;
+        marginBottom: number;
+    };
+    successCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginBottom: number;
+        gap: number;
+        width: "100%";
+    };
+    successText: {
+        fontSize: number;
+        fontWeight: "500";
+        flex: number;
+    };
+};