@umituz/react-native-settings 4.23.97 → 4.23.99

package/src/domains/disclaimer/presentation/components/DisclaimerCard.test.tsx

@@ -1,208 +0,0 @@
-/**
- * Tests for DisclaimerCard Component
- */
-
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import { DisclaimerCard } from '../DisclaimerCard';
-
-// Mock dependencies
-jest.mock('@umituz/react-native-design-system', () => ({
-  useAppDesignTokens: () => ({
-    colors: {
-      backgroundPrimary: '#ffffff',
-    },
-    spacing: {
-      md: 16,
-    },
-    typography: {
-      labelLarge: {
-        fontWeight: '500',
-        fontSize: 14,
-      },
-    },
-  }),
-  withAlpha: jest.fn((color: string, alpha: number) => `${color}${alpha}`),
-}));
-
-jest.mock('@umituz/react-native-design-system', () => ({
-  AtomicText: ({ children, type, color, style }: any) => (
-    <Text style={style} testID={`atomic-text-${type}-${color}`}>
-      {children}
-    </Text>
-  ),
-  AtomicIcon: ({ name, color, size, style }: any) => (
-    <Text style={style} testID={`atomic-icon-${name}-${color}-${size}`}>
-      Icon: {name}
-    </Text>
-  ),
-}));
-
-import { Text } from 'react-native';
-
-describe('DisclaimerCard', () => {
-  it('renders correctly with basic props', () => {
-    const { getByTestId, getByText } = render(
-      <DisclaimerCard
-        title="Test Title"
-        shortMessage="Test Message"
-        iconName="AlertTriangle"
-        iconColor="#FF9800"
-        backgroundColor="#FFF3E0"
-        onPress={jest.fn()}
-      />
-    );
-
-    expect(getByText('Test Title')).toBeTruthy();
-    expect(getByText('Test Message')).toBeTruthy();
-    expect(getByTestId('disclaimer-setting')).toBeTruthy();
-    expect(getByTestId('atomic-icon-AlertTriangle-warning')).toBeTruthy();
-    expect(getByTestId('atomic-icon-ArrowRight-secondary-sm')).toBeTruthy();
-  });
-
-  it('calls onPress when pressed', () => {
-    const mockOnPress = jest.fn();
-    const { getByTestId } = render(
-      <DisclaimerCard
-        title="Test Title"
-        shortMessage="Test Message"
-        iconName="AlertTriangle"
-        iconColor="#FF9800"
-        backgroundColor="#FFF3E0"
-        onPress={mockOnPress}
-      />
-    );
-
-    fireEvent.press(getByTestId('disclaimer-setting'));
-    expect(mockOnPress).toHaveBeenCalledTimes(1);
-  });
-
-  it('applies correct styling with theme tokens', () => {
-    const { getByTestId } = render(
-      <DisclaimerCard
-        title="Test Title"
-        shortMessage="Test Message"
-        iconName="AlertTriangle"
-        iconColor="#FF9800"
-        backgroundColor="#FFF3E0"
-        onPress={jest.fn()}
-      />
-    );
-
-    const card = getByTestId('disclaimer-setting');
-    expect(card.props.style).toContainEqual({
-      backgroundColor: '#FFF3E0',
-    });
-  });
-
-  it('renders with different icon names', () => {
-    const { getByTestId } = render(
-      <DisclaimerCard
-        title="Test Title"
-        shortMessage="Test Message"
-        iconName="info"
-        iconColor="#2196F3"
-        backgroundColor="#E3F2FD"
-        onPress={jest.fn()}
-      />
-    );
-
-    expect(getByTestId('atomic-icon-info-warning')).toBeTruthy();
-  });
-
-  it('handles long text content', () => {
-    const longTitle = 'This is a very long disclaimer title that should be handled properly';
-    const longMessage = 'This is a very long disclaimer message that should wrap properly and not break the layout';
-
-    const { getByText } = render(
-      <DisclaimerCard
-        title={longTitle}
-        shortMessage={longMessage}
-        iconName="AlertTriangle"
-        iconColor="#FF9800"
-        backgroundColor="#FFF3E0"
-        onPress={jest.fn()}
-      />
-    );
-
-    expect(getByText(longTitle)).toBeTruthy();
-    expect(getByText(longMessage)).toBeTruthy();
-  });
-
-  it('has correct accessibility properties', () => {
-    const mockOnPress = jest.fn();
-    const { getByTestId } = render(
-      <DisclaimerCard
-        title="Test Title"
-        shortMessage="Test Message"
-        iconName="AlertTriangle"
-        iconColor="#FF9800"
-        backgroundColor="#FFF3E0"
-        onPress={mockOnPress}
-      />
-    );
-
-    const touchable = getByTestId('disclaimer-setting');
-    expect(touchable.props.activeOpacity).toBe(0.7);
-  });
-
-  it('uses withAlpha utility correctly', () => {
-    const { withAlpha } = require('@umituz/react-native-design-system');
-
-    render(
-      <DisclaimerCard
-        title="Test Title"
-        shortMessage="Test Message"
-        iconName="AlertTriangle"
-        iconColor="#FF9800"
-        backgroundColor="#FFF3E0"
-        onPress={jest.fn()}
-      />
-    );
-
-    expect(withAlpha).toHaveBeenCalledWith('#FF9800', 0.2);
-    expect(withAlpha).toHaveBeenCalledWith('#FF9800', 0.4);
-  });
-
-  it('maintains correct layout structure', () => {
-    const { getByTestId } = render(
-      <DisclaimerCard
-        title="Test Title"
-        shortMessage="Test Message"
-        iconName="AlertTriangle"
-        iconColor="#FF9800"
-        backgroundColor="#FFF3E0"
-        onPress={jest.fn()}
-      />
-    );
-
-    // Check that icon container has correct styles
-    expect(getByTestId('atomic-icon-AlertTriangle-warning')).toBeTruthy();
-
-    // Check that title and arrow are present
-    expect(getByTestId('atomic-icon-ArrowRight-secondary-sm')).toBeTruthy();
-  });
-
-  it('handles press events correctly', () => {
-    const mockOnPress = jest.fn();
-    const { getByTestId } = render(
-      <DisclaimerCard
-        title="Test Title"
-        shortMessage="Test Message"
-        iconName="AlertTriangle"
-        iconColor="#FF9800"
-        backgroundColor="#FFF3E0"
-        onPress={mockOnPress}
-      />
-    );
-
-    // Test single press
-    fireEvent.press(getByTestId('disclaimer-setting'));
-    expect(mockOnPress).toHaveBeenCalledTimes(1);
-
-    // Test multiple presses
-    fireEvent.press(getByTestId('disclaimer-setting'));
-    fireEvent.press(getByTestId('disclaimer-setting'));
-    expect(mockOnPress).toHaveBeenCalledTimes(3);
-  });
-});

