@codeimplants/ui-kit 1.0.0

package/dist/screens/system/updates/OptionalUpdateScreen.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, StyleSheet } from 'react-native';
+import ScreenContainer from '../../../components/layout/ScreenContainer';
+import IconWithBadge from '../../../components/icons/utilities/IconWithBadge';
+import ContentCard from '../../../components/cards/ContentCard';
+import PrimaryButton from '../../../components/buttons/PrimaryButton';
+import SecondaryButton from '../../../components/buttons/SecondaryButton';
+import VersionDisplay from '../../../components/status/VersionDisplay';
+import AnimatedDownload from '../../../components/icons/animated/general/AnimatedDownload';
+import { getColor } from '../../../utils/client';
+/**
+ * Optional Update Screen
+ *
+ * Displayed when an optional update with new features is available.
+ */
+export const OptionalUpdateScreen = ({ title = 'New Features Available', description = 'Update now to enjoy exciting new capabilities and improvements.', currentVersion, newVersion, features, onUpdate, onMaybeLater, updateButtonText = 'Update Now', laterButtonText = 'Maybe Later', support, theme, primaryColor, backgroundColor, }) => {
+    const infoColor = primaryColor || theme?.primary || getColor('primary');
+    return (_jsxs(ScreenContainer, { backgroundColor: backgroundColor || theme?.background, children: [_jsx(IconWithBadge, { icon: _jsx(AnimatedDownload, { size: 48, color: infoColor }), iconBackgroundColor: "#DBEAFE", badge: _jsx(Text, { style: styles.badgeIcon, children: "\u2728" }), badgeBackgroundColor: infoColor }), _jsx(Text, { style: [styles.title, theme?.textPrimary ? { color: theme.textPrimary } : undefined], children: title }), _jsx(Text, { style: [styles.description, theme?.textSecondary ? { color: theme.textSecondary } : undefined], children: description }), currentVersion && newVersion && (_jsx(VersionDisplay, { currentVersion: currentVersion, newVersion: newVersion, primaryColor: infoColor })), features && features.length > 0 && (_jsx(ContentCard, { title: "What's New", children: features.map((feature, index) => (_jsxs(Text, { style: styles.featureText, children: ["\u2022 ", feature] }, index))) })), onUpdate && (_jsx(PrimaryButton, { onPress: onUpdate, backgroundColor: infoColor, children: updateButtonText })), onMaybeLater && (_jsx(SecondaryButton, { onPress: onMaybeLater, children: laterButtonText }))] }));
+};
+const styles = StyleSheet.create({
+    title: {
+        fontSize: 24,
+        fontWeight: '700',
+        color: '#1F2937',
+        textAlign: 'center',
+        marginBottom: 12,
+        lineHeight: 32,
+    },
+    description: {
+        fontSize: 16,
+        fontWeight: '400',
+        color: '#6B7280',
+        textAlign: 'center',
+        lineHeight: 24,
+        marginBottom: 24,
+    },
+    featureText: {
+        fontSize: 14,
+        color: '#6B7280',
+        lineHeight: 20,
+        marginBottom: 8,
+    },
+    badgeIcon: {
+        fontSize: 16,
+    },
+});
+export default OptionalUpdateScreen;

package/dist/screens/system/updates/SecurityUpdateScreen.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { SecurityUpdateScreenProps } from '../../../types';
+/**
+ * Critical Security Update Screen
+ *
+ * Displayed when a critical security update is required.
+ */
+export declare const SecurityUpdateScreen: React.FC<SecurityUpdateScreenProps>;
+export default SecurityUpdateScreen;

