@onairos/react-native 1.0.0

package/lib/module/components/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","View","Text","StyleSheet","TouchableOpacity","ScrollView","Platform","Dimensions","BottomSheet","Icon","COLORS","height","get","Overlay","visible","onClose","onAccept","AppName","requestData","biometricType","OS","bottomSheetRef","snapPoints","_bottomSheetRef$curre","current","expand","_bottomSheetRef$curre2","close","getBiometricIcon","renderDataCategories","Object","entries","map","category","items","createElement","key","style","styles","categoryContainer","categoryTitle","item","description","itemContainer","name","size","color","primary","itemContent","itemTitle","itemDescription","ref","index","enablePanDownToClose","backdropComponent","animatedIndex","backdrop","opacity","interpolate","inputRange","outputRange","container","header","headerTitle","onPress","closeButton","content","appInfoContainer","appName","requestText","securityNotice","securityText","footer","cancelButton","cancelButtonText","acceptButton","acceptButtonText","buttonIcon","create","flex","backgroundColor","absoluteFillObject","flexDirection","alignItems","padding","headerBg","borderTopLeftRadius","borderTopRightRadius","fontSize","fontWeight","marginLeft","marginBottom","paddingLeft","borderRadius","borderTopWidth","borderTopColor","justifyContent","paddingVertical","borderWidth","borderColor","marginRight"],"sourceRoot":"..\\..\\..\\src","sources":["components/Overlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/UniversalOnboarding.js

@@ -0,0 +1,164 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, Dimensions } from 'react-native';
+import BottomSheet from '@gorhom/bottom-sheet';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { PlatformList } from './PlatformList';
+import { PinInput } from './PinInput';
+import { TrainingModal } from './TrainingModal';
+import { useConnections } from '../hooks/useConnections';
+import { COLORS } from '../constants';
+const {
+  height
+} = Dimensions.get('window');
+export const UniversalOnboarding = ({
+  visible,
+  onClose,
+  AppName,
+  requestData,
+  returnLink,
+  onComplete,
+  embedd,
+  debug,
+  test
+}) => {
+  const bottomSheetRef = useRef(null);
+  const [step, setStep] = useState('connect');
+  const [connections, setConnections] = useState({});
+  const [pin, setPin] = useState('');
+  const [training, setTraining] = useState({
+    progress: 0,
+    eta: ''
+  });
+  const {
+    connectPlatform,
+    disconnectPlatform,
+    getConnectionStatus,
+    isConnecting
+  } = useConnections();
+  const snapPoints = useMemo(() => ['90%'], []);
+  useEffect(() => {
+    if (visible) {
+      var _bottomSheetRef$curre;
+      (_bottomSheetRef$curre = bottomSheetRef.current) === null || _bottomSheetRef$curre === void 0 || _bottomSheetRef$curre.expand();
+      loadInitialStatus();
+    } else {
+      var _bottomSheetRef$curre2;
+      (_bottomSheetRef$curre2 = bottomSheetRef.current) === null || _bottomSheetRef$curre2 === void 0 || _bottomSheetRef$curre2.close();
+    }
+  }, [visible]);
+  const loadInitialStatus = useCallback(async () => {
+    const status = await getConnectionStatus();
+    setConnections(status);
+  }, [getConnectionStatus]);
+  const handlePlatformToggle = useCallback(async (platform, connect) => {
+    try {
+      if (connect) {
+        await connectPlatform(platform);
+      } else {
+        await disconnectPlatform(platform);
+      }
+      await loadInitialStatus();
+    } catch (error) {
+      console.error(`Error toggling ${platform}:`, error);
+    }
+  }, [connectPlatform, disconnectPlatform, loadInitialStatus]);
+  const handlePinSubmit = useCallback(async userPin => {
+    setPin(userPin);
+    setStep('training');
+    // Simulate training progress
+    let progress = 0;
+    const interval = setInterval(() => {
+      progress += 0.1;
+      setTraining({
+        progress,
+        eta: `${Math.round((1 - progress) * 100)} seconds remaining`
+      });
+      if (progress >= 1) {
+        clearInterval(interval);
+        onComplete('https://api2.onairos.uk', 'dummy-token', {
+          pin: userPin,
+          connections
+        });
+      }
+    }, 1000);
+  }, [connections, onComplete]);
+  const canProceedToPin = useMemo(() => {
+    const connectedPlatforms = Object.values(connections).filter(Boolean).length;
+    return connectedPlatforms >= 2;
+  }, [connections]);
+  const renderHeader = () => /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "auto_awesome",
+    size: 24,
+    color: COLORS.primary
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.headerTitle
+  }, "Connect with Onairos"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onClose,
+    style: styles.closeButton
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "close",
+    size: 24,
+    color: "#000"
+  })));
+  const renderContent = () => {
+    switch (step) {
+      case 'connect':
+        return /*#__PURE__*/React.createElement(PlatformList, {
+          connections: connections,
+          onToggle: handlePlatformToggle,
+          isLoading: isConnecting,
+          canProceed: canProceedToPin,
+          onProceed: () => setStep('pin')
+        });
+      case 'pin':
+        return /*#__PURE__*/React.createElement(PinInput, {
+          onSubmit: handlePinSubmit,
+          minLength: 8,
+          requireSpecialChar: true,
+          requireNumber: true
+        });
+      case 'training':
+        return /*#__PURE__*/React.createElement(TrainingModal, {
+          progress: training.progress,
+          eta: training.eta,
+          onCancel: onClose
+        });
+    }
+  };
+  return /*#__PURE__*/React.createElement(BottomSheet, {
+    ref: bottomSheetRef,
+    snapPoints: snapPoints,
+    enablePanDownToClose: true,
+    onClose: onClose,
+    index: visible ? 0 : -1
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, renderHeader(), renderContent()));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff'
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    backgroundColor: COLORS.headerBg,
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16
+  },
+  headerTitle: {
+    flex: 1,
+    fontSize: 18,
+    fontWeight: '600',
+    marginLeft: 12,
+    color: '#000'
+  },
+  closeButton: {
+    padding: 8
+  }
+});
+//# sourceMappingURL=UniversalOnboarding.js.map