package/src/domains/disclaimer/presentation/components/DisclaimerModal.test.tsx

@@ -1,236 +0,0 @@
-/**
- * Tests for DisclaimerModal Component
- */
-
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import { DisclaimerModal } from '../DisclaimerModal';
-
-// Mock dependencies
-jest.mock('@umituz/react-native-design-system', () => ({
-  useAppDesignTokens: () => ({
-    colors: {
-      backgroundPrimary: '#ffffff',
-      borderLight: '#e0e0e0',
-    },
-  }),
-}));
-
-jest.mock('@umituz/react-native-design-system', () => ({
-  AtomicText: ({ children, type, color, style }: any) => (
-    <Text style={style} testID={`atomic-text-${type}-${color}`}>
-      {children}
-    </Text>
-  ),
-  AtomicIcon: ({ name, color, size, style }: any) => (
-    <Text style={style} testID={`atomic-icon-${name}-${color}-${size}`}>
-      Icon: {name}
-    </Text>
-  ),
-}));
-
-import { Text, Modal, ScrollView } from 'react-native';
-
-describe('DisclaimerModal', () => {
-  it('renders null when visible is false', () => {
-    const { queryByTestId } = render(
-      <DisclaimerModal
-        visible={false}
-        title="Test Title"
-        content="Test Content"
-        onClose={jest.fn()}
-      />
-    );
-
-    expect(queryByTestId('disclaimer-modal')).toBeNull();
-  });
-
-  it('renders correctly when visible is true', () => {
-    const { getByTestId, getByText } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content="Test Content"
-        onClose={jest.fn()}
-      />
-    );
-
-    expect(getByTestId('disclaimer-modal')).toBeTruthy();
-    expect(getByText('Test Title')).toBeTruthy();
-    expect(getByText('Test Content')).toBeTruthy();
-  });
-
-  it('calls onClose when close button is pressed', () => {
-    const mockOnClose = jest.fn();
-    const { getByTestId } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content="Test Content"
-        onClose={mockOnClose}
-      />
-    );
-
-    fireEvent.press(getByTestId('close-disclaimer-modal'));
-    expect(mockOnClose).toHaveBeenCalledTimes(1);
-  });
-
-  it('applies correct theme colors', () => {
-    const { getByTestId } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content="Test Content"
-        onClose={jest.fn()}
-      />
-    );
-
-    const modalContainer = getByTestId('disclaimer-modal');
-    expect(modalContainer.props.style).toContainEqual({
-      backgroundColor: '#ffffff',
-    });
-  });
-
-  it('renders header with correct structure', () => {
-    const { getByTestId, getByText } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content="Test Content"
-        onClose={jest.fn()}
-      />
-    );
-
-    expect(getByTestId('atomic-text-headlineMedium-primary')).toBeTruthy();
-    expect(getByTestId('atomic-icon-X-primary-md')).toBeTruthy();
-    expect(getByText('Test Title')).toBeTruthy();
-  });
-
-  it('renders content in ScrollView', () => {
-    const { getByTestId } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content="Test Content"
-        onClose={jest.fn()}
-      />
-    );
-
-    expect(getByTestId('disclaimer-modal-content')).toBeTruthy();
-  });
-
-  it('handles long content correctly', () => {
-    const longContent = 'This is a very long disclaimer content that should scroll properly. '.repeat(20);
-    
-    const { getByText } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content={longContent}
-        onClose={jest.fn()}
-      />
-    );
-
-    expect(getByText(longContent)).toBeTruthy();
-  });
-
-  it('applies correct text styling', () => {
-    const { getByTestId } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content="Test Content"
-        onClose={jest.fn()}
-      />
-    );
-
-    expect(getByTestId('atomic-text-bodyMedium-primary')).toBeTruthy();
-  });
-
-  it('has correct accessibility properties', () => {
-    const mockOnClose = jest.fn();
-    const { getByTestId } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content="Test Content"
-        onClose={mockOnClose}
-      />
-    );
-
-    const closeButton = getByTestId('close-disclaimer-modal');
-    expect(closeButton).toBeTruthy();
-  });
-
-  it('handles multiple close calls', () => {
-    const mockOnClose = jest.fn();
-    const { getByTestId } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content="Test Content"
-        onClose={mockOnClose}
-      />
-    );
-
-    const closeButton = getByTestId('close-disclaimer-modal');
-    
-    fireEvent.press(closeButton);
-    fireEvent.press(closeButton);
-    fireEvent.press(closeButton);
-    
-    expect(mockOnClose).toHaveBeenCalledTimes(3);
-  });
-
-  it('maintains correct layout structure', () => {
-    const { getByTestId } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content="Test Content"
-        onClose={jest.fn()}
-      />
-    );
-
-    // Check modal container exists
-    expect(getByTestId('disclaimer-modal')).toBeTruthy();
-    
-    // Check header elements exist
-    expect(getByTestId('atomic-text-headlineMedium-primary')).toBeTruthy();
-    expect(getByTestId('atomic-icon-X-primary-md')).toBeTruthy();
-    
-    // Check content exists
-    expect(getByTestId('disclaimer-modal-content')).toBeTruthy();
-  });
-
-  it('handles empty content gracefully', () => {
-    const { getByTestId, queryByText } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content=""
-        onClose={jest.fn()}
-      />
-    );
-
-    expect(getByTestId('disclaimer-modal')).toBeTruthy();
-    expect(getByTestId('atomic-text-headlineMedium-primary')).toBeTruthy();
-    // Empty content should still render the text component
-    expect(getByTestId('atomic-text-bodyMedium-primary')).toBeTruthy();
-  });
-
-  it('handles special characters in content', () => {
-    const specialContent = 'Content with special chars: © ® ™ "quotes" \'apostrophes\'';
-    
-    const { getByText } = render(
-      <DisclaimerModal
-        visible={true}
-        title="Test Title"
-        content={specialContent}
-        onClose={jest.fn()}
-      />
-    );
-
-    expect(getByText(specialContent)).toBeTruthy();
-  });
-});