package/dist/screens/system/updates/SecurityUpdateScreen.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, StyleSheet } from 'react-native';
+import ScreenContainer from '../../../components/layout/ScreenContainer';
+import IconWithBadge from '../../../components/icons/utilities/IconWithBadge';
+import StatusBadge from '../../../components/feedback/StatusBadge';
+import ContentCard from '../../../components/cards/ContentCard';
+import PrimaryButton from '../../../components/buttons/PrimaryButton';
+import VersionDisplay from '../../../components/status/VersionDisplay';
+import AnimatedDownload from '../../../components/icons/animated/general/AnimatedDownload';
+import { getColor } from '../../../utils/client';
+/**
+ * Critical Security Update Screen
+ *
+ * Displayed when a critical security update is required.
+ */
+export const SecurityUpdateScreen = ({ title = 'Critical Security Update', description = 'This update is required for your security', currentVersion, newVersion, features, releaseNotes, onUpdate, updateButtonText = 'Update Now', support, theme, primaryColor, backgroundColor, }) => {
+    const warningColor = primaryColor || theme?.warning || getColor('warning');
+    return (_jsxs(ScreenContainer, { backgroundColor: backgroundColor || theme?.background, children: [_jsx(IconWithBadge, { icon: _jsx(Text, { style: styles.shieldIcon, children: "\uD83D\uDEE1\uFE0F" }), iconBackgroundColor: "#FED7AA", badge: _jsx(AnimatedDownload, { size: 20, color: "#FFFFFF" }), badgeBackgroundColor: "#3B82F6" }), _jsx(StatusBadge, { text: "Security", backgroundColor: "#FED7AA", textColor: warningColor }), _jsx(Text, { style: [styles.title, theme?.textPrimary ? { color: theme.textPrimary } : undefined], children: title }), _jsx(Text, { style: [styles.description, theme?.textSecondary ? { color: theme.textSecondary } : undefined], children: description }), currentVersion && newVersion && (_jsx(VersionDisplay, { currentVersion: currentVersion, newVersion: newVersion, primaryColor: warningColor })), features && features.length > 0 && (_jsx(ContentCard, { title: "What's New", children: features.map((feature, index) => (_jsxs(Text, { style: styles.featureText, children: [feature.icon || '•', " ", feature.title, feature.description && (_jsxs(Text, { style: styles.featureDescription, children: ['\n', feature.description] }))] }, index))) })), releaseNotes && (_jsx(ContentCard, { title: "Release Notes", children: _jsx(Text, { style: styles.releaseNotesText, children: releaseNotes }) })), onUpdate && (_jsx(PrimaryButton, { onPress: onUpdate, backgroundColor: warningColor, children: updateButtonText })), _jsx(Text, { style: styles.footerText, children: "This update is required to continue using the app" })] }));
+};
+const styles = StyleSheet.create({
+    title: {
+        fontSize: 24,
+        fontWeight: '700',
+        color: '#1F2937',
+        textAlign: 'center',
+        marginBottom: 12,
+        lineHeight: 32,
+    },
+    description: {
+        fontSize: 16,
+        fontWeight: '400',
+        color: '#6B7280',
+        textAlign: 'center',
+        lineHeight: 24,
+        marginBottom: 24,
+    },
+    shieldIcon: {
+        fontSize: 48,
+    },
+    featureText: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#1F2937',
+        lineHeight: 20,
+        marginBottom: 12,
+    },
+    featureDescription: {
+        fontSize: 14,
+        fontWeight: '400',
+        color: '#6B7280',
+    },
+    releaseNotesText: {
+        fontSize: 14,
+        color: '#6B7280',
+        lineHeight: 20,
+    },
+    footerText: {
+        fontSize: 12,
+        color: '#9CA3AF',
+        textAlign: 'center',
+        marginTop: 8,
+    },
+});
+export default SecurityUpdateScreen;

package/dist/screens/system/updates/SoftUpdateScreen.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { SoftUpdateScreenProps } from '../../../types';
+/**
+ * Soft Update Screen
+ *
+ * Displayed when a soft update is available (user can skip).
+ */
+export declare const SoftUpdateScreen: React.FC<SoftUpdateScreenProps>;
+export default SoftUpdateScreen;

