@onairos/react-native 3.7.1 → 3.7.3

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

@@ -1 +1,66 @@
-import React from'react';import{View,Text,StyleSheet,TouchableOpacity}from'react-native';import _0x179ecf from'react-native-vector-icons/MaterialIcons';function _0x2f4f(_0x4e1c16,_0x2f4fad){_0x4e1c16=_0x4e1c16-0x0;const _0x1ebf80=_0x4e1c();let _0x3cf4d=_0x1ebf80[_0x4e1c16];return _0x3cf4d;}import{COLORS}from'../../constants';export const OnboardingHeader=({title:_0x40efd8,subtitle:_0xdb6b7e,showBackButton:showBackButton=![],onBack:_0x71e4b2,onClose:_0x80b15c})=>{const _0x41cfc={'zCYVj':'arrow-back','EhMus':_0x2f4f(0x0),'BWAmC':'close'};return React[_0x2f4f(0x1)](View,{'style':styles[_0x2f4f(0x2)]},showBackButton&&React[_0x2f4f(0x1)](TouchableOpacity,{'style':styles[_0x2f4f(0x3)],'onPress':_0x71e4b2},React[_0x2f4f(0x1)](_0x179ecf,{'name':_0x41cfc[_0x2f4f(0x4)],'size':0x18,'color':_0x41cfc['EhMus']})),React[_0x2f4f(0x1)](View,{'style':styles[_0x2f4f(0x5)]},React[_0x2f4f(0x1)](Text,{'style':styles[_0x2f4f(0x6)]},_0x40efd8),_0xdb6b7e&&React[_0x2f4f(0x1)](Text,{'style':styles[_0x2f4f(0x7)]},_0xdb6b7e)),React['createElement'](TouchableOpacity,{'style':styles[_0x2f4f(0x8)],'onPress':_0x80b15c},React['createElement'](_0x179ecf,{'name':_0x41cfc[_0x2f4f(0x9)],'size':0x18,'color':_0x41cfc[_0x2f4f(0xa)]})));};const styles=StyleSheet[_0x2f4f(0xb)]({'header':{'flexDirection':_0x2f4f(0xc),'alignItems':_0x2f4f(0xd),'padding':0x10,'backgroundColor':COLORS[_0x2f4f(0xe)],'borderTopLeftRadius':0x10,'borderTopRightRadius':0x10},'backButton':{'padding':0x8,'marginRight':0x8},'titleContainer':{'flex':0x1},'title':{'fontSize':0x12,'fontWeight':_0x2f4f(0xf),'color':_0x2f4f(0x0)},'subtitle':{'fontSize':0xe,'color':'#666','marginTop':0x4},'closeButton':{'padding':0x8}});function _0x4e1c(){const _0x5c5eca=['#000','createElement','header','backButton','zCYVj','titleContainer','title','subtitle','closeButton','BWAmC','EhMus','create','row','center','headerBg','600'];_0x4e1c=function(){return _0x5c5eca;};return _0x4e1c();}
+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/PinInput.js