package/src/domains/disclaimer/presentation/components/DisclaimerSetting.test.tsx

@@ -1,74 +0,0 @@
-/**
- * Tests for DisclaimerSetting Component
- */
-
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import { DisclaimerSetting } from '../DisclaimerSetting';
-
-// Mock dependencies
-jest.mock('../../../localization', () => ({
-  useLocalization: () => ({
-    t: (key: string) => key,
-  }),
-}));
-
-jest.mock('@umituz/react-native-design-system', () => ({
-  useAppDesignTokens: () => ({
-    colors: {
-      backgroundPrimary: '#ffffff',
-      warning: '#ff9800',
-    },
-    spacing: {
-      md: 16,
-    },
-  }),
-  withAlpha: (color: string, alpha: number) => `${color}${alpha}`,
-}));
-
-describe('DisclaimerSetting', () => {
-  it('renders disclaimer card correctly', () => {
-    const { getByTestId } = render(<DisclaimerSetting />);
-
-    expect(getByTestId('disclaimer-setting')).toBeTruthy();
-  });
-
-  it('opens modal when card is pressed', () => {
-    const { getByTestId } = render(<DisclaimerSetting />);
-
-    const card = getByTestId('disclaimer-setting');
-    fireEvent.press(card);
-
-    // Modal should be visible now
-    expect(getByTestId('close-disclaimer-modal')).toBeTruthy();
-  });
-
-  it('closes modal when close button is pressed', () => {
-    const { getByTestId } = render(<DisclaimerSetting />);
-
-    // Open modal first
-    const card = getByTestId('disclaimer-setting');
-    fireEvent.press(card);
-
-    // Close modal
-    const closeButton = getByTestId('close-disclaimer-modal');
-    fireEvent.press(closeButton);
-
-    // Modal should be closed
-    expect(() => getByTestId('close-disclaimer-modal')).toThrow();
-  });
-
-  it('uses custom props when provided', () => {
-    const customProps = {
-      titleKey: 'custom.title',
-      messageKey: 'custom.message',
-      shortMessageKey: 'custom.shortMessage',
-      iconName: 'info',
-    };
-
-    const { getByText } = render(<DisclaimerSetting {...customProps} />);
-
-    expect(getByText('custom.title')).toBeTruthy();
-    expect(getByText('custom.shortMessage')).toBeTruthy();
-  });
-});

