@onairos/react-native 3.7.2 → 3.7.3

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

@@ -1 +1,66 @@
-function _0x560f(){const _0x3df059=['#000','header','createElement','backButton','arrow-back','svyCg','titleContainer','title','subtitle','closeButton','Atcvj','create','row','center','headerBg','600','#666'];_0x560f=function(){return _0x3df059;};return _0x560f();}import React from'react';import{View,Text,StyleSheet,TouchableOpacity}from'react-native';import _0x3a24a8 from'react-native-vector-icons/MaterialIcons';import{COLORS}from'../../constants';function _0x587e(_0x560fe0,_0x587e05){_0x560fe0=_0x560fe0-0x0;const _0x5d11bf=_0x560f();let _0x4428d3=_0x5d11bf[_0x560fe0];return _0x4428d3;}export const OnboardingHeader=({title:_0x340bac,subtitle:_0x5a40a5,showBackButton:showBackButton=![],onBack:_0x17f476,onClose:_0x37820e})=>{const _0x52125f={'svyCg':_0x587e(0x0),'Atcvj':'close'};return React['createElement'](View,{'style':styles[_0x587e(0x1)]},showBackButton&&React[_0x587e(0x2)](TouchableOpacity,{'style':styles[_0x587e(0x3)],'onPress':_0x17f476},React[_0x587e(0x2)](_0x3a24a8,{'name':_0x587e(0x4),'size':0x18,'color':_0x52125f[_0x587e(0x5)]})),React[_0x587e(0x2)](View,{'style':styles[_0x587e(0x6)]},React['createElement'](Text,{'style':styles[_0x587e(0x7)]},_0x340bac),_0x5a40a5&&React[_0x587e(0x2)](Text,{'style':styles[_0x587e(0x8)]},_0x5a40a5)),React[_0x587e(0x2)](TouchableOpacity,{'style':styles[_0x587e(0x9)],'onPress':_0x37820e},React['createElement'](_0x3a24a8,{'name':_0x52125f[_0x587e(0xa)],'size':0x18,'color':_0x587e(0x0)})));};const styles=StyleSheet[_0x587e(0xb)]({'header':{'flexDirection':_0x587e(0xc),'alignItems':_0x587e(0xd),'padding':0x10,'backgroundColor':COLORS[_0x587e(0xe)],'borderTopLeftRadius':0x10,'borderTopRightRadius':0x10},'backButton':{'padding':0x8,'marginRight':0x8},'titleContainer':{'flex':0x1},'title':{'fontSize':0x12,'fontWeight':_0x587e(0xf),'color':_0x587e(0x0)},'subtitle':{'fontSize':0xe,'color':_0x587e(0x10),'marginTop':0x4},'closeButton':{'padding':0x8}});
+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';import _0x683525 from'react-native-vector-icons/MaterialIcons';function _0x17e5(){const _0x49d6ef=['dyRLm','bZxSx','TfjXU','XOwhF','BvYJo','confirm','PINs\x20do\x20not\x20match','create','height','Confirm\x20your\x20PIN','This\x20PIN\x20will\x20protect\x20your\x20Onairos\x20account','default','Enter\x20PIN','#999','done','visibility','PIN\x20Requirements:','check-circle','At\x20least\x20','\x20characters','Include\x20at\x20least\x20one\x20number','Include\x20at\x20least\x20one\x20special\x20character','arrow-back','Submit','arrow-forward','#fff','HntCA','oADVN','Mrhpb','wbLKT','QcAcx','ydIhw','vZIHQ','jvTuK','nCmHF','dismiss','FEYRq','HMePK','vBhpY','CLoiz','eQFmT','SqvQa','length','push','PIN\x20must\x20be\x20at\x20least\x20','test','lXwLQ','GjtRL','pKPkS','TMTWu','nPuCu','PIN\x20must\x20include\x20at\x20least\x20one\x20number','LpAwL','FSlKO','flTTf','FSjDE','dsADb','SiVAd','OqzmY','zXNrg','jONky','gZgxX','ASNye','MRtlM','SJZpA','createElement','QzjOt','padding','upaLc','title','subtitle','NvmLs','FcxCj','input','mFAGJ','OwVYo','WQFrX','RQiWF','Confirm\x20PIN','visibility-off','jgTuL','SLllX','errorContainer','map','errorItem','#f44336','errorText','requirementsContainer','requirementsTitle','jSiQJ','requirement','eAIpH','KdoOc','rKWJw','#4caf50','requirementText','tYvEQ','JEWTd','miHMX','JjJmo','EbgDT','buttonContainer','button','backButton','primary','buttonText','backButtonText','COiZL','zZXWU','disabledButton','tdmQK','nextButtonText','UlTAF','mJTjx','heebr','nULSF','FYkji','bold','#000','#666','row','center','#ddd','#f9f9f9','#f5f5f5','600','space-between','transparent'];_0x17e5=function(){return _0x49d6ef;};return _0x17e5();}function _0x3116(_0x17e5fb,_0x311697){_0x17e5fb=_0x17e5fb-0x0;const _0x280a48=_0x17e5();let _0x28d8e2=_0x280a48[_0x17e5fb];return _0x28d8e2;}import{COLORS}from'../../constants';export const PinInput=({onSubmit:_0x114784,minLength:minLength=0x6,requireSpecialChar:requireSpecialChar=!![],requireNumber:requireNumber=!![]})=>{const _0x57835e={'Mrhpb':function(_0x4a4531,_0x45daca){return _0x4a4531(_0x45daca);},'vZIHQ':function(_0x9edd5f,_0x4cbc45){return _0x9edd5f(_0x4cbc45);},'jvTuK':_0x3116(0x0),'eQFmT':function(_0x1767a1,_0x3aa8ca){return _0x1767a1===_0x3aa8ca;},'HntCA':function(_0x3bc450,_0xd90bfb){return _0x3bc450(_0xd90bfb);},'SqvQa':function(_0x1ff1fe,_0x1d9ee6){return _0x1ff1fe<_0x1d9ee6;},'lXwLQ':function(_0xbcf857,_0x12c209){return _0xbcf857===_0x12c209;},'GjtRL':'pKPkS','AZRKh':'PIN\x20must\x20include\x20at\x20least\x20one\x20number','nPuCu':'PIN\x20must\x20include\x20at\x20least\x20one\x20special\x20character','wbLKT':function(_0x341f22,_0x43fd0a){return _0x341f22(_0x43fd0a);},'LpAwL':_0x3116(0x1),'bFztg':_0x3116(0x2),'flTTf':function(_0x500e55,_0x575de9){return _0x500e55===_0x575de9;},'FSjDE':function(_0x32accf,_0x52fd59){return _0x32accf===_0x52fd59;},'dsADb':_0x3116(0x3),'SiVAd':function(_0x111499,_0x5686d7){return _0x111499(_0x5686d7);},'OqzmY':'cqomo','sDTuh':_0x3116(0x4),'zXNrg':function(_0x5a2d2b,_0x2fd8d6){return _0x5a2d2b(_0x2fd8d6);},'jONky':_0x3116(0x5),'ASNye':_0x3116(0x6),'QcAcx':_0x3116(0x7),'oADVN':function(_0x1ebc66,_0x2121d2){return _0x1ebc66(_0x2121d2);},'SJZpA':function(_0x102a02,_0x2b50e2){return _0x102a02(_0x2b50e2);},'ydIhw':function(_0x252ed8,_0x253890,_0x258a77){return _0x252ed8(_0x253890,_0x258a77);},'nQZQH':function(_0x2392aa,_0x421d09,_0x2652f6){return _0x2392aa(_0x421d09,_0x2652f6);},'MRtlM':function(_0x4e917a,_0x2c2097,_0x51d6ee){return _0x4e917a(_0x2c2097,_0x51d6ee);},'QzjOt':function(_0x54dd8e,_0x1a3afc){return _0x54dd8e===_0x1a3afc;},'upaLc':_0x3116(0x8),'AsclE':_0x3116(0x9),'NvmLs':_0x3116(0xa),'FcxCj':'Please\x20re-enter\x20your\x20PIN\x20to\x20confirm','mFAGJ':function(_0x14ef1f,_0x1606fe){return _0x14ef1f===_0x1606fe;},'fbkBg':_0x3116(0xb),'OwVYo':'none','WQFrX':function(_0x12cf4b,_0x37ea39){return _0x12cf4b===_0x37ea39;},'RQiWF':_0x3116(0xc),'SLllX':_0x3116(0xd),'zalvc':_0x3116(0xe),'jgTuL':_0x3116(0xf),'VAsbr':function(_0x46fbcf,_0x314008){return _0x46fbcf>_0x314008;},'jSiQJ':_0x3116(0x10),'eAIpH':function(_0x380bff,_0x16d07a){return _0x380bff>=_0x16d07a;},'KdoOc':_0x3116(0x11),'miHMX':'radio-button-unchecked','rKWJw':function(_0x88447b,_0x52e3e3){return _0x88447b>=_0x52e3e3;},'AOpGa':function(_0x5d793b,_0x2d7d35){return _0x5d793b>=_0x2d7d35;},'tYvEQ':'#4caf50','JEWTd':_0x3116(0x12),'WbFEh':_0x3116(0x13),'JjJmo':_0x3116(0x14),'EbgDT':_0x3116(0x15),'VQodb':_0x3116(0x16),'COiZL':'Back','zZXWU':function(_0x4e8eda,_0x4014b1){return _0x4e8eda===_0x4014b1;},'tdmQK':function(_0x5b9ffd,_0xed3333){return _0x5b9ffd===_0xed3333;},'UlTAF':function(_0x3218f1,_0x137c5d){return _0x3218f1===_0x137c5d;},'mJTjx':'Next','heebr':_0x3116(0x17),'nULSF':_0x3116(0x18),'FYkji':_0x3116(0x19)},[_0x501fb3,_0x508b7e]=_0x57835e[_0x3116(0x1a)](useState,''),[_0x10285e,_0x508a47]=useState(''),[_0x420a6e,_0x470925]=_0x57835e[_0x3116(0x1b)](useState,![]),[_0xc50038,_0x9165c3]=_0x57835e[_0x3116(0x1c)](useState,[]),[_0x2a52a1,_0x1a37bf]=_0x57835e[_0x3116(0x1d)](useState,_0x57835e[_0x3116(0x1e)]);_0x57835e[_0x3116(0x1f)](useEffect,()=>{const _0x267c2b={'nCmHF':function(_0x2339a6,_0x1cb9ed){return _0x2339a6===_0x1cb9ed;},'FEYRq':function(_0x2cc24c,_0x330c06){return _0x57835e[_0x3116(0x1c)](_0x2cc24c,_0x330c06);},'HMePK':function(_0x11ff94,_0x1c6c66){return _0x57835e[_0x3116(0x1c)](_0x11ff94,_0x1c6c66);},'vBhpY':_0x3116(0x6),'CLoiz':function(_0xe0ba35,_0x4866e4){return _0x57835e[_0x3116(0x20)](_0xe0ba35,_0x4866e4);}};_0x57835e[_0x3116(0x21)]!==_0x57835e[_0x3116(0x21)]?_0x267c2b[_0x3116(0x22)](_0x205743,_0x1b5aaf)?(_0x52a163[_0x3116(0x23)](),_0x267c2b[_0x3116(0x24)](_0x2b6fbd,_0x45d5ab)):(_0x267c2b[_0x3116(0x25)](_0x19a6fb,[_0x267c2b[_0x3116(0x26)]]),_0x267c2b[_0x3116(0x27)](_0x2bce2e,'')):_0x57835e[_0x3116(0x28)](_0x2a52a1,_0x3116(0x7))&&_0x57835e['HntCA'](_0x116f6c,_0x501fb3);},[_0x501fb3,_0x2a52a1]);const _0x116f6c=_0x57835e[_0x3116(0x1f)](useCallback,_0x17d475=>{const _0x12f195={'TMTWu':function(_0x511d1b,_0x1cca09){return _0x57835e[_0x3116(0x20)](_0x511d1b,_0x1cca09);}},_0xb317f7=[];return _0x57835e[_0x3116(0x29)](_0x17d475[_0x3116(0x2a)],minLength)&&_0xb317f7[_0x3116(0x2b)](_0x3116(0x2c)+minLength+_0x3116(0x13)),requireNumber&&!/\d/[_0x3116(0x2d)](_0x17d475)&&(_0x57835e[_0x3116(0x2e)](_0x57835e[_0x3116(0x2f)],_0x3116(0x30))?_0xb317f7['push'](_0x57835e['AZRKh']):(_0x19fbc8[_0x3116(0x23)](),_0x12f195[_0x3116(0x31)](_0x4cdd21,_0x530fc1))),requireSpecialChar&&!/[!@#$%^&*(),.?":{}|<>]/[_0x3116(0x2d)](_0x17d475)&&_0xb317f7[_0x3116(0x2b)](_0x57835e[_0x3116(0x32)]),_0x57835e[_0x3116(0x1d)](_0x9165c3,_0xb317f7),_0xb317f7[_0x3116(0x2a)]===0x0;},[minLength,requireNumber,requireSpecialChar]),_0x2e43b1=_0x57835e['nQZQH'](useCallback,()=>{const _0x29d963={'FSlKO':_0x3116(0x33),'gZgxX':function(_0x20102b,_0xe859e8){return _0x57835e[_0x3116(0x28)](_0x20102b,_0xe859e8);}};_0x57835e[_0x3116(0x2e)](_0x57835e[_0x3116(0x34)],_0x57835e['bFztg'])?_0x101bee[_0x3116(0x2b)](_0x29d963[_0x3116(0x35)]):_0x57835e[_0x3116(0x36)](_0x2a52a1,_0x3116(0x7))?_0x57835e[_0x3116(0x37)](_0x57835e[_0x3116(0x38)],_0x57835e[_0x3116(0x38)])?_0x57835e[_0x3116(0x39)](_0x116f6c,_0x501fb3)&&(_0x57835e[_0x3116(0x3a)]!==_0x57835e['sDTuh']?_0x57835e[_0x3116(0x3b)](_0x1a37bf,_0x57835e[_0x3116(0x3c)]):_0x29d963[_0x3116(0x3d)](_0x577d69,_0x3116(0x7))&&_0x41c11d(_0x14c399)):_0x10f9fa['push'](_0x3116(0x2c)+_0x40aca6+'\x20characters'):_0x57835e[_0x3116(0x2e)](_0x501fb3,_0x10285e)?(Keyboard[_0x3116(0x23)](),_0x114784(_0x501fb3)):(_0x9165c3([_0x57835e[_0x3116(0x3e)]]),_0x508a47(''));},[_0x501fb3,_0x10285e,_0x2a52a1,_0x116f6c,_0x114784]),_0x42b8b0=useCallback(()=>{_0x1a37bf(_0x57835e[_0x3116(0x1e)]),_0x508a47(''),_0x57835e[_0x3116(0x1b)](_0x9165c3,[]);},[]),_0xdcd6be=_0x57835e[_0x3116(0x3f)](useCallback,()=>{_0x57835e[_0x3116(0x40)](_0x470925,!_0x420a6e);},[_0x420a6e]);return React[_0x3116(0x41)](KeyboardAvoidingView,{'behavior':_0x57835e[_0x3116(0x42)](Platform['OS'],'ios')?_0x3116(0x43):_0x57835e[_0x3116(0x44)],'style':styles['container']},React[_0x3116(0x41)](View,{'style':styles['content']},React[_0x3116(0x41)](Text,{'style':styles[_0x3116(0x45)]},_0x57835e['flTTf'](_0x2a52a1,_0x57835e['QcAcx'])?'Create\x20a\x20PIN':_0x57835e['AsclE']),React['createElement'](Text,{'style':styles[_0x3116(0x46)]},_0x2a52a1===_0x3116(0x7)?_0x57835e[_0x3116(0x47)]:_0x57835e[_0x3116(0x48)]),React[_0x3116(0x41)](View,{'style':styles['inputContainer']},React[_0x3116(0x41)](TextInput,{'style':styles[_0x3116(0x49)],'value':_0x57835e[_0x3116(0x4a)](_0x2a52a1,_0x57835e[_0x3116(0x1e)])?_0x501fb3:_0x10285e,'onChangeText':_0x2a52a1===_0x57835e['QcAcx']?_0x508b7e:_0x508a47,'secureTextEntry':!_0x420a6e,'keyboardType':_0x57835e['fbkBg'],'autoCapitalize':_0x57835e[_0x3116(0x4b)],'autoCorrect':![],'placeholder':_0x57835e[_0x3116(0x4c)](_0x2a52a1,_0x57835e[_0x3116(0x1e)])?_0x57835e[_0x3116(0x4d)]:_0x3116(0x4e),'placeholderTextColor':_0x57835e['SLllX'],'returnKeyType':_0x57835e['zalvc'],'onSubmitEditing':_0x2e43b1}),React[_0x3116(0x41)](TouchableOpacity,{'style':styles['visibilityToggle'],'onPress':_0xdcd6be},React['createElement'](_0x683525,{'name':_0x420a6e?_0x3116(0x4f):_0x57835e[_0x3116(0x50)],'size':0x18,'color':_0x57835e[_0x3116(0x51)]}))),_0x57835e['VAsbr'](_0xc50038[_0x3116(0x2a)],0x0)&&React[_0x3116(0x41)](View,{'style':styles[_0x3116(0x52)]},_0xc50038[_0x3116(0x53)]((_0x27f240,_0x531fc4)=>React[_0x3116(0x41)](View,{'key':_0x531fc4,'style':styles[_0x3116(0x54)]},React['createElement'](_0x683525,{'name':'error-outline','size':0x10,'color':_0x3116(0x55)}),React[_0x3116(0x41)](Text,{'style':styles[_0x3116(0x56)]},_0x27f240)))),_0x57835e[_0x3116(0x2e)](_0x2a52a1,_0x3116(0x7))&&React['createElement'](View,{'style':styles[_0x3116(0x57)]},React[_0x3116(0x41)](Text,{'style':styles[_0x3116(0x58)]},_0x57835e[_0x3116(0x59)]),React[_0x3116(0x41)](View,{'style':styles[_0x3116(0x5a)]},React[_0x3116(0x41)](_0x683525,{'name':_0x57835e[_0x3116(0x5b)](_0x501fb3[_0x3116(0x2a)],minLength)?_0x57835e[_0x3116(0x5c)]:_0x57835e['miHMX'],'size':0x10,'color':_0x57835e[_0x3116(0x5d)](_0x501fb3['length'],minLength)?_0x3116(0x5e):_0x57835e[_0x3116(0x51)]}),React[_0x3116(0x41)](Text,{'style':[styles[_0x3116(0x5f)],{'color':_0x57835e['AOpGa'](_0x501fb3[_0x3116(0x2a)],minLength)?_0x57835e[_0x3116(0x60)]:_0x57835e[_0x3116(0x51)]}]},_0x57835e[_0x3116(0x61)],minLength,_0x57835e['WbFEh'])),requireNumber&&React[_0x3116(0x41)](View,{'style':styles[_0x3116(0x5a)]},React['createElement'](_0x683525,{'name':/\d/[_0x3116(0x2d)](_0x501fb3)?_0x57835e[_0x3116(0x5c)]:_0x57835e[_0x3116(0x62)],'size':0x10,'color':/\d/[_0x3116(0x2d)](_0x501fb3)?_0x3116(0x5e):_0x57835e[_0x3116(0x51)]}),React[_0x3116(0x41)](Text,{'style':[styles['requirementText'],{'color':/\d/[_0x3116(0x2d)](_0x501fb3)?_0x57835e[_0x3116(0x60)]:_0x57835e[_0x3116(0x51)]}]},_0x57835e[_0x3116(0x63)])),requireSpecialChar&&React[_0x3116(0x41)](View,{'style':styles[_0x3116(0x5a)]},React[_0x3116(0x41)](_0x683525,{'name':/[!@#$%^&*(),.?":{}|<>]/[_0x3116(0x2d)](_0x501fb3)?_0x57835e[_0x3116(0x5c)]:_0x57835e['miHMX'],'size':0x10,'color':/[!@#$%^&*(),.?":{}|<>]/[_0x3116(0x2d)](_0x501fb3)?_0x57835e[_0x3116(0x60)]:_0x57835e[_0x3116(0x51)]}),React[_0x3116(0x41)](Text,{'style':[styles[_0x3116(0x5f)],{'color':/[!@#$%^&*(),.?":{}|<>]/[_0x3116(0x2d)](_0x501fb3)?_0x57835e[_0x3116(0x60)]:_0x3116(0xd)}]},_0x57835e[_0x3116(0x64)]))),React['createElement'](View,{'style':styles[_0x3116(0x65)]},_0x2a52a1===_0x57835e[_0x3116(0x3c)]&&React[_0x3116(0x41)](TouchableOpacity,{'style':[styles[_0x3116(0x66)],styles[_0x3116(0x67)]],'onPress':_0x42b8b0},React['createElement'](_0x683525,{'name':_0x57835e['VQodb'],'size':0x14,'color':COLORS[_0x3116(0x68)]}),React[_0x3116(0x41)](Text,{'style':[styles[_0x3116(0x69)],styles[_0x3116(0x6a)]]},_0x57835e[_0x3116(0x6b)])),React['createElement'](TouchableOpacity,{'style':[styles['button'],styles['nextButton'],_0x2a52a1===_0x57835e[_0x3116(0x1e)]&&_0xc50038['length']>0x0||_0x57835e[_0x3116(0x6c)](_0x2a52a1,_0x57835e[_0x3116(0x3c)])&&!_0x10285e?styles[_0x3116(0x6d)]:null],'onPress':_0x2e43b1,'disabled':_0x2a52a1===_0x57835e['QcAcx']&&_0x57835e['VAsbr'](_0xc50038[_0x3116(0x2a)],0x0)||_0x57835e[_0x3116(0x6e)](_0x2a52a1,_0x57835e[_0x3116(0x3c)])&&!_0x10285e},React[_0x3116(0x41)](Text,{'style':[styles['buttonText'],styles[_0x3116(0x6f)]]},_0x57835e[_0x3116(0x70)](_0x2a52a1,_0x3116(0x7))?_0x57835e[_0x3116(0x71)]:_0x57835e[_0x3116(0x72)]),React[_0x3116(0x41)](_0x683525,{'name':_0x57835e[_0x3116(0x73)],'size':0x14,'color':_0x57835e[_0x3116(0x74)]})))));};const styles=StyleSheet['create']({'container':{'flex':0x1},'content':{'padding':0x18},'title':{'fontSize':0x18,'fontWeight':_0x3116(0x75),'marginBottom':0x8,'color':_0x3116(0x76)},'subtitle':{'fontSize':0x10,'color':_0x3116(0x77),'marginBottom':0x18},'inputContainer':{'flexDirection':_0x3116(0x78),'alignItems':_0x3116(0x79),'borderWidth':0x1,'borderColor':_0x3116(0x7a),'borderRadius':0x8,'backgroundColor':_0x3116(0x7b),'marginBottom':0x10},'input':{'flex':0x1,'paddingHorizontal':0x10,'paddingVertical':0xc,'fontSize':0x10,'color':_0x3116(0x76)},'visibilityToggle':{'padding':0xc},'errorContainer':{'marginBottom':0x10},'errorItem':{'flexDirection':_0x3116(0x78),'alignItems':_0x3116(0x79),'marginBottom':0x4},'errorText':{'color':_0x3116(0x55),'marginLeft':0x6},'requirementsContainer':{'backgroundColor':_0x3116(0x7c),'padding':0x10,'borderRadius':0x8,'marginBottom':0x18},'requirementsTitle':{'fontSize':0xe,'fontWeight':_0x3116(0x7d),'marginBottom':0x8,'color':_0x3116(0x76)},'requirement':{'flexDirection':_0x3116(0x78),'alignItems':_0x3116(0x79),'marginBottom':0x8},'requirementText':{'marginLeft':0x8,'fontSize':0xe},'buttonContainer':{'flexDirection':_0x3116(0x78),'justifyContent':_0x3116(0x7e)},'button':{'flexDirection':_0x3116(0x78),'alignItems':_0x3116(0x79),'paddingVertical':0xc,'paddingHorizontal':0x14,'borderRadius':0x19},'backButton':{'backgroundColor':_0x3116(0x7f),'borderWidth':0x1,'borderColor':COLORS['primary']},'nextButton':{'backgroundColor':COLORS[_0x3116(0x68)],'minWidth':0x78,'justifyContent':'center'},'disabledButton':{'backgroundColor':'#ccc'},'buttonText':{'fontSize':0x10,'fontWeight':_0x3116(0x7d)},'backButtonText':{'color':COLORS[_0x3116(0x68)],'marginLeft':0x8},'nextButtonText':{'color':'#fff','marginRight':0x8}});
+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';function _0x5cd2(_0x5b4951,_0x5cd22c){_0x5b4951=_0x5b4951-0x0;const _0x211372=_0x5b49();let _0x591691=_0x211372[_0x5b4951];return _0x591691;}import _0xafb2ea from'react-native-vector-icons/MaterialIcons';import{COLORS}from'../../constants';import{OAuthWebView}from'./OAuthWebView';function _0x5b49(){const _0x4e14d7=['Instagram','photo-camera','#E1306C','smart-display','#FF0000','Pinterest','push-pin','#E60023','Reddit','#FF4500','Connect\x20to\x20personalize\x20Reddit\x20content\x20insights','trcuY','#fff','Disconnect','Connect','TkhzC','small','TGslA','Connect\x20Your\x20Platforms','Connect\x20at\x20least\x202\x20platforms\x20to\x20create\x20your\x20Onairos\x20account','arrow-forward','#999','jiyRz','gFafj','log','VvIII','fGNDR','mQMjT','BHejq','qiFyK','uRwTL','sbZck','umfWI','svFaN','uWUVh','lusXE','userName','createElement','platformItem','platformInfo','platformIcon','icon','koJpe','platformText','name','Connected\x20as\x20','platformButton','connectButton','dwfdc','values','filter','length','container','title','neovq','subtitle','keys','map','fHKMk','kTKZR','FpnLP','color','platformName','platformDescription','buttonText','oNCnZ','footer','\x20of\x20','proceedButton','proceedActive','proceedInactive','proceedTextActive','proceedTextInactive','Continue','BsPkI','tBCCN','GBnAc','Received\x20authorization\x20code\x20for\x20','create','bold','#000','row','#eee','center','600','#666','#f44336','space-between','primary'];_0x5b49=function(){return _0x4e14d7;};return _0x5b49();}const PLATFORMS={'instagram':{'name':_0x5cd2(0x0),'icon':_0x5cd2(0x1),'color':_0x5cd2(0x2),'description':'Connect\x20to\x20share\x20and\x20analyze\x20your\x20Instagram\x20content'},'youtube':{'name':'YouTube','icon':_0x5cd2(0x3),'color':_0x5cd2(0x4),'description':'Connect\x20for\x20YouTube\x20video\x20recommendations\x20and\x20analysis'},'pinterest':{'name':_0x5cd2(0x5),'icon':_0x5cd2(0x6),'color':_0x5cd2(0x7),'description':'Connect\x20to\x20enhance\x20Pinterest\x20board\x20recommendations'},'reddit':{'name':_0x5cd2(0x8),'icon':'forum','color':_0x5cd2(0x9),'description':_0x5cd2(0xa)}};export const PlatformConnector=({connections:_0x5ec8ce,onConnect:_0x266ac5,onDisconnect:_0xaa9489,isLoading:_0x2df8c7,canProceed:_0x5dcc56,onProceed:_0x85d1c3})=>{const _0xcf589d={'VvIII':function(_0x1e07ab){return _0x1e07ab();},'jiyRz':function(_0x4ab07d,_0x3bb0da){return _0x4ab07d===_0x3bb0da;},'gFafj':_0x5cd2(0xb),'fHKMk':function(_0x393512,_0x46861a){return _0x393512(_0x46861a);},'mQMjT':function(_0x39df14,_0x1a65b7){return _0x39df14(_0x1a65b7);},'fGNDR':function(_0x4b6f93,_0x1e5660){return _0x4b6f93===_0x1e5660;},'tPqsT':'bDbSF','IqaHo':'lDfKg','BHejq':function(_0x183296,_0x1c02b4){return _0x183296(_0x1c02b4);},'qiFyK':function(_0x49d90,_0x37ce84){return _0x49d90(_0x37ce84);},'VznWh':function(_0x93e712,_0x7a1765){return _0x93e712===_0x7a1765;},'uRwTL':_0x5cd2(0xc),'oNCnZ':_0x5cd2(0xd),'sbZck':_0x5cd2(0xe),'svFaN':_0x5cd2(0xf),'kTKZR':function(_0x38a340,_0x471bf9){return _0x38a340===_0x471bf9;},'FpnLP':function(_0x15939b,_0x2eeafb){return _0x15939b===_0x2eeafb;},'rpJUz':_0x5cd2(0x10),'GBnAc':_0x5cd2(0x11),'sgGYa':function(_0x480553){return _0x480553();},'neovq':_0x5cd2(0x12),'pelbo':_0x5cd2(0x13),'XUOFe':function(_0x279a84){return _0x279a84();},'BsPkI':_0x5cd2(0x14),'tBCCN':_0x5cd2(0x15)},[_0x13aefc,_0x100bb6]=useState(null),_0x51e401=async _0x451947=>{_0xcf589d[_0x5cd2(0x16)](_0xcf589d['gFafj'],_0xcf589d[_0x5cd2(0x17)])?_0xcf589d['fHKMk'](_0x100bb6,_0x451947):(_0x9bc28f[_0x5cd2(0x18)]('Received\x20authorization\x20code\x20for\x20'+_0x45999b+':\x20'+_0x5430f0),_0xcf589d[_0x5cd2(0x19)](_0xac327d));},_0x3e2170=()=>{_0xcf589d[_0x5cd2(0x1a)](_0xcf589d['tPqsT'],_0xcf589d['IqaHo'])?_0xcf589d[_0x5cd2(0x1b)](_0x47f1f1,null):_0xcf589d[_0x5cd2(0x1c)](_0x100bb6,null);},_0x156908=()=>{_0x100bb6(null);},_0x4ce60a=async _0x49070f=>{await _0xcf589d[_0x5cd2(0x1d)](_0xaa9489,_0x49070f);},_0x450599=_0x510dce=>{const _0xf2f528={'uWUVh':function(_0x139915,_0x3b8020){return _0x139915(_0x3b8020);},'lusXE':function(_0x5046c1,_0x4b7fc5){return _0xcf589d['VznWh'](_0x5046c1,_0x4b7fc5);},'QChre':function(_0x5e0533,_0x1ab064){return _0x5e0533===_0x1ab064;},'koJpe':_0xcf589d[_0x5cd2(0x1e)],'wvEsm':_0x5cd2(0x10),'dwfdc':_0xcf589d['oNCnZ'],'JOqsr':_0xcf589d[_0x5cd2(0x1f)]};if(_0x5cd2(0x20)===_0xcf589d[_0x5cd2(0x21)]){var _0x3439a8;const _0x415fd5=_0x14305d[_0x4977d7],_0x2a60d7=_0xf2f528[_0x5cd2(0x22)](_0x5cf2ba,_0x42a083),_0x418251=_0x2a60d7?_0xf2f528[_0x5cd2(0x23)](_0x3439a8=_0x5e1825[_0x1819e5],null)||_0xf2f528['QChre'](_0x3439a8,void 0x0)?void 0x0:_0x3439a8[_0x5cd2(0x24)]:null;return React[_0x5cd2(0x25)](View,{'key':_0x48f68d,'style':_0x40b3c9[_0x5cd2(0x26)]},React[_0x5cd2(0x25)](View,{'style':_0x8ae9a9[_0x5cd2(0x27)]},React[_0x5cd2(0x25)](View,{'style':[_0x15c8ae[_0x5cd2(0x28)],{'backgroundColor':_0x415fd5['color']}]},React[_0x5cd2(0x25)](_0x500fd8,{'name':_0x415fd5[_0x5cd2(0x29)],'size':0x18,'color':_0xf2f528[_0x5cd2(0x2a)]})),React[_0x5cd2(0x25)](View,{'style':_0x39f139[_0x5cd2(0x2b)]},React[_0x5cd2(0x25)](Text,{'style':_0x1c8df0['platformName']},_0x415fd5[_0x5cd2(0x2c)]),React[_0x5cd2(0x25)](Text,{'style':_0x3c6265['platformDescription']},_0x2a60d7?_0x5cd2(0x2d)+_0x418251:_0x415fd5['description']))),React[_0x5cd2(0x25)](TouchableOpacity,{'style':[_0x56fec9[_0x5cd2(0x2e)],_0x2a60d7?_0x2acfbf['disconnectButton']:_0x53dd40[_0x5cd2(0x2f)]],'onPress':()=>_0x2a60d7?_0x5c8c58(_0x1c4151):_0x42164a(_0x814f61),'disabled':_0x3909c8},_0x44b3dd?React[_0x5cd2(0x25)](ActivityIndicator,{'size':_0xf2f528['wvEsm'],'color':_0xf2f528[_0x5cd2(0x2a)]}):React[_0x5cd2(0x25)](Text,{'style':_0x18a762['buttonText']},_0x2a60d7?_0xf2f528[_0x5cd2(0x30)]:_0xf2f528['JOqsr'])));}else{const _0xdb28a6=_0x510dce;return _0x5ec8ce[_0xdb28a6]?!![]:![];}},_0x36f4cf=()=>{return Object[_0x5cd2(0x31)](_0x5ec8ce)[_0x5cd2(0x32)](Boolean)[_0x5cd2(0x33)];};return React[_0x5cd2(0x25)](View,{'style':styles[_0x5cd2(0x34)]},React[_0x5cd2(0x25)](Text,{'style':styles[_0x5cd2(0x35)]},_0xcf589d[_0x5cd2(0x36)]),React[_0x5cd2(0x25)](Text,{'style':styles[_0x5cd2(0x37)]},_0xcf589d['pelbo']),React[_0x5cd2(0x25)](ScrollView,{'style':styles['platformList']},Object[_0x5cd2(0x38)](PLATFORMS)[_0x5cd2(0x39)](_0x584791=>{var _0x3ab207;const _0x48a1bf=PLATFORMS[_0x584791],_0x16643a=_0xcf589d[_0x5cd2(0x3a)](_0x450599,_0x584791),_0x16b485=_0x16643a?_0xcf589d[_0x5cd2(0x3b)](_0x3ab207=_0x5ec8ce[_0x584791],null)||_0xcf589d[_0x5cd2(0x3c)](_0x3ab207,void 0x0)?void 0x0:_0x3ab207[_0x5cd2(0x24)]:null;return React[_0x5cd2(0x25)](View,{'key':_0x584791,'style':styles[_0x5cd2(0x26)]},React['createElement'](View,{'style':styles[_0x5cd2(0x27)]},React[_0x5cd2(0x25)](View,{'style':[styles[_0x5cd2(0x28)],{'backgroundColor':_0x48a1bf[_0x5cd2(0x3d)]}]},React[_0x5cd2(0x25)](_0xafb2ea,{'name':_0x48a1bf[_0x5cd2(0x29)],'size':0x18,'color':_0xcf589d['uRwTL']})),React[_0x5cd2(0x25)](View,{'style':styles[_0x5cd2(0x2b)]},React[_0x5cd2(0x25)](Text,{'style':styles[_0x5cd2(0x3e)]},_0x48a1bf[_0x5cd2(0x2c)]),React['createElement'](Text,{'style':styles[_0x5cd2(0x3f)]},_0x16643a?_0x5cd2(0x2d)+_0x16b485:_0x48a1bf['description']))),React[_0x5cd2(0x25)](TouchableOpacity,{'style':[styles[_0x5cd2(0x2e)],_0x16643a?styles['disconnectButton']:styles[_0x5cd2(0x2f)]],'onPress':()=>_0x16643a?_0x4ce60a(_0x584791):_0x51e401(_0x584791),'disabled':_0x2df8c7},_0x2df8c7?React[_0x5cd2(0x25)](ActivityIndicator,{'size':_0xcf589d['rpJUz'],'color':_0xcf589d[_0x5cd2(0x1e)]}):React[_0x5cd2(0x25)](Text,{'style':styles[_0x5cd2(0x40)]},_0x16643a?_0xcf589d[_0x5cd2(0x41)]:_0xcf589d[_0x5cd2(0x1f)])));})),React[_0x5cd2(0x25)](View,{'style':styles[_0x5cd2(0x42)]},React[_0x5cd2(0x25)](Text,{'style':styles['connectionStatus']},_0xcf589d['XUOFe'](_0x36f4cf),_0x5cd2(0x43),Object[_0x5cd2(0x38)](PLATFORMS)[_0x5cd2(0x33)],'\x20platforms\x20connected'),React[_0x5cd2(0x25)](TouchableOpacity,{'style':[styles[_0x5cd2(0x44)],_0x5dcc56?styles[_0x5cd2(0x45)]:styles[_0x5cd2(0x46)]],'onPress':_0x85d1c3,'disabled':!_0x5dcc56},React['createElement'](Text,{'style':[styles['proceedText'],_0x5dcc56?styles[_0x5cd2(0x47)]:styles[_0x5cd2(0x48)]]},_0x5cd2(0x49)),React[_0x5cd2(0x25)](_0xafb2ea,{'name':_0xcf589d[_0x5cd2(0x4a)],'size':0x14,'color':_0x5dcc56?_0xcf589d[_0x5cd2(0x1e)]:_0xcf589d[_0x5cd2(0x4b)]}))),_0x13aefc&&React['createElement'](OAuthWebView,{'url':'https://oauth.example.com/'+_0x13aefc,'platform':_0x13aefc,'onComplete':_0x3e2170,'onClose':_0x156908,'onSuccess':_0x256871=>{if(_0xcf589d[_0x5cd2(0x1a)]('TGslA',_0xcf589d[_0x5cd2(0x4c)]))console[_0x5cd2(0x18)](_0x5cd2(0x4d)+_0x13aefc+':\x20'+_0x256871),_0xcf589d['sgGYa'](_0x3e2170);else{const _0x39e674=_0x8cbdcc;return _0x78a6ac[_0x39e674]?!![]:![];}}}));};const styles=StyleSheet[_0x5cd2(0x4e)]({'container':{'flex':0x1,'padding':0x10},'title':{'fontSize':0x18,'fontWeight':_0x5cd2(0x4f),'marginBottom':0x8,'color':_0x5cd2(0x50)},'subtitle':{'fontSize':0x10,'color':'#666','marginBottom':0x18},'platformList':{'flex':0x1},'platformItem':{'flexDirection':_0x5cd2(0x51),'alignItems':'center','marginBottom':0x10,'padding':0xc,'backgroundColor':'#f8f8f8','borderRadius':0xc,'borderWidth':0x1,'borderColor':_0x5cd2(0x52)},'platformInfo':{'flex':0x1,'flexDirection':_0x5cd2(0x51),'alignItems':_0x5cd2(0x53)},'platformIcon':{'width':0x28,'height':0x28,'borderRadius':0x14,'justifyContent':_0x5cd2(0x53),'alignItems':'center','marginRight':0xc},'platformText':{'flex':0x1},'platformName':{'fontSize':0x10,'fontWeight':_0x5cd2(0x54),'marginBottom':0x4,'color':_0x5cd2(0x50)},'platformDescription':{'fontSize':0xe,'color':_0x5cd2(0x55)},'platformButton':{'paddingHorizontal':0x10,'paddingVertical':0x8,'borderRadius':0x14,'justifyContent':_0x5cd2(0x53),'alignItems':_0x5cd2(0x53),'minWidth':0x64},'connectButton':{'backgroundColor':COLORS['primary']},'disconnectButton':{'backgroundColor':_0x5cd2(0x56)},'buttonText':{'color':_0x5cd2(0xc),'fontWeight':_0x5cd2(0x54)},'footer':{'flexDirection':_0x5cd2(0x51),'alignItems':_0x5cd2(0x53),'justifyContent':_0x5cd2(0x57),'paddingTop':0x10,'borderTopWidth':0x1,'borderTopColor':_0x5cd2(0x52),'marginTop':0x10},'connectionStatus':{'fontSize':0xe,'color':_0x5cd2(0x55)},'proceedButton':{'flexDirection':_0x5cd2(0x51),'alignItems':_0x5cd2(0x53),'paddingHorizontal':0x10,'paddingVertical':0xa,'borderRadius':0x18},'proceedActive':{'backgroundColor':COLORS[_0x5cd2(0x58)]},'proceedInactive':{'backgroundColor':'#eee'},'proceedText':{'fontWeight':'600','marginRight':0x8},'proceedTextActive':{'color':_0x5cd2(0xc)},'proceedTextInactive':{'color':_0x5cd2(0x15)}});
+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