package/lib/module/components/UniversalOnboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","View","Text","StyleSheet","TouchableOpacity","Dimensions","BottomSheet","Icon","PlatformList","PinInput","TrainingModal","useConnections","COLORS","height","get","UniversalOnboarding","visible","onClose","AppName","requestData","returnLink","onComplete","embedd","debug","test","bottomSheetRef","step","setStep","connections","setConnections","pin","setPin","training","setTraining","progress","eta","connectPlatform","disconnectPlatform","getConnectionStatus","isConnecting","snapPoints","_bottomSheetRef$curre","current","expand","loadInitialStatus","_bottomSheetRef$curre2","close","status","handlePlatformToggle","platform","connect","error","console","handlePinSubmit","userPin","interval","setInterval","Math","round","clearInterval","canProceedToPin","connectedPlatforms","Object","values","filter","Boolean","length","renderHeader","createElement","style","styles","header","name","size","color","primary","headerTitle","onPress","closeButton","renderContent","onToggle","isLoading","canProceed","onProceed","onSubmit","minLength","requireSpecialChar","requireNumber","onCancel","ref","enablePanDownToClose","index","container","create","flex","backgroundColor","flexDirection","alignItems","padding","headerBg","borderTopLeftRadius","borderTopRightRadius","fontSize","fontWeight","marginLeft"],"sourceRoot":"..\\..\\..\\src","sources":["components/UniversalOnboarding.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/onboarding/OAuthWebView.js

@@ -0,0 +1,128 @@
+import React, { useCallback, useState } from 'react';
+import { View, StyleSheet, ActivityIndicator, SafeAreaView, TouchableOpacity } from 'react-native';
+import { WebView } from 'react-native-webview';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { COLORS } from '../../constants';
+export const OAuthWebView = ({
+  url,
+  platform,
+  onComplete,
+  onClose
+}) => {
+  const [loading, setLoading] = useState(true);
+  const handleNavigationStateChange = useCallback(navState => {
+    // Check if the URL includes our redirect URI
+    if (navState.url.startsWith('onairosreact://auth/')) {
+      // OAuth flow is complete - callback will be handled by the deep link handler
+      onComplete();
+      return;
+    }
+  }, [onComplete]);
+  const handleLoadEnd = useCallback(() => {
+    setLoading(false);
+  }, []);
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onClose,
+    style: styles.closeButton
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "close",
+    size: 24,
+    color: "#000"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.titleContainer
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: getPlatformIcon(platform),
+    size: 20,
+    color: getPlatformColor(platform)
+  }))), /*#__PURE__*/React.createElement(WebView, {
+    source: {
+      uri: url
+    },
+    onNavigationStateChange: handleNavigationStateChange,
+    onLoadEnd: handleLoadEnd,
+    startInLoadingState: true,
+    renderLoading: () => null // We'll handle our own loading UI
+    ,
+    style: styles.webView
+  }), loading && /*#__PURE__*/React.createElement(View, {
+    style: styles.loadingContainer
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "large",
+    color: COLORS.primary
+  })));
+};
+
+/**
+ * Get platform-specific icon
+ */
+const getPlatformIcon = platform => {
+  switch (platform) {
+    case 'instagram':
+      return 'photo-camera';
+    case 'youtube':
+      return 'smart-display';
+    case 'pinterest':
+      return 'push-pin';
+    case 'reddit':
+      return 'forum';
+    default:
+      return 'link';
+  }
+};
+
+/**
+ * Get platform-specific color
+ */
+const getPlatformColor = platform => {
+  switch (platform) {
+    case 'instagram':
+      return '#E1306C';
+    case 'youtube':
+      return '#FF0000';
+    case 'pinterest':
+      return '#E60023';
+    case 'reddit':
+      return '#FF4500';
+    default:
+      return COLORS.primary;
+  }
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff'
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: 56,
+    backgroundColor: '#f8f8f8',
+    borderBottomWidth: 1,
+    borderBottomColor: '#e0e0e0',
+    paddingHorizontal: 16
+  },
+  titleContainer: {
+    flex: 1,
+    alignItems: 'center'
+  },
+  closeButton: {
+    padding: 8,
+    position: 'absolute',
+    left: 16,
+    zIndex: 10
+  },
+  webView: {
+    flex: 1
+  },
+  loadingContainer: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: 'rgba(255, 255, 255, 0.8)',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=OAuthWebView.js.map

