@oxyhq/services 6.9.13 → 6.9.15

package/src/ui/screens/LearnMoreUsernamesScreen.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const vector_icons_1 = require("@expo/vector-icons");
+const useThemeStyles_1 = require("../hooks/useThemeStyles");
+const useI18n_1 = require("../hooks/useI18n");
+const INFO_SECTIONS = [
+    {
+        id: 'what',
+        titleKey: 'learnMoreUsernames.sections.what.title',
+        contentKey: 'learnMoreUsernames.sections.what.content',
+        icon: 'at-outline',
+    },
+    {
+        id: 'rules',
+        titleKey: 'learnMoreUsernames.sections.rules.title',
+        contentKey: 'learnMoreUsernames.sections.rules.content',
+        icon: 'list-outline',
+    },
+    {
+        id: 'unique',
+        titleKey: 'learnMoreUsernames.sections.unique.title',
+        contentKey: 'learnMoreUsernames.sections.unique.content',
+        icon: 'finger-print-outline',
+    },
+    {
+        id: 'change',
+        titleKey: 'learnMoreUsernames.sections.change.title',
+        contentKey: 'learnMoreUsernames.sections.change.content',
+        icon: 'refresh-outline',
+    },
+    {
+        id: 'tips',
+        titleKey: 'learnMoreUsernames.sections.tips.title',
+        contentKey: 'learnMoreUsernames.sections.tips.content',
+        icon: 'bulb-outline',
+    },
+];
+const LearnMoreUsernamesScreen = ({ theme, }) => {
+    const themeStyles = (0, useThemeStyles_1.useThemeStyles)(theme || 'light');
+    const { t } = (0, useI18n_1.useI18n)();
+    const [expandedIds, setExpandedIds] = (0, react_1.useState)(new Set(['what'])); // Start with first section expanded
+    const toggleExpanded = (0, react_1.useCallback)((id) => {
+        setExpandedIds(prev => {
+            const next = new Set(prev);
+            if (next.has(id)) {
+                next.delete(id);
+            }
+            else {
+                next.add(id);
+            }
+            return next;
+        });
+    }, []);
+    const styles = (0, react_1.useMemo)(() => createStyles(themeStyles), [themeStyles]);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.container, { backgroundColor: themeStyles.backgroundColor }], children: (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { style: styles.content, showsVerticalScrollIndicator: false, contentContainerStyle: styles.contentContainer, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.introSection, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.introIcon, { backgroundColor: `${themeStyles.primaryColor}15` }], children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "at", size: 32, color: themeStyles.primaryColor }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.introTitle, { color: themeStyles.textColor }], children: t('learnMoreUsernames.introTitle') }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.introText, { color: themeStyles.mutedTextColor }], children: t('learnMoreUsernames.introText') })] }), INFO_SECTIONS.map((section, index) => {
+                    const isExpanded = expandedIds.has(section.id);
+                    const sectionTitle = t(section.titleKey);
+                    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+                            styles.section,
+                            { backgroundColor: themeStyles.secondaryBackgroundColor, borderColor: themeStyles.borderColor },
+                            index === 0 && styles.sectionFirst,
+                        ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { style: styles.sectionHeader, onPress: () => toggleExpanded(section.id), accessibilityRole: "button", accessibilityLabel: sectionTitle, accessibilityHint: isExpanded ? t('learnMoreUsernames.collapseHint') : t('learnMoreUsernames.expandHint'), accessibilityState: { expanded: isExpanded }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.sectionIconContainer, { backgroundColor: `${themeStyles.primaryColor}15` }], children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: section.icon, size: 20, color: themeStyles.primaryColor }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.sectionTitle, { color: themeStyles.textColor }], children: sectionTitle }), (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: isExpanded ? 'chevron-up' : 'chevron-down', size: 20, color: themeStyles.mutedTextColor })] }), isExpanded && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.sectionContent, { borderTopColor: themeStyles.borderColor }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.sectionText, { color: themeStyles.mutedTextColor }], children: t(section.contentKey) }) }))] }, section.id));
+                }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.footer, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.footerText, { color: themeStyles.mutedTextColor }], children: t('learnMoreUsernames.footer') }) })] }) }));
+};
+const createStyles = (themeStyles) => react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    content: {
+        flex: 1,
+    },
+    contentContainer: {
+        padding: 16,
+        paddingBottom: 32,
+    },
+    introSection: {
+        alignItems: 'center',
+        paddingVertical: 24,
+        paddingHorizontal: 16,
+    },
+    introIcon: {
+        width: 64,
+        height: 64,
+        borderRadius: 32,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginBottom: 16,
+    },
+    introTitle: {
+        fontSize: 24,
+        fontWeight: '700',
+        marginBottom: 8,
+        textAlign: 'center',
+    },
+    introText: {
+        fontSize: 16,
+        lineHeight: 24,
+        textAlign: 'center',
+    },
+    section: {
+        borderRadius: 12,
+        borderWidth: 1,
+        marginBottom: 12,
+        overflow: 'hidden',
+    },
+    sectionFirst: {
+        marginTop: 8,
+    },
+    sectionHeader: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 16,
+    },
+    sectionIconContainer: {
+        width: 36,
+        height: 36,
+        borderRadius: 18,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginRight: 12,
+    },
+    sectionTitle: {
+        flex: 1,
+        fontSize: 16,
+        fontWeight: '600',
+        marginRight: 12,
+    },
+    sectionContent: {
+        padding: 16,
+        paddingTop: 12,
+        borderTopWidth: 1,
+    },
+    sectionText: {
+        fontSize: 14,
+        lineHeight: 22,
+    },
+    footer: {
+        marginTop: 16,
+        paddingHorizontal: 16,
+    },
+    footerText: {
+        fontSize: 14,
+        textAlign: 'center',
+        lineHeight: 20,
+    },
+});
+exports.default = LearnMoreUsernamesScreen;