package/dist/screens/system/updates/SoftUpdateScreen.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, StyleSheet } from 'react-native';
+import ScreenContainer from '../../../components/layout/ScreenContainer';
+import IconWithBadge from '../../../components/icons/utilities/IconWithBadge';
+import ContentCard from '../../../components/cards/ContentCard';
+import PrimaryButton from '../../../components/buttons/PrimaryButton';
+import SecondaryButton from '../../../components/buttons/SecondaryButton';
+import VersionDisplay from '../../../components/status/VersionDisplay';
+import AnimatedDownload from '../../../components/icons/animated/general/AnimatedDownload';
+import { getColor } from '../../../utils/client';
+/**
+ * Soft Update Screen
+ *
+ * Displayed when a soft update is available (user can skip).
+ */
+export const SoftUpdateScreen = ({ title = 'Update Available', description = 'A new version is available with improvements and bug fixes.', currentVersion, newVersion, features, onUpdate, onRemindLater, onSkip, updateButtonText = 'Update Now', remindButtonText = 'Remind Later', skipButtonText = 'Skip', support, theme, primaryColor, backgroundColor, }) => {
+    const infoColor = primaryColor || theme?.primary || getColor('primary');
+    return (_jsxs(ScreenContainer, { backgroundColor: backgroundColor || theme?.background, children: [_jsx(IconWithBadge, { icon: _jsx(AnimatedDownload, { size: 48, color: infoColor }), iconBackgroundColor: "#DBEAFE", badge: _jsx(Text, { style: styles.badgeIcon, children: "\u2139" }), badgeBackgroundColor: infoColor }), _jsx(Text, { style: [styles.title, theme?.textPrimary ? { color: theme.textPrimary } : undefined], children: title }), _jsx(Text, { style: [styles.description, theme?.textSecondary ? { color: theme.textSecondary } : undefined], children: description }), currentVersion && newVersion && (_jsx(VersionDisplay, { currentVersion: currentVersion, newVersion: newVersion, primaryColor: infoColor })), features && features.length > 0 && (_jsx(ContentCard, { title: "What's New", children: features.map((feature, index) => (_jsxs(Text, { style: styles.featureText, children: ["\u2022 ", feature] }, index))) })), onUpdate && (_jsx(PrimaryButton, { onPress: onUpdate, backgroundColor: infoColor, children: updateButtonText })), onRemindLater && (_jsx(SecondaryButton, { onPress: onRemindLater, children: remindButtonText })), onSkip && (_jsx(Text, { style: styles.skipText, onPress: onSkip, children: skipButtonText }))] }));
+};
+const styles = StyleSheet.create({
+    title: {
+        fontSize: 24,
+        fontWeight: '700',
+        color: '#1F2937',
+        textAlign: 'center',
+        marginBottom: 12,
+        lineHeight: 32,
+    },
+    description: {
+        fontSize: 16,
+        fontWeight: '400',
+        color: '#6B7280',
+        textAlign: 'center',
+        lineHeight: 24,
+        marginBottom: 24,
+    },
+    featureText: {
+        fontSize: 14,
+        color: '#6B7280',
+        lineHeight: 20,
+        marginBottom: 8,
+    },
+    badgeIcon: {
+        color: '#FFFFFF',
+        fontSize: 16,
+        fontWeight: '700',
+    },
+    skipText: {
+        fontSize: 14,
+        color: '#6B7280',
+        textAlign: 'center',
+        textDecorationLine: 'underline',
+    },
+});
+export default SoftUpdateScreen;

package/dist/screens/system/updates/index.d.ts

@@ -0,0 +1,5 @@
+export { SoftUpdateScreen } from './SoftUpdateScreen';
+export { OptionalUpdateScreen } from './OptionalUpdateScreen';
+export { ForceUpdateScreen } from './ForceUpdateScreen';
+export { SecurityUpdateScreen } from './SecurityUpdateScreen';
+export { AppUpdateScreen } from './AppUpdateScreen';

package/dist/screens/system/updates/index.js

@@ -0,0 +1,6 @@
+// Update Screens - Barrel Export
+export { SoftUpdateScreen } from './SoftUpdateScreen';
+export { OptionalUpdateScreen } from './OptionalUpdateScreen';
+export { ForceUpdateScreen } from './ForceUpdateScreen';
+export { SecurityUpdateScreen } from './SecurityUpdateScreen';
+export { AppUpdateScreen } from './AppUpdateScreen';

package/dist/types/common.d.ts