package/lib/module/components/onboarding/OAuthWebView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","View","StyleSheet","ActivityIndicator","SafeAreaView","TouchableOpacity","WebView","Icon","COLORS","OAuthWebView","url","platform","onComplete","onClose","loading","setLoading","handleNavigationStateChange","navState","startsWith","handleLoadEnd","createElement","style","styles","container","header","onPress","closeButton","name","size","color","titleContainer","getPlatformIcon","getPlatformColor","source","uri","onNavigationStateChange","onLoadEnd","startInLoadingState","renderLoading","webView","loadingContainer","primary","create","flex","backgroundColor","flexDirection","alignItems","height","borderBottomWidth","borderBottomColor","paddingHorizontal","padding","position","left","zIndex","absoluteFillObject","justifyContent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/onboarding/OAuthWebView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/onboarding/OnboardingHeader.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { COLORS } from '../../constants';
+export const OnboardingHeader = ({
+  title,
+  subtitle,
+  showBackButton = false,
+  onBack,
+  onClose
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, showBackButton && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.backButton,
+    onPress: onBack
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "arrow-back",
+    size: 24,
+    color: "#000"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.titleContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, subtitle)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.closeButton,
+    onPress: onClose
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "close",
+    size: 24,
+    color: "#000"
+  })));
+};
+const styles = StyleSheet.create({
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    backgroundColor: COLORS.headerBg,
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16
+  },
+  backButton: {
+    padding: 8,
+    marginRight: 8
+  },
+  titleContainer: {
+    flex: 1
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: '600',
+    color: '#000'
+  },
+  subtitle: {
+    fontSize: 14,
+    color: '#666',
+    marginTop: 4
+  },
+  closeButton: {
+    padding: 8
+  }
+});
+//# sourceMappingURL=OnboardingHeader.js.map