package/src/ui/screens/LegalDocumentsScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const _default: React.NamedExoticComponent<BaseScreenProps>;
+export default _default;

package/src/ui/screens/LegalDocumentsScreen.js

@@ -0,0 +1,185 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const sonner_1 = require("../../lib/sonner");
+const components_1 = require("../components");
+const useI18n_1 = require("../hooks/useI18n");
+const useThemeStyles_1 = require("../hooks/useThemeStyles");
+const useColorScheme_1 = require("../hooks/useColorScheme");
+const LegalDocumentsScreen = ({ onClose, theme, goBack, initialStep, }) => {
+    const { t } = (0, useI18n_1.useI18n)();
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const colorScheme = (0, useColorScheme_1.useColorScheme)();
+    const themeStyles = (0, useThemeStyles_1.useThemeStyles)(theme || 'light', colorScheme);
+    // Policy URLs from Oxy Transparency Center
+    const POLICY_URLS = {
+        privacy: 'https://oxy.so/company/transparency/policies/privacy',
+        terms: 'https://oxy.so/company/transparency/policies/terms-of-service',
+        community: 'https://oxy.so/company/transparency/policies/community-guidelines',
+        dataRetention: 'https://oxy.so/company/transparency/policies/data-retention',
+        contentModeration: 'https://oxy.so/company/transparency/policies/content-moderation',
+        childSafety: 'https://oxy.so/company/transparency/policies/child-safety',
+        cookie: 'https://oxy.so/company/transparency/policies/cookies',
+    };
+    // Determine which document to show based on initialStep
+    const documentType = initialStep === 1 ? 'privacy'
+        : initialStep === 2 ? 'terms'
+            : initialStep === 3 ? 'community'
+                : initialStep === 4 ? 'dataRetention'
+                    : initialStep === 5 ? 'contentModeration'
+                        : initialStep === 6 ? 'childSafety'
+                            : initialStep === 7 ? 'cookie'
+                                : null;
+    // Generic handler to open any policy URL
+    const handleOpenPolicy = (0, react_1.useCallback)((policyKey) => {
+        return async () => {
+            try {
+                setLoading(true);
+                const url = POLICY_URLS[policyKey];
+                const canOpen = await react_native_1.Linking.canOpenURL(url);
+                if (canOpen) {
+                    await react_native_1.Linking.openURL(url);
+                }
+                else {
+                    sonner_1.toast.error(t('legal.openError') || 'Failed to open document');
+                }
+            }
+            catch (error) {
+                if (__DEV__) {
+                    console.error(`Failed to open ${policyKey} policy:`, error);
+                }
+                sonner_1.toast.error(t('legal.openError') || 'Failed to open document');
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+    }, [t]);
+    // If a specific document type is requested, open it directly
+    react_1.default.useEffect(() => {
+        if (documentType) {
+            handleOpenPolicy(documentType)();
+        }
+    }, [documentType, handleOpenPolicy]);
+    // Get policy title for display
+    const getPolicyTitle = (key) => {
+        const titles = {
+            privacy: t('legal.privacyPolicy.title') || 'Privacy Policy',
+            terms: t('legal.termsOfService.title') || 'Terms of Service',
+            community: t('legal.communityGuidelines.title') || 'Community Guidelines',
+            dataRetention: t('legal.dataRetention.title') || 'Data Retention Policy',
+            contentModeration: t('legal.contentModeration.title') || 'Content Moderation Policy',
+            childSafety: t('legal.childSafety.title') || 'Child Safety Policy',
+            cookie: t('legal.cookiePolicy.title') || 'Cookie Policy',
+        };
+        return titles[key] || 'Document';
+    };
+    // If a specific document type is requested, show loading state while opening
+    if (documentType) {
+        return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.container, { backgroundColor: themeStyles.backgroundColor }], children: [(0, jsx_runtime_1.jsx)(components_1.Header, { title: getPolicyTitle(documentType), onBack: goBack || onClose, variant: "minimal", elevation: "subtle" }), (0, jsx_runtime_1.jsx)(components_1.LoadingState, { message: t('legal.opening') || 'Opening document...', color: themeStyles.textColor })] }));
+    }
+    // Default: show both options
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.container, { backgroundColor: themeStyles.backgroundColor }], children: [(0, jsx_runtime_1.jsx)(components_1.Header, { title: t('legal.title') || 'Legal Documents', onBack: goBack || onClose, variant: "minimal", elevation: "subtle" }), (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { style: styles.content, children: (0, jsx_runtime_1.jsx)(components_1.Section, { title: t('legal.policies') || 'Policies & Guidelines', isFirst: true, children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, { items: [
+                            {
+                                id: 'privacy-policy',
+                                icon: 'shield-check',
+                                iconColor: themeStyles.colors.iconPersonalInfo,
+                                title: t('legal.privacyPolicy.title') || 'Privacy Policy',
+                                subtitle: t('legal.privacyPolicy.subtitle') || 'How we handle your data',
+                                onPress: handleOpenPolicy('privacy'),
+                            },
+                            {
+                                id: 'terms-of-service',
+                                icon: 'file-document',
+                                iconColor: themeStyles.colors.iconSecurity,
+                                title: t('legal.termsOfService.title') || 'Terms of Service',
+                                subtitle: t('legal.termsOfService.subtitle') || 'Terms and conditions of use',
+                                onPress: handleOpenPolicy('terms'),
+                            },
+                            {
+                                id: 'community-guidelines',
+                                icon: 'account-group',
+                                iconColor: themeStyles.colors.iconData,
+                                title: t('legal.communityGuidelines.title') || 'Community Guidelines',
+                                subtitle: t('legal.communityGuidelines.subtitle') || 'Rules and expectations for our community',
+                                onPress: handleOpenPolicy('community'),
+                            },
+                            {
+                                id: 'data-retention',
+                                icon: 'clock',
+                                iconColor: themeStyles.colors.iconStorage,
+                                title: t('legal.dataRetention.title') || 'Data Retention Policy',
+                                subtitle: t('legal.dataRetention.subtitle') || 'How long we keep your data',
+                                onPress: handleOpenPolicy('dataRetention'),
+                            },
+                            {
+                                id: 'content-moderation',
+                                icon: 'eye',
+                                iconColor: themeStyles.colors.iconSharing,
+                                title: t('legal.contentModeration.title') || 'Content Moderation Policy',
+                                subtitle: t('legal.contentModeration.subtitle') || 'How we moderate content',
+                                onPress: handleOpenPolicy('contentModeration'),
+                            },
+                            {
+                                id: 'child-safety',
+                                icon: 'heart',
+                                iconColor: '#FF2D55',
+                                title: t('legal.childSafety.title') || 'Child Safety Policy',
+                                subtitle: t('legal.childSafety.subtitle') || 'Protecting minors on our platform',
+                                onPress: handleOpenPolicy('childSafety'),
+                            },
+                            {
+                                id: 'cookie-policy',
+                                icon: 'cookie',
+                                iconColor: '#8E8E93',
+                                title: t('legal.cookiePolicy.title') || 'Cookie Policy',
+                                subtitle: t('legal.cookiePolicy.subtitle') || 'How we use cookies and similar technologies',
+                                onPress: handleOpenPolicy('cookie'),
+                            },
+                        ] }) }) })] }));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    content: {
+        flex: 1,
+        padding: 16,
+    },
+});
+exports.default = react_1.default.memo(LegalDocumentsScreen);

package/src/ui/screens/OxyAuthScreen.d.ts

@@ -0,0 +1,16 @@
+/**
+ * OxyAuthScreen - Sign in with Oxy
+ *
+ * This screen is used by OTHER apps in the Oxy ecosystem to authenticate users.
+ * It presents two options:
+ * 1. Scan QR code with Oxy Accounts app
+ * 2. Open the Oxy Auth web flow
+ *
+ * Uses WebSocket for real-time authorization updates (with polling fallback).
+ * The Oxy Accounts app is where users manage their cryptographic identity.
+ * This screen should NOT be used within the Accounts app itself.
+ */
+import type React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const OxyAuthScreen: React.FC<BaseScreenProps>;
+export default OxyAuthScreen;