@@ -1 +1,274 @@
-import React,{useState,useCallback,useEffect}from'react';import{View,Text,StyleSheet,TextInput,TouchableOpacity,Keyboard,KeyboardAvoidingView,Platform}from'react-native';function _0xc9fd(_0xabfc7b,_0xc9fd43){_0xabfc7b=_0xabfc7b-0x0;const _0x6ab69f=_0xabfc();let _0x2551a0=_0x6ab69f[_0xabfc7b];return _0x2551a0;}import _0x44da30 from'react-native-vector-icons/MaterialIcons';import{COLORS}from'../../constants';export const PinInput=({onSubmit:_0x43e917,minLength:minLength=0x6,requireSpecialChar:requireSpecialChar=!![],requireNumber:requireNumber=!![]})=>{const _0x53c23f={'ECoZU':'create','dOFBP':function(_0x25e324,_0x1b9cd8){return _0x25e324(_0x1b9cd8);},'KdzRt':function(_0x22f717,_0x20b51c){return _0x22f717<_0x20b51c;},'VtQcU':_0xc9fd(0x0),'bIDFE':function(_0xd59167,_0x5531ef){return _0xd59167===_0x5531ef;},'Pxtxe':function(_0x5b82b0,_0x12919d){return _0x5b82b0!==_0x12919d;},'mKxbS':'GKaiB','HVtpe':function(_0x1172c1,_0x4c3885){return _0x1172c1!==_0x4c3885;},'Pwqcx':'ZYWVp','BmaKN':_0xc9fd(0x1),'cXEUm':function(_0x5bfdec,_0x4e94e1){return _0x5bfdec===_0x4e94e1;},'LDiNl':_0xc9fd(0x2),'qMAlx':_0xc9fd(0x3),'flJHE':function(_0x516f12,_0x2969ea){return _0x516f12===_0x2969ea;},'BVlyx':function(_0xfe8b86,_0xdb9c09){return _0xfe8b86(_0xdb9c09);},'rORBS':_0xc9fd(0x4),'fbQnf':function(_0x1bc7b0,_0x3be95f){return _0x1bc7b0(_0x3be95f);},'nEVyQ':function(_0x359f53,_0x352fae){return _0x359f53(_0x352fae);},'DditF':function(_0xc6331b,_0x4d8acf){return _0xc6331b(_0x4d8acf);},'Ztpas':function(_0x47ca3d,_0x3635ef){return _0x47ca3d===_0x3635ef;},'wxbXF':_0xc9fd(0x5),'LsepE':_0xc9fd(0x6),'mYAFu':function(_0x266538,_0xcc3568){return _0x266538(_0xcc3568);},'CMtos':function(_0x435570,_0x17dc24){return _0x435570(_0x17dc24);},'WyRdz':function(_0x2117dd,_0x2c79bc,_0x5152dd){return _0x2117dd(_0x2c79bc,_0x5152dd);},'NlrWj':function(_0x4ef4bd,_0x1b8a67){return _0x4ef4bd===_0x1b8a67;},'NcSlr':_0xc9fd(0x7),'FdtTR':_0xc9fd(0x8),'jvNSU':function(_0x1ffae7,_0x827095){return _0x1ffae7===_0x827095;},'yFnAb':'Create\x20a\x20PIN','LXcNn':_0xc9fd(0x9),'bplTs':function(_0x206fb9,_0x4342e5){return _0x206fb9===_0x4342e5;},'CJkIe':_0xc9fd(0xa),'OlTKZ':_0xc9fd(0xb),'IBVaU':_0xc9fd(0xc),'wKPXk':'done','QKJIE':_0xc9fd(0xd),'eEZbQ':_0xc9fd(0xe),'MCFlc':function(_0x113ab3,_0xc52de5){return _0x113ab3>_0xc52de5;},'eVkvN':function(_0x5d6110,_0x14b0de){return _0x5d6110===_0x14b0de;},'FdCqh':_0xc9fd(0xf),'amKIO':function(_0x3f96b0,_0x521cf0){return _0x3f96b0>=_0x521cf0;},'WcFEL':_0xc9fd(0x10),'qAndC':function(_0x877417,_0x490253){return _0x877417>=_0x490253;},'msQKc':_0xc9fd(0x11),'yjnnf':function(_0x76aee3,_0x52975c){return _0x76aee3>=_0x52975c;},'AXkyi':_0xc9fd(0x12),'DEmJe':'Include\x20at\x20least\x20one\x20number','aQcwk':_0xc9fd(0x13),'tgLli':function(_0x426451,_0x5b2a9b){return _0x426451===_0x5b2a9b;},'JCXVq':_0xc9fd(0x14),'VIBzR':'Back','KsaMV':function(_0x4ad9bf,_0xff307c){return _0x4ad9bf>_0xff307c;},'YlkEp':function(_0x2695ff,_0x334dfa){return _0x2695ff===_0x334dfa;},'DwXFK':function(_0x2ccbb7,_0x199f71){return _0x2ccbb7===_0x199f71;},'lWRMt':'arrow-forward','gQOVT':'#fff'},[_0x965de5,_0x2c653a]=useState(''),[_0x4beaf7,_0xa8ad0d]=_0x53c23f[_0xc9fd(0x15)](useState,''),[_0x2fac32,_0x1c7085]=_0x53c23f[_0xc9fd(0x15)](useState,![]),[_0x103bde,_0x22b077]=_0x53c23f[_0xc9fd(0x16)](useState,[]),[_0x49be8a,_0x20c47f]=_0x53c23f[_0xc9fd(0x17)](useState,_0xc9fd(0x18));useEffect(()=>{_0x49be8a===_0x53c23f[_0xc9fd(0x19)]&&_0x53c23f[_0xc9fd(0x1a)](_0x3a8390,_0x965de5);},[_0x965de5,_0x49be8a]);const _0x3a8390=useCallback(_0x243793=>{const _0x23015c=[];return _0x53c23f[_0xc9fd(0x1b)](_0x243793[_0xc9fd(0x1c)],minLength)&&_0x23015c[_0xc9fd(0x1d)](_0xc9fd(0x1e)+minLength+_0xc9fd(0x1f)),requireNumber&&!/\d/['test'](_0x243793)&&_0x23015c[_0xc9fd(0x1d)](_0x53c23f[_0xc9fd(0x20)]),requireSpecialChar&&!/[!@#$%^&*(),.?":{}|<>]/[_0xc9fd(0x21)](_0x243793)&&_0x23015c[_0xc9fd(0x1d)]('PIN\x20must\x20include\x20at\x20least\x20one\x20special\x20character'),_0x53c23f[_0xc9fd(0x1a)](_0x22b077,_0x23015c),_0x53c23f['bIDFE'](_0x23015c[_0xc9fd(0x1c)],0x0);},[minLength,requireNumber,requireSpecialChar]),_0x3a735a=useCallback(()=>{_0x53c23f[_0xc9fd(0x22)]('GKaiB',_0x53c23f['mKxbS'])?_0x13bf2b['push'](_0xc9fd(0x1e)+_0x5561a6+_0xc9fd(0x1f)):_0x49be8a===_0x53c23f[_0xc9fd(0x19)]?_0x53c23f[_0xc9fd(0x23)](_0xc9fd(0x24),_0x53c23f['Pwqcx'])?_0x53c23f[_0xc9fd(0x1a)](_0x3a8390,_0x965de5)&&_0x53c23f['dOFBP'](_0x20c47f,_0x53c23f[_0xc9fd(0x25)]):(_0x552db3(_0x53c23f[_0xc9fd(0x19)]),_0x53c23f[_0xc9fd(0x1a)](_0x43d626,''),_0x53c23f[_0xc9fd(0x1a)](_0x2ef0e4,[])):_0x53c23f[_0xc9fd(0x26)](_0x53c23f[_0xc9fd(0x27)],_0x53c23f[_0xc9fd(0x28)])?_0x4de6fd===_0x53c23f['ECoZU']&&_0x56e21e(_0x1e576f):_0x53c23f['flJHE'](_0x965de5,_0x4beaf7)?(Keyboard[_0xc9fd(0x29)](),_0x53c23f['BVlyx'](_0x43e917,_0x965de5)):_0xc9fd(0x2a)!==_0xc9fd(0x2b)?(_0x22b077([_0x53c23f[_0xc9fd(0x2c)]]),_0x53c23f[_0xc9fd(0x2d)](_0xa8ad0d,'')):_0x566f36[_0xc9fd(0x1d)](_0x53c23f['VtQcU']);},[_0x965de5,_0x4beaf7,_0x49be8a,_0x3a8390,_0x43e917]),_0x3fcfbb=useCallback(()=>{_0x53c23f['nEVyQ'](_0x20c47f,_0x53c23f[_0xc9fd(0x19)]),_0xa8ad0d(''),_0x22b077([]);},[]),_0x45c380=_0x53c23f[_0xc9fd(0x2e)](useCallback,()=>{const _0x18dbd2={'QKEoK':function(_0x2e4230,_0xc6aff6){return _0x53c23f['DditF'](_0x2e4230,_0xc6aff6);}};_0x53c23f[_0xc9fd(0x2f)](_0x53c23f['wxbXF'],_0x53c23f[_0xc9fd(0x30)])?(_0x18dbd2['QKEoK'](_0x1346b3,[_0xc9fd(0x4)]),_0x18dbd2['QKEoK'](_0x53defb,'')):_0x53c23f[_0xc9fd(0x2d)](_0x1c7085,!_0x2fac32);},[_0x2fac32]);return React[_0xc9fd(0x31)](KeyboardAvoidingView,{'behavior':_0x53c23f['NlrWj'](Platform['OS'],_0xc9fd(0x32))?_0x53c23f[_0xc9fd(0x33)]:_0x53c23f['FdtTR'],'style':styles[_0xc9fd(0x34)]},React[_0xc9fd(0x31)](View,{'style':styles[_0xc9fd(0x35)]},React[_0xc9fd(0x31)](Text,{'style':styles['title']},_0x53c23f[_0xc9fd(0x36)](_0x49be8a,_0x53c23f['ECoZU'])?_0x53c23f[_0xc9fd(0x37)]:_0x53c23f['LXcNn']),React[_0xc9fd(0x31)](Text,{'style':styles[_0xc9fd(0x38)]},_0x53c23f[_0xc9fd(0x39)](_0x49be8a,_0x53c23f[_0xc9fd(0x19)])?_0xc9fd(0x3a):'Please\x20re-enter\x20your\x20PIN\x20to\x20confirm'),React['createElement'](View,{'style':styles[_0xc9fd(0x3b)]},React[_0xc9fd(0x31)](TextInput,{'style':styles['input'],'value':_0x53c23f[_0xc9fd(0x36)](_0x49be8a,_0x53c23f[_0xc9fd(0x19)])?_0x965de5:_0x4beaf7,'onChangeText':_0x53c23f[_0xc9fd(0x26)](_0x49be8a,_0x53c23f[_0xc9fd(0x19)])?_0x2c653a:_0xa8ad0d,'secureTextEntry':!_0x2fac32,'keyboardType':_0x53c23f[_0xc9fd(0x3c)],'autoCapitalize':'none','autoCorrect':![],'placeholder':_0x53c23f[_0xc9fd(0x3d)](_0x49be8a,_0xc9fd(0x18))?_0x53c23f[_0xc9fd(0x3e)]:_0x53c23f[_0xc9fd(0x3f)],'placeholderTextColor':_0xc9fd(0xe),'returnKeyType':_0x53c23f[_0xc9fd(0x40)],'onSubmitEditing':_0x3a735a}),React['createElement'](TouchableOpacity,{'style':styles[_0xc9fd(0x41)],'onPress':_0x45c380},React[_0xc9fd(0x31)](_0x44da30,{'name':_0x2fac32?_0xc9fd(0x42):_0x53c23f['QKJIE'],'size':0x18,'color':_0x53c23f[_0xc9fd(0x43)]}))),_0x53c23f['MCFlc'](_0x103bde[_0xc9fd(0x1c)],0x0)&&React[_0xc9fd(0x31)](View,{'style':styles[_0xc9fd(0x44)]},_0x103bde[_0xc9fd(0x45)]((_0x12337a,_0xfe5a16)=>React[_0xc9fd(0x31)](View,{'key':_0xfe5a16,'style':styles[_0xc9fd(0x46)]},React['createElement'](_0x44da30,{'name':_0xc9fd(0x47),'size':0x10,'color':_0xc9fd(0x48)}),React[_0xc9fd(0x31)](Text,{'style':styles['errorText']},_0x12337a)))),_0x53c23f[_0xc9fd(0x49)](_0x49be8a,_0x53c23f[_0xc9fd(0x19)])&&React['createElement'](View,{'style':styles[_0xc9fd(0x4a)]},React[_0xc9fd(0x31)](Text,{'style':styles[_0xc9fd(0x4b)]},_0x53c23f[_0xc9fd(0x4c)]),React[_0xc9fd(0x31)](View,{'style':styles[_0xc9fd(0x4d)]},React[_0xc9fd(0x31)](_0x44da30,{'name':_0x53c23f['amKIO'](_0x965de5[_0xc9fd(0x1c)],minLength)?_0x53c23f[_0xc9fd(0x4e)]:_0xc9fd(0x12),'size':0x10,'color':_0x53c23f[_0xc9fd(0x4f)](_0x965de5[_0xc9fd(0x1c)],minLength)?_0x53c23f[_0xc9fd(0x50)]:_0xc9fd(0xe)}),React[_0xc9fd(0x31)](Text,{'style':[styles[_0xc9fd(0x51)],{'color':_0x53c23f[_0xc9fd(0x52)](_0x965de5[_0xc9fd(0x1c)],minLength)?_0x53c23f[_0xc9fd(0x50)]:_0x53c23f['eEZbQ']}]},'At\x20least\x20',minLength,_0xc9fd(0x1f))),requireNumber&&React[_0xc9fd(0x31)](View,{'style':styles[_0xc9fd(0x4d)]},React[_0xc9fd(0x31)](_0x44da30,{'name':/\d/[_0xc9fd(0x21)](_0x965de5)?_0x53c23f['WcFEL']:_0x53c23f[_0xc9fd(0x53)],'size':0x10,'color':/\d/['test'](_0x965de5)?_0x53c23f[_0xc9fd(0x50)]:'#999'}),React[_0xc9fd(0x31)](Text,{'style':[styles[_0xc9fd(0x51)],{'color':/\d/[_0xc9fd(0x21)](_0x965de5)?_0x53c23f[_0xc9fd(0x50)]:_0x53c23f[_0xc9fd(0x43)]}]},_0x53c23f[_0xc9fd(0x54)])),requireSpecialChar&&React['createElement'](View,{'style':styles[_0xc9fd(0x4d)]},React['createElement'](_0x44da30,{'name':/[!@#$%^&*(),.?":{}|<>]/[_0xc9fd(0x21)](_0x965de5)?_0x53c23f['WcFEL']:_0x53c23f[_0xc9fd(0x53)],'size':0x10,'color':/[!@#$%^&*(),.?":{}|<>]/[_0xc9fd(0x21)](_0x965de5)?_0x53c23f[_0xc9fd(0x50)]:_0x53c23f[_0xc9fd(0x43)]}),React[_0xc9fd(0x31)](Text,{'style':[styles[_0xc9fd(0x51)],{'color':/[!@#$%^&*(),.?":{}|<>]/[_0xc9fd(0x21)](_0x965de5)?_0xc9fd(0x11):_0xc9fd(0xe)}]},_0x53c23f[_0xc9fd(0x55)]))),React['createElement'](View,{'style':styles['buttonContainer']},_0x53c23f[_0xc9fd(0x56)](_0x49be8a,_0x53c23f[_0xc9fd(0x25)])&&React[_0xc9fd(0x31)](TouchableOpacity,{'style':[styles['button'],styles[_0xc9fd(0x57)]],'onPress':_0x3fcfbb},React[_0xc9fd(0x31)](_0x44da30,{'name':_0x53c23f[_0xc9fd(0x58)],'size':0x14,'color':COLORS['primary']}),React[_0xc9fd(0x31)](Text,{'style':[styles[_0xc9fd(0x59)],styles['backButtonText']]},_0x53c23f[_0xc9fd(0x5a)])),React[_0xc9fd(0x31)](TouchableOpacity,{'style':[styles[_0xc9fd(0x5b)],styles[_0xc9fd(0x5c)],_0x49be8a===_0xc9fd(0x18)&&_0x53c23f['KsaMV'](_0x103bde[_0xc9fd(0x1c)],0x0)||_0x53c23f[_0xc9fd(0x5d)](_0x49be8a,_0xc9fd(0x1))&&!_0x4beaf7?styles[_0xc9fd(0x5e)]:null],'onPress':_0x3a735a,'disabled':_0x53c23f['eVkvN'](_0x49be8a,'create')&&_0x103bde['length']>0x0||_0x53c23f[_0xc9fd(0x26)](_0x49be8a,_0x53c23f[_0xc9fd(0x25)])&&!_0x4beaf7},React['createElement'](Text,{'style':[styles['buttonText'],styles[_0xc9fd(0x5f)]]},_0x53c23f[_0xc9fd(0x60)](_0x49be8a,_0x53c23f[_0xc9fd(0x19)])?'Next':_0xc9fd(0x61)),React[_0xc9fd(0x31)](_0x44da30,{'name':_0x53c23f[_0xc9fd(0x62)],'size':0x14,'color':_0x53c23f[_0xc9fd(0x63)]})))));};const styles=StyleSheet['create']({'container':{'flex':0x1},'content':{'padding':0x18},'title':{'fontSize':0x18,'fontWeight':_0xc9fd(0x64),'marginBottom':0x8,'color':_0xc9fd(0x65)},'subtitle':{'fontSize':0x10,'color':_0xc9fd(0x66),'marginBottom':0x18},'inputContainer':{'flexDirection':_0xc9fd(0x67),'alignItems':_0xc9fd(0x68),'borderWidth':0x1,'borderColor':_0xc9fd(0x69),'borderRadius':0x8,'backgroundColor':_0xc9fd(0x6a),'marginBottom':0x10},'input':{'flex':0x1,'paddingHorizontal':0x10,'paddingVertical':0xc,'fontSize':0x10,'color':_0xc9fd(0x65)},'visibilityToggle':{'padding':0xc},'errorContainer':{'marginBottom':0x10},'errorItem':{'flexDirection':_0xc9fd(0x67),'alignItems':'center','marginBottom':0x4},'errorText':{'color':_0xc9fd(0x48),'marginLeft':0x6},'requirementsContainer':{'backgroundColor':_0xc9fd(0x6b),'padding':0x10,'borderRadius':0x8,'marginBottom':0x18},'requirementsTitle':{'fontSize':0xe,'fontWeight':_0xc9fd(0x6c),'marginBottom':0x8,'color':'#000'},'requirement':{'flexDirection':_0xc9fd(0x67),'alignItems':'center','marginBottom':0x8},'requirementText':{'marginLeft':0x8,'fontSize':0xe},'buttonContainer':{'flexDirection':_0xc9fd(0x67),'justifyContent':_0xc9fd(0x6d)},'button':{'flexDirection':_0xc9fd(0x67),'alignItems':_0xc9fd(0x68),'paddingVertical':0xc,'paddingHorizontal':0x14,'borderRadius':0x19},'backButton':{'backgroundColor':'transparent','borderWidth':0x1,'borderColor':COLORS['primary']},'nextButton':{'backgroundColor':COLORS[_0xc9fd(0x6e)],'minWidth':0x78,'justifyContent':'center'},'disabledButton':{'backgroundColor':_0xc9fd(0x6f)},'buttonText':{'fontSize':0x10,'fontWeight':_0xc9fd(0x6c)},'backButtonText':{'color':COLORS[_0xc9fd(0x6e)],'marginLeft':0x8},'nextButtonText':{'color':_0xc9fd(0x70),'marginRight':0x8}});function _0xabfc(){const _0x48c581=['PIN\x20must\x20include\x20at\x20least\x20one\x20number','confirm','kYslO','bKyjf','PINs\x20do\x20not\x20match','HMNus','TZlUO','padding','height','Confirm\x20your\x20PIN','default','Enter\x20PIN','Confirm\x20PIN','visibility','#999','PIN\x20Requirements:','check-circle','#4caf50','radio-button-unchecked','Include\x20at\x20least\x20one\x20special\x20character','arrow-back','mYAFu','nEVyQ','CMtos','create','ECoZU','dOFBP','KdzRt','length','push','PIN\x20must\x20be\x20at\x20least\x20','\x20characters','VtQcU','test','Pxtxe','HVtpe','MrZnb','BmaKN','cXEUm','LDiNl','qMAlx','dismiss','wNbId','CPnxb','rORBS','fbQnf','WyRdz','Ztpas','LsepE','createElement','ios','NcSlr','container','content','jvNSU','yFnAb','subtitle','bplTs','This\x20PIN\x20will\x20protect\x20your\x20Onairos\x20account','inputContainer','CJkIe','bIDFE','OlTKZ','IBVaU','wKPXk','visibilityToggle','visibility-off','eEZbQ','errorContainer','map','errorItem','error-outline','#f44336','eVkvN','requirementsContainer','requirementsTitle','FdCqh','requirement','WcFEL','qAndC','msQKc','requirementText','yjnnf','AXkyi','DEmJe','aQcwk','tgLli','backButton','JCXVq','buttonText','VIBzR','button','nextButton','YlkEp','disabledButton','nextButtonText','DwXFK','Submit','lWRMt','gQOVT','bold','#000','#666','row','center','#ddd','#f9f9f9','#f5f5f5','600','space-between','primary','#ccc','#fff'];_0xabfc=function(){return _0x48c581;};return _0xabfc();}
+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

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

@@ -1 +1,240 @@
-import React,{useState}from'react';import{View,Text,StyleSheet,TouchableOpacity,ActivityIndicator,ScrollView}from'react-native';import _0x1d325c from'react-native-vector-icons/MaterialIcons';import{COLORS}from'../../constants';function _0x8ff2(){const _0x4e0a21=['Connect\x20to\x20share\x20and\x20analyze\x20your\x20Instagram\x20content','YouTube','smart-display','#FF0000','Pinterest','Connect\x20to\x20enhance\x20Pinterest\x20board\x20recommendations','Connect\x20to\x20personalize\x20Reddit\x20content\x20insights','EbTDP','nRFkA','Disconnect','Connect\x20Your\x20Platforms','\x20of\x20','\x20platforms\x20connected','Continue','#999','gDoDx','uImhy','XdRzL','jZffC','pOaWN','CcxKN','filter','length','createElement','title','subtitle','gOouA','platformList','keys','map','userName','platformItem','platformInfo','color','#fff','platformText','platformName','platformDescription','Connected\x20as\x20','description','platformButton','disconnectButton','connectButton','small','WuQkR','buttonText','dDNzM','CYbzI','JWhCd','xkmjb','proceedButton','proceedInactive','proceedText','proceedTextActive','proceedTextInactive','IHcTl','arrow-forward','iHzat','https://oauth.example.com/','Received\x20authorization\x20code\x20for\x20','bold','#000','#666','row','center','#f8f8f8','#eee','600','primary','#f44336','space-between'];_0x8ff2=function(){return _0x4e0a21;};return _0x8ff2();}function _0x1969(_0x8ff2ed,_0x1969a6){_0x8ff2ed=_0x8ff2ed-0x0;const _0xf07efd=_0x8ff2();let _0x52154a=_0xf07efd[_0x8ff2ed];return _0x52154a;}import{OAuthWebView}from'./OAuthWebView';const PLATFORMS={'instagram':{'name':'Instagram','icon':'photo-camera','color':'#E1306C','description':_0x1969(0x0)},'youtube':{'name':_0x1969(0x1),'icon':_0x1969(0x2),'color':_0x1969(0x3),'description':'Connect\x20for\x20YouTube\x20video\x20recommendations\x20and\x20analysis'},'pinterest':{'name':_0x1969(0x4),'icon':'push-pin','color':'#E60023','description':_0x1969(0x5)},'reddit':{'name':'Reddit','icon':'forum','color':'#FF4500','description':_0x1969(0x6)}};export const PlatformConnector=({connections:_0x24da96,onConnect:_0x31c618,onDisconnect:_0x566e1d,isLoading:_0x223928,canProceed:_0x33d5cb,onProceed:_0x2ca1be})=>{const _0x3855eb={'CcxKN':function(_0x3eb903,_0x47c03c){return _0x3eb903(_0x47c03c);},'gDoDx':function(_0x3eef0f,_0x1ba5f5){return _0x3eef0f===_0x1ba5f5;},'AklYA':_0x1969(0x7),'uImhy':_0x1969(0x8),'jZffC':function(_0x245f0b,_0x246f38){return _0x245f0b(_0x246f38);},'pOaWN':function(_0x5b272f,_0x41266d){return _0x5b272f(_0x41266d);},'WuQkR':'#fff','dDNzM':_0x1969(0x9),'CYbzI':'Connect','JWhCd':function(_0x294e1a){return _0x294e1a();},'tmYSZ':_0x1969(0xa),'gOouA':'Connect\x20at\x20least\x202\x20platforms\x20to\x20create\x20your\x20Onairos\x20account','xkmjb':_0x1969(0xb),'GlrAR':_0x1969(0xc),'IHcTl':_0x1969(0xd),'iHzat':_0x1969(0xe)},[_0x4d2734,_0x7ec6eb]=_0x3855eb['jZffC'](useState,null),_0x2337d2=async _0x37661f=>{const _0x883bf7={'XdRzL':function(_0x53683d,_0x5b2cbd){return _0x3855eb['CcxKN'](_0x53683d,_0x5b2cbd);}};_0x3855eb[_0x1969(0xf)](_0x3855eb['AklYA'],_0x3855eb[_0x1969(0x10)])?_0x883bf7[_0x1969(0x11)](_0x1e35d4,null):_0x3855eb[_0x1969(0x12)](_0x7ec6eb,_0x37661f);},_0x52009a=()=>{_0x3855eb[_0x1969(0x13)](_0x7ec6eb,null);},_0x46e807=()=>{_0x3855eb[_0x1969(0x14)](_0x7ec6eb,null);},_0x44c7d6=async _0x376414=>{await _0x566e1d(_0x376414);},_0x385fbc=_0x347500=>{const _0x47fecc=_0x347500;return _0x24da96[_0x47fecc]?!![]:![];},_0x3e0f28=()=>{return Object['values'](_0x24da96)[_0x1969(0x15)](Boolean)[_0x1969(0x16)];};return React[_0x1969(0x17)](View,{'style':styles['container']},React[_0x1969(0x17)](Text,{'style':styles[_0x1969(0x18)]},_0x3855eb['tmYSZ']),React[_0x1969(0x17)](Text,{'style':styles[_0x1969(0x19)]},_0x3855eb[_0x1969(0x1a)]),React[_0x1969(0x17)](ScrollView,{'style':styles[_0x1969(0x1b)]},Object[_0x1969(0x1c)](PLATFORMS)[_0x1969(0x1d)](_0x5fceca=>{var _0x5ca368;const _0x241a76=PLATFORMS[_0x5fceca],_0x131057=_0x3855eb[_0x1969(0x12)](_0x385fbc,_0x5fceca),_0x5b5824=_0x131057?(_0x5ca368=_0x24da96[_0x5fceca])===null||_0x5ca368===void 0x0?void 0x0:_0x5ca368[_0x1969(0x1e)]:null;return React[_0x1969(0x17)](View,{'key':_0x5fceca,'style':styles[_0x1969(0x1f)]},React[_0x1969(0x17)](View,{'style':styles[_0x1969(0x20)]},React[_0x1969(0x17)](View,{'style':[styles['platformIcon'],{'backgroundColor':_0x241a76[_0x1969(0x21)]}]},React[_0x1969(0x17)](_0x1d325c,{'name':_0x241a76['icon'],'size':0x18,'color':_0x1969(0x22)})),React[_0x1969(0x17)](View,{'style':styles[_0x1969(0x23)]},React[_0x1969(0x17)](Text,{'style':styles[_0x1969(0x24)]},_0x241a76['name']),React[_0x1969(0x17)](Text,{'style':styles[_0x1969(0x25)]},_0x131057?_0x1969(0x26)+_0x5b5824:_0x241a76[_0x1969(0x27)]))),React[_0x1969(0x17)](TouchableOpacity,{'style':[styles[_0x1969(0x28)],_0x131057?styles[_0x1969(0x29)]:styles[_0x1969(0x2a)]],'onPress':()=>_0x131057?_0x44c7d6(_0x5fceca):_0x2337d2(_0x5fceca),'disabled':_0x223928},_0x223928?React[_0x1969(0x17)](ActivityIndicator,{'size':_0x1969(0x2b),'color':_0x3855eb[_0x1969(0x2c)]}):React[_0x1969(0x17)](Text,{'style':styles[_0x1969(0x2d)]},_0x131057?_0x3855eb[_0x1969(0x2e)]:_0x3855eb[_0x1969(0x2f)])));})),React[_0x1969(0x17)](View,{'style':styles['footer']},React[_0x1969(0x17)](Text,{'style':styles['connectionStatus']},_0x3855eb[_0x1969(0x30)](_0x3e0f28),_0x3855eb[_0x1969(0x31)],Object['keys'](PLATFORMS)['length'],_0x3855eb['GlrAR']),React[_0x1969(0x17)](TouchableOpacity,{'style':[styles[_0x1969(0x32)],_0x33d5cb?styles['proceedActive']:styles[_0x1969(0x33)]],'onPress':_0x2ca1be,'disabled':!_0x33d5cb},React[_0x1969(0x17)](Text,{'style':[styles[_0x1969(0x34)],_0x33d5cb?styles[_0x1969(0x35)]:styles[_0x1969(0x36)]]},_0x3855eb[_0x1969(0x37)]),React[_0x1969(0x17)](_0x1d325c,{'name':_0x1969(0x38),'size':0x14,'color':_0x33d5cb?_0x3855eb[_0x1969(0x2c)]:_0x3855eb[_0x1969(0x39)]}))),_0x4d2734&&React[_0x1969(0x17)](OAuthWebView,{'url':_0x1969(0x3a)+_0x4d2734,'platform':_0x4d2734,'onComplete':_0x52009a,'onClose':_0x46e807,'onSuccess':_0x31105e=>{console['log'](_0x1969(0x3b)+_0x4d2734+':\x20'+_0x31105e),_0x3855eb[_0x1969(0x30)](_0x52009a);}}));};const styles=StyleSheet['create']({'container':{'flex':0x1,'padding':0x10},'title':{'fontSize':0x18,'fontWeight':_0x1969(0x3c),'marginBottom':0x8,'color':_0x1969(0x3d)},'subtitle':{'fontSize':0x10,'color':_0x1969(0x3e),'marginBottom':0x18},'platformList':{'flex':0x1},'platformItem':{'flexDirection':_0x1969(0x3f),'alignItems':_0x1969(0x40),'marginBottom':0x10,'padding':0xc,'backgroundColor':_0x1969(0x41),'borderRadius':0xc,'borderWidth':0x1,'borderColor':_0x1969(0x42)},'platformInfo':{'flex':0x1,'flexDirection':'row','alignItems':_0x1969(0x40)},'platformIcon':{'width':0x28,'height':0x28,'borderRadius':0x14,'justifyContent':_0x1969(0x40),'alignItems':_0x1969(0x40),'marginRight':0xc},'platformText':{'flex':0x1},'platformName':{'fontSize':0x10,'fontWeight':_0x1969(0x43),'marginBottom':0x4,'color':_0x1969(0x3d)},'platformDescription':{'fontSize':0xe,'color':_0x1969(0x3e)},'platformButton':{'paddingHorizontal':0x10,'paddingVertical':0x8,'borderRadius':0x14,'justifyContent':_0x1969(0x40),'alignItems':_0x1969(0x40),'minWidth':0x64},'connectButton':{'backgroundColor':COLORS[_0x1969(0x44)]},'disconnectButton':{'backgroundColor':_0x1969(0x45)},'buttonText':{'color':_0x1969(0x22),'fontWeight':_0x1969(0x43)},'footer':{'flexDirection':_0x1969(0x3f),'alignItems':_0x1969(0x40),'justifyContent':_0x1969(0x46),'paddingTop':0x10,'borderTopWidth':0x1,'borderTopColor':_0x1969(0x42),'marginTop':0x10},'connectionStatus':{'fontSize':0xe,'color':_0x1969(0x3e)},'proceedButton':{'flexDirection':_0x1969(0x3f),'alignItems':_0x1969(0x40),'paddingHorizontal':0x10,'paddingVertical':0xa,'borderRadius':0x18},'proceedActive':{'backgroundColor':COLORS[_0x1969(0x44)]},'proceedInactive':{'backgroundColor':_0x1969(0x42)},'proceedText':{'fontWeight':_0x1969(0x43),'marginRight':0x8},'proceedTextActive':{'color':_0x1969(0x22)},'proceedTextInactive':{'color':_0x1969(0xe)}});
+import React, { useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ActivityIndicator, ScrollView } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { COLORS } from '../../constants';
+import { OAuthWebView } from './OAuthWebView';
+// Platform definitions
+const PLATFORMS = {
+  instagram: {
+    name: 'Instagram',
+    icon: 'photo-camera',
+    color: '#E1306C',
+    description: 'Connect to share and analyze your Instagram content'
+  },
+  youtube: {
+    name: 'YouTube',
+    icon: 'smart-display',
+    color: '#FF0000',
+    description: 'Connect for YouTube video recommendations and analysis'
+  },
+  pinterest: {
+    name: 'Pinterest',
+    icon: 'push-pin',
+    color: '#E60023',
+    description: 'Connect to enhance Pinterest board recommendations'
+  },
+  reddit: {
+    name: 'Reddit',
+    icon: 'forum',
+    color: '#FF4500',
+    description: 'Connect to personalize Reddit content insights'
+  }
+};
+export const PlatformConnector = ({
+  connections,
+  onConnect,
+  onDisconnect,
+  isLoading,
+  canProceed,
+  onProceed
+}) => {
+  const [activeWebview, setActiveWebview] = useState(null);
+  const handleConnectPress = async platform => {
+    setActiveWebview(platform);
+  };
+  const handleWebViewComplete = () => {
+    setActiveWebview(null);
+  };
+  const handleWebViewClose = () => {
+    setActiveWebview(null);
+  };
+  const handleDisconnectPress = async platform => {
+    await onDisconnect(platform);
+  };
+  const getPlatformStatus = platform => {
+    const platformKey = platform;
+    return connections[platformKey] ? true : false;
+  };
+  const getConnectedCount = () => {
+    return Object.values(connections).filter(Boolean).length;
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Connect Your Platforms"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, "Connect at least 2 platforms to create your Onairos account"), /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.platformList
+  }, Object.keys(PLATFORMS).map(platform => {
+    var _connections;
+    const platformInfo = PLATFORMS[platform];
+    const isConnected = getPlatformStatus(platform);
+    const userName = isConnected ? (_connections = connections[platform]) === null || _connections === void 0 ? void 0 : _connections.userName : null;
+    return /*#__PURE__*/React.createElement(View, {
+      key: platform,
+      style: styles.platformItem
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.platformInfo
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.platformIcon, {
+        backgroundColor: platformInfo.color
+      }]
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: platformInfo.icon,
+      size: 24,
+      color: "#fff"
+    })), /*#__PURE__*/React.createElement(View, {
+      style: styles.platformText
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.platformName
+    }, platformInfo.name), /*#__PURE__*/React.createElement(Text, {
+      style: styles.platformDescription
+    }, isConnected ? `Connected as ${userName}` : platformInfo.description))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.platformButton, isConnected ? styles.disconnectButton : styles.connectButton],
+      onPress: () => isConnected ? handleDisconnectPress(platform) : handleConnectPress(platform),
+      disabled: isLoading
+    }, isLoading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+      size: "small",
+      color: "#fff"
+    }) : /*#__PURE__*/React.createElement(Text, {
+      style: styles.buttonText
+    }, isConnected ? 'Disconnect' : 'Connect')));
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.footer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.connectionStatus
+  }, getConnectedCount(), " of ", Object.keys(PLATFORMS).length, " platforms connected"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.proceedButton, canProceed ? styles.proceedActive : styles.proceedInactive],
+    onPress: onProceed,
+    disabled: !canProceed
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.proceedText, canProceed ? styles.proceedTextActive : styles.proceedTextInactive]
+  }, "Continue"), /*#__PURE__*/React.createElement(Icon, {
+    name: "arrow-forward",
+    size: 20,
+    color: canProceed ? '#fff' : '#999'
+  }))), activeWebview && /*#__PURE__*/React.createElement(OAuthWebView, {
+    url: `https://oauth.example.com/${activeWebview}` // This would be replaced with actual OAuth URL
+    ,
+    platform: activeWebview,
+    onComplete: handleWebViewComplete,
+    onClose: handleWebViewClose,
+    onSuccess: code => {
+      console.log(`Received authorization code for ${activeWebview}: ${code}`);
+      // In a real implementation, we'd pass this code to our API service
+      handleWebViewComplete();
+    }
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginBottom: 8,
+    color: '#000'
+  },
+  subtitle: {
+    fontSize: 16,
+    color: '#666',
+    marginBottom: 24
+  },
+  platformList: {
+    flex: 1
+  },
+  platformItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 16,
+    padding: 12,
+    backgroundColor: '#f8f8f8',
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: '#eee'
+  },
+  platformInfo: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  platformIcon: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 12
+  },
+  platformText: {
+    flex: 1
+  },
+  platformName: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginBottom: 4,
+    color: '#000'
+  },
+  platformDescription: {
+    fontSize: 14,
+    color: '#666'
+  },
+  platformButton: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 20,
+    justifyContent: 'center',
+    alignItems: 'center',
+    minWidth: 100
+  },
+  connectButton: {
+    backgroundColor: COLORS.primary
+  },
+  disconnectButton: {
+    backgroundColor: '#f44336'
+  },
+  buttonText: {
+    color: '#fff',
+    fontWeight: '600'
+  },
+  footer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingTop: 16,
+    borderTopWidth: 1,
+    borderTopColor: '#eee',
+    marginTop: 16
+  },
+  connectionStatus: {
+    fontSize: 14,
+    color: '#666'
+  },
+  proceedButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    borderRadius: 24
+  },
+  proceedActive: {
+    backgroundColor: COLORS.primary
+  },
+  proceedInactive: {
+    backgroundColor: '#eee'
+  },
+  proceedText: {
+    fontWeight: '600',
+    marginRight: 8
+  },
+  proceedTextActive: {
+    color: '#fff'
+  },
+  proceedTextInactive: {
+    color: '#999'
+  }
+});
+//# sourceMappingURL=PlatformConnector.js.map