zelune 1.6.2 → 1.6.4

package/src/runtime/reactNativeShim.ts

@@ -1,240 +0,0 @@
-import React, { useRef } from 'react';
-import * as RNW from 'react-native-web';
-import { withNativeWind } from './nativewindShim';
-
-export * from 'react-native-web';
-
-// Wrap core React Native primitives with NativeWind className -> style support
-export const View = withNativeWind(RNW.View as unknown as React.ComponentType<Record<string, unknown>>, 'View');
-export const Text = withNativeWind(RNW.Text as unknown as React.ComponentType<Record<string, unknown>>, 'Text');
-export const Pressable = withNativeWind(
-  RNW.Pressable as unknown as React.ComponentType<Record<string, unknown>>,
-  'Pressable'
-);
-export const TouchableOpacity = withNativeWind(
-  RNW.TouchableOpacity as unknown as React.ComponentType<Record<string, unknown>>,
-  'TouchableOpacity'
-);
-export const TouchableHighlight = withNativeWind(
-  RNW.TouchableHighlight as unknown as React.ComponentType<Record<string, unknown>>,
-  'TouchableHighlight'
-);
-export const TouchableWithoutFeedback = withNativeWind(
-  RNW.TouchableWithoutFeedback as unknown as React.ComponentType<Record<string, unknown>>,
-  'TouchableWithoutFeedback'
-);
-export const ScrollView = withNativeWind(
-  RNW.ScrollView as unknown as React.ComponentType<Record<string, unknown>>,
-  'ScrollView'
-);
-export const FlatList = withNativeWind(
-  RNW.FlatList as unknown as React.ComponentType<Record<string, unknown>>,
-  'FlatList'
-);
-export const SectionList = withNativeWind(
-  RNW.SectionList as unknown as React.ComponentType<Record<string, unknown>>,
-  'SectionList'
-);
-export const KeyboardAvoidingView = withNativeWind(
-  RNW.KeyboardAvoidingView as unknown as React.ComponentType<Record<string, unknown>>,
-  'KeyboardAvoidingView'
-);
-export const TextInput = withNativeWind(
-  RNW.TextInput as unknown as React.ComponentType<Record<string, unknown>>,
-  'TextInput'
-);
-export const Image = withNativeWind(
-  RNW.Image as unknown as React.ComponentType<Record<string, unknown>>,
-  'Image'
-);
-export const ImageBackground = withNativeWind(
-  RNW.ImageBackground as unknown as React.ComponentType<Record<string, unknown>>,
-  'ImageBackground'
-);
-export const SafeAreaView = withNativeWind(
-  RNW.SafeAreaView as unknown as React.ComponentType<Record<string, unknown>>,
-  'SafeAreaView'
-);
-export const ActivityIndicator = withNativeWind(
-  RNW.ActivityIndicator as unknown as React.ComponentType<Record<string, unknown>>,
-  'ActivityIndicator'
-);
-export const Modal = withNativeWind(
-  RNW.Modal as unknown as React.ComponentType<Record<string, unknown>>,
-  'Modal'
-);
-
-// Pin mobile artboard dimensions (393x852 iPhone 15 Pro) so Dimensions.get('window')
-// and useWindowDimensions() never return the desktop browser's 1440x900 window size.
-const ARTBOARD_DIMENSIONS = {
-  width: 393,
-  height: 852,
-  scale: 3,
-  fontScale: 1,
-};
-
-export const Dimensions = {
-  get: (_dim?: 'window' | 'screen' | string) => ARTBOARD_DIMENSIONS,
-  set: () => undefined,
-  addEventListener: () => ({ remove: () => undefined }),
-  removeEventListener: () => undefined,
-};
-
-export function useWindowDimensions() {
-  return ARTBOARD_DIMENSIONS;
-}
-
-export function useAnimatedValue(initialValue = 0): RNW.Animated.Value {
-  const ref = useRef<RNW.Animated.Value | null>(null);
-  if (!ref.current) {
-    ref.current = new RNW.Animated.Value(initialValue);
-  }
-  return ref.current;
-}
-
-export const PermissionsAndroid = {
-  PERMISSIONS: new Proxy({} as Record<string, string>, {
-    get: (_target, prop) => String(prop),
-  }),
-  RESULTS: {
-    GRANTED: 'granted',
-    DENIED: 'denied',
-    NEVER_ASK_AGAIN: 'never_ask_again',
-  },
-  check: async () => true,
-  request: async () => 'granted',
-  requestMultiple: async () => ({}),
-};
-
-export const ToastAndroid = {
-  SHORT: 2000,
-  LONG: 3500,
-  TOP: 0,
-  BOTTOM: 1,
-  CENTER: 2,
-  show: () => undefined,
-  showWithGravity: () => undefined,
-  showWithGravityAndOffset: () => undefined,
-};
-
-export const ActionSheetIOS = {
-  showActionSheetWithOptions: () => undefined,
-  showShareActionSheetWithOptions: () => undefined,
-  dismissActionSheet: () => undefined,
-};
-
-export const InputAccessoryView: React.FC<{ children?: React.ReactNode }> = ({ children }) =>
-  React.createElement(React.Fragment, null, children);
-
-export const DrawerLayoutAndroid: React.FC<{
-  children?: React.ReactNode;
-  style?: unknown;
-}> = ({ children, style }) =>
-  React.createElement(RNW.View, { style: [{ flex: 1 }, style] as never }, children);
-
-export const TurboModuleRegistry = {
-  get: () => ({}),
-  getEnforcing: () => ({}),
-};
-
-export function requireNativeComponent(viewName: string) {
-  const Comp: React.FC<{ children?: React.ReactNode; style?: unknown }> = ({
-    children,
-    style,
-  }) => React.createElement(RNW.View, { style: style as never }, children);
-  Comp.displayName = viewName;
-  return Comp;
-}
-
-export const codegenNativeComponent = requireNativeComponent;
-
-export function PlatformColor(...names: string[]): string {
-  const first = (names[0] ?? '').toLowerCase();
-  if (first.includes('background')) return '#0F172A';
-  if (first.includes('label') || first.includes('text')) return '#F8FAFC';
-  return '#6366F1';
-}
-
-export function DynamicColorIOS(tuple: { light?: string; dark?: string }): string {
-  return tuple?.dark ?? tuple?.light ?? '#6366F1';
-}
-
-export const DevSettings = {
-  addMenuItem: () => undefined,
-  reload: () => undefined,
-};
-
-export const Systrace = {
-  isEnabled: () => false,
-  beginEvent: () => undefined,
-  endEvent: () => undefined,
-  beginAsyncEvent: () => 0,
-  endAsyncEvent: () => undefined,
-  counterEvent: () => undefined,
-};
-
-export const Networking = {
-  addListener: () => ({ remove: () => undefined }),
-  sendRequest: () => undefined,
-  abortRequest: () => undefined,
-  clearCookies: () => undefined,
-};
-
-export const Settings = {
-  get: () => undefined,
-  set: () => undefined,
-  watchKeys: () => 0,
-  clearWatch: () => undefined,
-};
-
-const ReactNativeDefault = new Proxy(
-  {
-    ...RNW,
-    View,
-    Text,
-    Pressable,
-    TouchableOpacity,
-    TouchableHighlight,
-    TouchableWithoutFeedback,
-    ScrollView,
-    FlatList,
-    SectionList,
-    KeyboardAvoidingView,
-    TextInput,
-    Image,
-    ImageBackground,
-    SafeAreaView,
-    ActivityIndicator,
-    Modal,
-    Dimensions,
-    useWindowDimensions,
-    useAnimatedValue,
-    PermissionsAndroid,
-    ToastAndroid,
-    ActionSheetIOS,
-    InputAccessoryView,
-    DrawerLayoutAndroid,
-    TurboModuleRegistry,
-    requireNativeComponent,
-    codegenNativeComponent,
-    PlatformColor,
-    DynamicColorIOS,
-    DevSettings,
-    Systrace,
-    Networking,
-    Settings,
-  },
-  {
-    get(target, prop) {
-      if (prop in target) {
-        return target[prop as keyof typeof target];
-      }
-      if (typeof prop === 'string' && /^[A-Z]/.test(prop)) {
-        return requireNativeComponent(prop);
-      }
-      return () => undefined;
-    },
-  }
-);
-
-export default ReactNativeDefault;