package/lib/module/components/onboarding/OnboardingHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","Icon","COLORS","OnboardingHeader","title","subtitle","showBackButton","onBack","onClose","createElement","style","styles","header","backButton","onPress","name","size","color","titleContainer","closeButton","create","flexDirection","alignItems","padding","backgroundColor","headerBg","borderTopLeftRadius","borderTopRightRadius","marginRight","flex","fontSize","fontWeight","marginTop"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/onboarding/OnboardingHeader.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AACvE,OAAOC,IAAI,MAAM,yCAAyC;AAC1D,SAASC,MAAM,QAAQ,iBAAiB;AAUxC,OAAO,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,QAAQ;EACRC,cAAc,GAAG,KAAK;EACtBC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC;EAAO,GACxBN,cAAc,iBACbV,KAAA,CAAAa,aAAA,CAACT,gBAAgB;IAACU,KAAK,EAAEC,MAAM,CAACE,UAAW;IAACC,OAAO,EAAEP;EAAO,gBAC1DX,KAAA,CAAAa,aAAA,CAACR,IAAI;IAACc,IAAI,EAAC,YAAY;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAM,CAAE,CAChC,CACnB,eAEDrB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACO;EAAe,gBACjCtB,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACY,KAAK,EAAEC,MAAM,CAACP;EAAM,GAAEA,KAAY,CAAC,EACxCC,QAAQ,iBAAIT,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACY,KAAK,EAAEC,MAAM,CAACN;EAAS,GAAEA,QAAe,CACvD,CAAC,eAEPT,KAAA,CAAAa,aAAA,CAACT,gBAAgB;IAACU,KAAK,EAAEC,MAAM,CAACQ,WAAY;IAACL,OAAO,EAAEN;EAAQ,gBAC5DZ,KAAA,CAAAa,aAAA,CAACR,IAAI;IAACc,IAAI,EAAC,OAAO;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAM,CAAE,CAC3B,CACd,CAAC;AAEX,CAAC;AAED,MAAMN,MAAM,GAAGZ,UAAU,CAACqB,MAAM,CAAC;EAC/BR,MAAM,EAAE;IACNS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE,EAAE;IACXC,eAAe,EAAEtB,MAAM,CAACuB,QAAQ;IAChCC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB,CAAC;EACDd,UAAU,EAAE;IACVU,OAAO,EAAE,CAAC;IACVK,WAAW,EAAE;EACf,CAAC;EACDV,cAAc,EAAE;IACdW,IAAI,EAAE;EACR,CAAC;EACDzB,KAAK,EAAE;IACL0B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBd,KAAK,EAAE;EACT,CAAC;EACDZ,QAAQ,EAAE;IACRyB,QAAQ,EAAE,EAAE;IACZb,KAAK,EAAE,MAAM;IACbe,SAAS,EAAE;EACb,CAAC;EACDb,WAAW,EAAE;IACXI,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/onboarding/PinInput.js