@@ -0,0 +1,139 @@
+import type { ReactNode } from 'react';
+/**
+ * Error context for support requests and debugging
+ */
+export interface ErrorContext {
+    errorMessage: string;
+    errorCode?: string;
+    screenName?: string;
+    timestamp: string;
+    appVersion: string;
+    platform: 'web' | 'ios' | 'android';
+    os: string;
+    userId?: string;
+    retryCount?: number;
+}
+/**
+ * Support contact configuration
+ */
+export interface SupportContact {
+    whatsapp?: {
+        number: string;
+        label?: string;
+    };
+    phone?: {
+        number: string;
+        label?: string;
+    };
+    email?: {
+        address: string;
+        label?: string;
+    };
+    title?: string;
+    description?: string;
+}
+/**
+ * Theme colors for customization
+ */
+export interface ThemeColors {
+    primary?: string;
+    error?: string;
+    warning?: string;
+    success?: string;
+    info?: string;
+    offline?: string;
+    background?: string;
+    surface?: string;
+    textPrimary?: string;
+    textSecondary?: string;
+}
+/**
+ * SafeArea Edge Configuration
+ */
+export type SafeAreaEdge = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * SafeArea Configuration
+ */
+export interface SafeAreaConfig {
+    edges?: SafeAreaEdge[];
+    enabled?: boolean;
+}
+/**
+ * Color Customization for Buttons
+ */
+export interface ColorCustomization {
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    iconColor?: string;
+}
+/**
+ * Retry Tracking Information
+ */
+export interface RetryInfo {
+    attempt: number;
+    maxAttempts: number;
+}
+/**
+ * Banner Configuration
+ */
+export interface BannerConfig {
+    message: string;
+    type: 'warning' | 'error' | 'info' | 'success';
+    dismissible: boolean;
+    onDismiss?: () => void;
+    icon?: ReactNode;
+}
+/**
+ * HTTP Status Code Type
+ */
+export type HttpStatusCode = number;
+/**
+ * Error Severity Level
+ */
+export type ErrorSeverity = 'low' | 'medium' | 'high' | 'critical';
+/**
+ * API Error Types (for default configurations)
+ */
+export type ApiErrorType = 'timeout' | 'server_error' | 'client_error' | 'invalid_response' | 'network_error';
+/**
+ * System Permission Types
+ */
+export type PermissionType = 'camera' | 'location' | 'notifications' | 'storage' | 'microphone' | 'contacts' | 'calendar' | 'custom';
+/**
+ * Permission Status
+ */
+export type PermissionStatus = 'not_requested' | 'granted' | 'denied' | 'blocked';
+/**
+ * App Update Types
+ */
+export type UpdateType = 'soft' | 'optional' | 'force' | 'critical';
+/**
+ * Maintenance Types
+ */
+export type MaintenanceType = 'planned' | 'unplanned' | 'emergency';
+/**
+ * Support Contact Variant
+ */
+export type SupportContactVariant = 'icon-only' | 'compact' | 'full';
+/**
+ * Connection Speed
+ */
+export type ConnectionSpeed = '2G' | '3G' | '4G' | '5G' | 'slow' | 'fast';
+/**
+ * Support Button Variant
+ */
+export type SupportVariant = 'icon-only' | 'text-only' | 'combined' | 'compact';
+/**
+ * Button Style Variant
+ */
+export type ButtonStyleVariant = 'icon-only' | 'text-only' | 'combined';
+/**
+ * UI Kit Configuration
+ */
+export interface UIKitConfig {
+    appVersion?: string;
+    supportPhone?: string;
+    defaultSupport?: SupportContact;
+    colors?: ThemeColors;
+}

package/dist/types/common.js

@@ -0,0 +1,4 @@
+// ============================================================================
+// Common Type Definitions
+// ============================================================================
+export {};

package/dist/types/components.d.ts

@@ -0,0 +1,52 @@
+import type { ErrorContext, SupportContactVariant, ThemeColors } from './common';
+/**
+ * SupportContact Component Props
+ */
+export interface SupportContactProps {
+    whatsapp?: {
+        number: string;
+        label?: string;
+        onPress?: () => void;
+    };
+    phone?: {
+        number: string;
+        label?: string;
+        onPress?: () => void;
+    };
+    email?: {
+        address: string;
+        label?: string;
+        onPress?: () => void;
+    };
+    title?: string;
+    description?: string;
+    variant?: SupportContactVariant;
+    errorContext?: Partial<ErrorContext>;
+    theme?: ThemeColors;
+}
+/**
+ * @deprecated Use ApiErrorScreenProps with custom props instead
+ */
+export interface RetryIndicatorProps {
+    isRetrying: boolean;
+    retryCount: number;
+    maxRetries: number;
+    retryDelay?: number;
+    status?: 'idle' | 'retrying' | 'success' | 'failed';
+    onCancel?: () => void;
+}
+/**
+ * Retry Progress Bar Component Props
+ */
+export interface RetryProgressBarProps {
+    retryCount: number;
+    maxRetries: number;
+    isActive: boolean;
+}
+/**
+ * Backoff Visualizer Component Props
+ */
+export interface BackoffVisualizerProps {
+    attempt: number;
+    baseDelay?: number;
+}

package/dist/types/components.js

@@ -0,0 +1,4 @@
+// ============================================================================
+// Component Props
+// ============================================================================
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './common';
+export * from './screens';
+export * from './components';
+export * from './support';

package/dist/types/index.js

@@ -0,0 +1,8 @@
+// ============================================================================
+// Type Definitions - Barrel Export
+// ============================================================================
+// Re-export all types from subdirectories
+export * from './common';
+export * from './screens';
+export * from './components';
+export * from './support';