package/src/screens/CheckoutScreen.tsx

@@ -1,229 +0,0 @@
-import React from 'react';
-import {
-  View,
-  Text,
-  TouchableOpacity,
-  StyleSheet,
-} from 'react-native';
-import { useNavigation } from '../runtime/MockNavigationContext';
-
-export default function CheckoutScreen() {
-  const navigation = useNavigation();
-
-  return (
-    <View style={styles.container}>
-      <View style={styles.headerRow}>
-        <TouchableOpacity
-          activeOpacity={0.78}
-          style={styles.backButton}
-          onPress={() => navigation.navigate('ProductDetail')}
-        >
-          <Text style={styles.backButtonText}>← Spec Sheet</Text>
-        </TouchableOpacity>
-        <Text style={styles.headerTitle}>Dispatch &amp; Settlement</Text>
-      </View>
-
-      <View style={styles.orderCard}>
-        <Text style={styles.sectionHeading}>MANIFEST // ORDER #CH-8841</Text>
-        <View style={styles.itemRow}>
-          <View>
-            <Text style={styles.itemName}>Chronos Studio Pro</Text>
-            <Text style={styles.itemVariant}>Obsidian Anodized · Unit 01</Text>
-          </View>
-          <Text style={styles.itemPrice}>$349.00</Text>
-        </View>
-
-        <View style={styles.divider} />
-
-        <View style={styles.summaryRow}>
-          <Text style={styles.summaryLabel}>Priority Courier Dispatch</Text>
-          <Text style={styles.summaryFree}>INCLUDED</Text>
-        </View>
-        <View style={styles.summaryRow}>
-          <Text style={styles.summaryLabel}>Import &amp; Acoustic Levy</Text>
-          <Text style={styles.summaryValue}>$28.80</Text>
-        </View>
-        <View style={styles.totalRow}>
-          <Text style={styles.totalLabel}>Total Settlement</Text>
-          <Text style={styles.totalAmount}>$377.80</Text>
-        </View>
-      </View>
-
-      <View style={styles.paymentCard}>
-        <Text style={styles.sectionHeading}>CRYPTOGRAPHIC AUTHORIZATION</Text>
-        <View style={styles.cardMethodRow}>
-          <View style={styles.cardBrandBadge}>
-            <Text style={styles.cardBrandText}>G-PAY</Text>
-          </View>
-          <View>
-            <Text style={styles.cardNumber}>Hardware Token ·••• 4829</Text>
-            <Text style={styles.cardSub}>Biometric enclave signature ready</Text>
-          </View>
-        </View>
-      </View>
-
-      <TouchableOpacity
-        activeOpacity={0.78}
-        style={styles.confirmButton}
-        onPress={() => navigation.navigate('Home')}
-      >
-        <Text style={styles.confirmButtonText}>Authorize $377.80 Settlement</Text>
-      </TouchableOpacity>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#0A0B0E',
-    padding: 20,
-    justifyContent: 'space-between',
-  },
-  headerRow: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginTop: 6,
-  },
-  backButton: {
-    backgroundColor: '#13161E',
-    paddingHorizontal: 12,
-    paddingVertical: 9,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: '#222836',
-  },
-  backButtonText: {
-    color: '#E2E8F0',
-    fontSize: 12,
-    fontWeight: '600',
-  },
-  headerTitle: {
-    color: '#F8FAFC',
-    fontSize: 16,
-    fontWeight: '700',
-    letterSpacing: -0.2,
-  },
-  orderCard: {
-    backgroundColor: '#11141C',
-    borderRadius: 16,
-    padding: 18,
-    gap: 12,
-    borderWidth: 1,
-    borderColor: '#1E2433',
-  },
-  sectionHeading: {
-    color: '#38BDF8',
-    fontSize: 10,
-    fontWeight: '700',
-    letterSpacing: 1,
-  },
-  itemRow: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-  },
-  itemName: {
-    color: '#F8FAFC',
-    fontSize: 15,
-    fontWeight: '600',
-  },
-  itemVariant: {
-    color: '#64748B',
-    fontSize: 12,
-    marginTop: 2,
-  },
-  itemPrice: {
-    color: '#F8FAFC',
-    fontSize: 15,
-    fontWeight: '700',
-  },
-  divider: {
-    height: 1,
-    backgroundColor: '#1E2433',
-    marginVertical: 4,
-  },
-  summaryRow: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-  summaryLabel: {
-    color: '#94A3B8',
-    fontSize: 13,
-  },
-  summaryFree: {
-    color: '#10B981',
-    fontSize: 11,
-    fontWeight: '700',
-    letterSpacing: 0.6,
-  },
-  summaryValue: {
-    color: '#E2E8F0',
-    fontSize: 13,
-    fontWeight: '600',
-  },
-  totalRow: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginTop: 4,
-  },
-  totalLabel: {
-    color: '#F8FAFC',
-    fontSize: 14,
-    fontWeight: '700',
-  },
-  totalAmount: {
-    color: '#38BDF8',
-    fontSize: 20,
-    fontWeight: '700',
-  },
-  paymentCard: {
-    backgroundColor: '#11141C',
-    borderRadius: 14,
-    padding: 16,
-    gap: 10,
-    borderWidth: 1,
-    borderColor: '#1E2433',
-  },
-  cardMethodRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 12,
-  },
-  cardBrandBadge: {
-    backgroundColor: '#161A26',
-    borderWidth: 1,
-    borderColor: '#262D3D',
-    paddingHorizontal: 10,
-    paddingVertical: 8,
-    borderRadius: 7,
-  },
-  cardBrandText: {
-    color: '#38BDF8',
-    fontSize: 10,
-    fontWeight: '700',
-    letterSpacing: 0.8,
-  },
-  cardNumber: {
-    color: '#F8FAFC',
-    fontSize: 14,
-    fontWeight: '600',
-  },
-  cardSub: {
-    color: '#64748B',
-    fontSize: 12,
-  },
-  confirmButton: {
-    backgroundColor: '#F8FAFC',
-    borderRadius: 10,
-    paddingVertical: 15,
-    alignItems: 'center',
-  },
-  confirmButtonText: {
-    color: '#08090C',
-    fontSize: 14,
-    fontWeight: '700',
-  },
-});