@@ -0,0 +1,274 @@
+import React, { useState, useCallback, useEffect } from 'react';
+import { View, Text, StyleSheet, TextInput, TouchableOpacity, Keyboard, KeyboardAvoidingView, Platform } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { COLORS } from '../../constants';
+export const PinInput = ({
+  onSubmit,
+  minLength = 6,
+  requireSpecialChar = true,
+  requireNumber = true
+}) => {
+  const [pin, setPin] = useState('');
+  const [confirmPin, setConfirmPin] = useState('');
+  const [showPin, setShowPin] = useState(false);
+  const [errors, setErrors] = useState([]);
+  const [step, setStep] = useState('create');
+
+  // Validate pin whenever it changes
+  useEffect(() => {
+    if (step === 'create') {
+      validatePin(pin);
+    }
+  }, [pin, step]);
+
+  // Validate PIN strength and requirements
+  const validatePin = useCallback(value => {
+    const newErrors = [];
+    if (value.length < minLength) {
+      newErrors.push(`PIN must be at least ${minLength} characters`);
+    }
+    if (requireNumber && !/\d/.test(value)) {
+      newErrors.push('PIN must include at least one number');
+    }
+    if (requireSpecialChar && !/[!@#$%^&*(),.?":{}|<>]/.test(value)) {
+      newErrors.push('PIN must include at least one special character');
+    }
+    setErrors(newErrors);
+    return newErrors.length === 0;
+  }, [minLength, requireNumber, requireSpecialChar]);
+
+  // Handle PIN submission
+  const handleSubmit = useCallback(() => {
+    if (step === 'create') {
+      if (validatePin(pin)) {
+        setStep('confirm');
+      }
+    } else {
+      // Confirm PIN
+      if (pin === confirmPin) {
+        Keyboard.dismiss();
+        onSubmit(pin);
+      } else {
+        setErrors(['PINs do not match']);
+        setConfirmPin('');
+      }
+    }
+  }, [pin, confirmPin, step, validatePin, onSubmit]);
+
+  // Go back to PIN creation step
+  const handleBack = useCallback(() => {
+    setStep('create');
+    setConfirmPin('');
+    setErrors([]);
+  }, []);
+
+  // Toggle PIN visibility
+  const togglePinVisibility = useCallback(() => {
+    setShowPin(!showPin);
+  }, [showPin]);
+  return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    behavior: Platform.OS === 'ios' ? 'padding' : 'height',
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.content
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, step === 'create' ? 'Create a PIN' : 'Confirm your PIN'), /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, step === 'create' ? 'This PIN will protect your Onairos account' : 'Please re-enter your PIN to confirm'), /*#__PURE__*/React.createElement(View, {
+    style: styles.inputContainer
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.input,
+    value: step === 'create' ? pin : confirmPin,
+    onChangeText: step === 'create' ? setPin : setConfirmPin,
+    secureTextEntry: !showPin,
+    keyboardType: "default",
+    autoCapitalize: "none",
+    autoCorrect: false,
+    placeholder: step === 'create' ? 'Enter PIN' : 'Confirm PIN',
+    placeholderTextColor: "#999",
+    returnKeyType: "done",
+    onSubmitEditing: handleSubmit
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.visibilityToggle,
+    onPress: togglePinVisibility
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: showPin ? 'visibility-off' : 'visibility',
+    size: 24,
+    color: "#999"
+  }))), errors.length > 0 && /*#__PURE__*/React.createElement(View, {
+    style: styles.errorContainer
+  }, errors.map((error, index) => /*#__PURE__*/React.createElement(View, {
+    key: index,
+    style: styles.errorItem
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "error-outline",
+    size: 16,
+    color: "#f44336"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.errorText
+  }, error)))), step === 'create' && /*#__PURE__*/React.createElement(View, {
+    style: styles.requirementsContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.requirementsTitle
+  }, "PIN Requirements:"), /*#__PURE__*/React.createElement(View, {
+    style: styles.requirement
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: pin.length >= minLength ? 'check-circle' : 'radio-button-unchecked',
+    size: 16,
+    color: pin.length >= minLength ? '#4caf50' : '#999'
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.requirementText, {
+      color: pin.length >= minLength ? '#4caf50' : '#999'
+    }]
+  }, "At least ", minLength, " characters")), requireNumber && /*#__PURE__*/React.createElement(View, {
+    style: styles.requirement
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: /\d/.test(pin) ? 'check-circle' : 'radio-button-unchecked',
+    size: 16,
+    color: /\d/.test(pin) ? '#4caf50' : '#999'
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.requirementText, {
+      color: /\d/.test(pin) ? '#4caf50' : '#999'
+    }]
+  }, "Include at least one number")), requireSpecialChar && /*#__PURE__*/React.createElement(View, {
+    style: styles.requirement
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: /[!@#$%^&*(),.?":{}|<>]/.test(pin) ? 'check-circle' : 'radio-button-unchecked',
+    size: 16,
+    color: /[!@#$%^&*(),.?":{}|<>]/.test(pin) ? '#4caf50' : '#999'
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.requirementText, {
+      color: /[!@#$%^&*(),.?":{}|<>]/.test(pin) ? '#4caf50' : '#999'
+    }]
+  }, "Include at least one special character"))), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer
+  }, step === 'confirm' && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.button, styles.backButton],
+    onPress: handleBack
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "arrow-back",
+    size: 20,
+    color: COLORS.primary
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.buttonText, styles.backButtonText]
+  }, "Back")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.button, styles.nextButton, step === 'create' && errors.length > 0 || step === 'confirm' && !confirmPin ? styles.disabledButton : null],
+    onPress: handleSubmit,
+    disabled: step === 'create' && errors.length > 0 || step === 'confirm' && !confirmPin
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.buttonText, styles.nextButtonText]
+  }, step === 'create' ? 'Next' : 'Submit'), /*#__PURE__*/React.createElement(Icon, {
+    name: "arrow-forward",
+    size: 20,
+    color: "#fff"
+  })))));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  content: {
+    padding: 24
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginBottom: 8,
+    color: '#000'
+  },
+  subtitle: {
+    fontSize: 16,
+    color: '#666',
+    marginBottom: 24
+  },
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 8,
+    backgroundColor: '#f9f9f9',
+    marginBottom: 16
+  },
+  input: {
+    flex: 1,
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    fontSize: 16,
+    color: '#000'
+  },
+  visibilityToggle: {
+    padding: 12
+  },
+  errorContainer: {
+    marginBottom: 16
+  },
+  errorItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 4
+  },
+  errorText: {
+    color: '#f44336',
+    marginLeft: 6
+  },
+  requirementsContainer: {
+    backgroundColor: '#f5f5f5',
+    padding: 16,
+    borderRadius: 8,
+    marginBottom: 24
+  },
+  requirementsTitle: {
+    fontSize: 14,
+    fontWeight: '600',
+    marginBottom: 8,
+    color: '#000'
+  },
+  requirement: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 8
+  },
+  requirementText: {
+    marginLeft: 8,
+    fontSize: 14
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 12,
+    paddingHorizontal: 20,
+    borderRadius: 25
+  },
+  backButton: {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: COLORS.primary
+  },
+  nextButton: {
+    backgroundColor: COLORS.primary,
+    minWidth: 120,
+    justifyContent: 'center'
+  },
+  disabledButton: {
+    backgroundColor: '#ccc'
+  },
+  buttonText: {
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  backButtonText: {
+    color: COLORS.primary,
+    marginLeft: 8
+  },
+  nextButtonText: {
+    color: '#fff',
+    marginRight: 8
+  }
+});
+//# sourceMappingURL=PinInput.js.map