package/src/domains/disclaimer/presentation/components/README.md

@@ -1,97 +0,0 @@
-# Disclaimer Components
-
-## Purpose
-
-Components for displaying legal disclaimers, warnings, and important information to users. Provides flexible options for showing disclaimers as cards, modals, or integrated settings with acceptance tracking.
-
-## File Paths
-
-- **DisclaimerCard**: `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/components/DisclaimerCard.tsx`
-- **DisclaimerModal**: `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/components/DisclaimerModal.tsx`
-- **DisclaimerSetting**: `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/components/DisclaimerSetting.tsx`
-- **DisclaimerScreen**: `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/screens/DisclaimerScreen.tsx`
-
-## Strategy
-
-1. **Progressive Disclosure**: Uses compact cards for summary information with expand/collapse functionality, showing full details only when users explicitly request them via modals or dedicated screens.
-
-2. **Acceptance Tracking**: Implements storage-based tracking of user acceptance, allowing one-time or versioned disclaimers that don't repeatedly show to users who have already accepted.
-
-3. **Flexible Display Options**: Provides multiple component variants (card, modal, setting, screen) to accommodate different UX requirements and legal compliance needs.
-
-4. **Legal Compliance**: Designed to support various legal scenarios including terms of service, privacy policies, beta warnings, and regional restrictions with proper acceptance handling.
-
-5. **Internationalization Ready**: Supports translation keys and localized content to display disclaimers in user's preferred language, essential for global apps.
-
-## Restrictions
-
-### ❌ DO NOT
-
-- Hide critical legal information behind multiple taps
-- Use confusing or ambiguous language
-- Bypass acceptance tracking for required disclaimers
-- Display disclaimers that are hard to read or dismiss
-- Mix different disclaimer types inappropriately
-
-### ❌ NEVER
-
-- Allow users to proceed without accepting required disclaimers
-- Store acceptance without reliable persistence mechanism
-- Show outdated or superseded disclaimer versions
-- Use dark patterns to trick users into acceptance
-- Display illegal or unenforceable disclaimer content
-
-### ❌ AVOID
-
-- Overly long disclaimer text (break into sections)
-- Technical jargon that average users don't understand
-- Aggressive or alarming icon choices
-- Blocking app usage for non-critical disclaimers
-- Showing disclaimers too frequently
-
-## Rules
-
-### ✅ ALWAYS
-
-- Use clear, concise language in disclaimers
-- Require explicit acceptance for legal disclaimers
-- Store acceptance reliably using AsyncStorage
-- Provide easy access to full disclaimer text
-- Allow users to review disclaimers anytime
-
-### ✅ MUST
-
-- Show disclaimers before relevant features are used
-- Include accept/decline options for modal disclaimers
-- Version disclaimers to track updates
-- Provide legal contact information
-- Comply with regional legal requirements
-
-### ✅ SHOULD
-
-- Use showOnce for one-time acknowledgments
-- Implement version checking for updated disclaimers
-- Group related disclaimers together
-- Use appropriate warning levels (info, warning, error)
-- Provide translations for all user-facing text
-- Test disclaimer flows thoroughly
-
-## AI Agent Guidelines
-
-1. **Component Selection**: Use DisclaimerCard for non-critical notices and summaries. Use DisclaimerModal for required legal acceptance (terms, privacy). Use DisclaimerSetting for optional features or beta warnings. Use DisclaimerScreen for comprehensive legal documents.
-
-2. **Acceptance Strategy**: For required legal disclaimers (terms, privacy), block app or feature usage until accepted. Use version checking to show updated disclaimers only when content changes. For non-critical notices, use showOnce to avoid annoying users.
-
-3. **Storage Best Practices**: Use AsyncStorage with unique keys for each disclaimer. Include version numbers in storage keys (e.g., "privacy-2024-01"). Store acceptance timestamp to track when users agreed. Clear storage when app is uninstalled.
-
-4. **Content Organization**: Break long legal documents into sections with clear headings. Use formatting (bold, lists) to improve readability. Consider providing a summary with link to full text. Ensure font sizes are readable (minimum 14px).
-
-5. **User Experience**: Make acceptance actions clear (use "I Agree" / "I Accept" rather than "OK"). Provide a way to decline with clear consequences. Don't block the entire app for minor disclaimers - allow access to other features. Consider showing disclaimers at appropriate times (onboarding, before specific features).
-
-## Reference
-
-- **Card Component**: `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/components/DisclaimerCard.tsx`
-- **Modal Component**: `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/components/DisclaimerModal.tsx`
-- **Setting Component**: `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/components/DisclaimerSetting.tsx`
-- **Screen Component**: `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/screens/DisclaimerScreen.tsx`
-- **Disclaimer Components**: `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/components/`