@onairos/react-native 3.7.1 → 3.7.3

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

@@ -1,11 +1,249 @@
-'use strict';
-// Onairos SDK - Asset Registry (auto-generated)
-var __ONAIROS_REQ_REGISTRY__ = [
-    require("react"),
-    require("react-native"),
-    require("react-native-vector-icons/MaterialIcons"),
-    require("../../constants"),
-    require("./OAuthWebView")
-];
-function __ONAIROS_REQ_FUNC__(i) { return __ONAIROS_REQ_REGISTRY__[i]; }
-function _0x59d0(_0x9e01c2,_0x59d065){_0x9e01c2=_0x9e01c2-0x0;const _0x4be5e5=_0x9e01();let _0x274d45=_0x4be5e5[_0x9e01c2];return _0x274d45;}Object['defineProperty'](exports,_0x59d0(0x0),{'value':!![]}),exports['PlatformConnector']=void 0x0;var _react=_interopRequireWildcard(__ONAIROS_REQ_FUNC__(0x0)),_reactNative=__ONAIROS_REQ_FUNC__(0x1),_MaterialIcons=_interopRequireDefault(__ONAIROS_REQ_FUNC__(0x2)),_constants=__ONAIROS_REQ_FUNC__(0x3),_OAuthWebView=__ONAIROS_REQ_FUNC__(0x4);function _interopRequireDefault(_0x245484){return _0x245484&&_0x245484[_0x59d0(0x0)]?_0x245484:{'default':_0x245484};}function _interopRequireWildcard(_0x5840d9,_0x168c02){const _0x3e598c={'biFTo':function(_0x1f7768,_0x461706){return _0x1f7768!=_0x461706;},'Qxvij':function(_0x19d0fd,_0x4d6577){return _0x19d0fd!=_0x4d6577;},'IUMVd':function(_0x5ef99f,_0x476d29){return _0x5ef99f!==_0x476d29;},'sojXX':_0x59d0(0x1),'lSOeb':function(_0x4281c8,_0x50f551){return _0x4281c8&&_0x50f551;},'hFfJH':function(_0x589070,_0x1f6ad3){return _0x589070===_0x1f6ad3;},'RWcWn':_0x59d0(0x2)};if(_0x3e598c['RWcWn']==typeof WeakMap)var _0x17a1a6=new WeakMap(),_0x59b2c1=new WeakMap();return(_interopRequireWildcard=function(_0x2e76b6,_0x7af221){const _0x35c6a4={'gksSo':function(_0x1ea39b,_0x45552b){return _0x1ea39b&&_0x45552b;},'rQTtl':function(_0x262021,_0x285ce3){return _0x3e598c['biFTo'](_0x262021,_0x285ce3);},'ykRzf':function(_0x311cbc,_0x3d9fe5){return _0x3e598c['Qxvij'](_0x311cbc,_0x3d9fe5);},'UCGlG':function(_0x1c0a71,_0x316777,_0xfb90d6,_0x1bf30b){return _0x1c0a71(_0x316777,_0xfb90d6,_0x1bf30b);}};if(_0x3e598c[_0x59d0(0x3)](_0x3e598c[_0x59d0(0x4)],_0x59d0(0x5))){if(_0x3e598c[_0x59d0(0x6)](!_0x7af221,_0x2e76b6)&&_0x2e76b6[_0x59d0(0x0)])return _0x2e76b6;var _0x21c746,_0x584093,_0x49dfa3={'__proto__':null,'default':_0x2e76b6};if(_0x3e598c[_0x59d0(0x7)](null,_0x2e76b6)||_0x3e598c[_0x59d0(0x8)]('object',typeof _0x2e76b6)&&_0x3e598c[_0x59d0(0x9)](_0x3e598c[_0x59d0(0xa)],typeof _0x2e76b6))return _0x49dfa3;if(_0x21c746=_0x7af221?_0x59b2c1:_0x17a1a6){if(_0x21c746['has'](_0x2e76b6))return _0x21c746[_0x59d0(0xb)](_0x2e76b6);_0x21c746['set'](_0x2e76b6,_0x49dfa3);}for(const _0x40dbec in _0x2e76b6)_0x3e598c[_0x59d0(0x3)](_0x59d0(0xc),_0x40dbec)&&{}['hasOwnProperty'][_0x59d0(0xd)](_0x2e76b6,_0x40dbec)&&((_0x584093=(_0x21c746=Object[_0x59d0(0xe)])&&Object[_0x59d0(0xf)](_0x2e76b6,_0x40dbec))&&(_0x584093['get']||_0x584093[_0x59d0(0x10)])?_0x21c746(_0x49dfa3,_0x40dbec,_0x584093):_0x49dfa3[_0x40dbec]=_0x2e76b6[_0x40dbec]);return _0x49dfa3;}else{const _0x3284af={'vkeuz':function(_0x3e8c4e,_0x3faa50){return _0x35c6a4[_0x59d0(0x11)](_0x3e8c4e,_0x3faa50);},'DCQUu':function(_0x37623e,_0x490824){return _0x37623e===_0x490824;},'ECpqW':function(_0x2c537b,_0x5cf389){return _0x35c6a4[_0x59d0(0x12)](_0x2c537b,_0x5cf389);},'BUfGN':_0x59d0(0x13),'TmLFP':function(_0x3a7c9d,_0x302f0a){return _0x35c6a4[_0x59d0(0x14)](_0x3a7c9d,_0x302f0a);},'XBVcp':'function','oPItG':function(_0x2154bf,_0x5310f6){return _0x2154bf!==_0x5310f6;},'DKxYJ':_0x59d0(0xc),'IlqZC':function(_0x31f0c7,_0x156dac,_0x5b9957,_0x121d6f){return _0x35c6a4[_0x59d0(0x15)](_0x31f0c7,_0x156dac,_0x5b9957,_0x121d6f);}};if(_0x59d0(0x2)==typeof _0x2e0677)var _0x502805=new _0x46f5e9(),_0x466215=new _0x4b537f();return(_0x2cdc09=function(_0x5cddf2,_0x1c1591){if(_0x3284af[_0x59d0(0x16)](!_0x1c1591,_0x5cddf2)&&_0x5cddf2[_0x59d0(0x0)])return _0x5cddf2;var _0x587443,_0x2f3962,_0x4c7149={'__proto__':null,'default':_0x5cddf2};if(_0x3284af[_0x59d0(0x17)](null,_0x5cddf2)||_0x3284af[_0x59d0(0x18)](_0x3284af[_0x59d0(0x19)],typeof _0x5cddf2)&&_0x3284af[_0x59d0(0x1a)](_0x3284af[_0x59d0(0x1b)],typeof _0x5cddf2))return _0x4c7149;if(_0x587443=_0x1c1591?_0x466215:_0x502805){if(_0x587443['has'](_0x5cddf2))return _0x587443[_0x59d0(0xb)](_0x5cddf2);_0x587443[_0x59d0(0x10)](_0x5cddf2,_0x4c7149);}for(const _0x3a94d5 in _0x5cddf2)_0x3284af[_0x59d0(0x1c)](_0x3284af[_0x59d0(0x1d)],_0x3a94d5)&&{}[_0x59d0(0x1e)][_0x59d0(0xd)](_0x5cddf2,_0x3a94d5)&&((_0x2f3962=(_0x587443=_0x12c7ed[_0x59d0(0xe)])&&_0x3e9bca['getOwnPropertyDescriptor'](_0x5cddf2,_0x3a94d5))&&(_0x2f3962[_0x59d0(0xb)]||_0x2f3962[_0x59d0(0x10)])?_0x3284af[_0x59d0(0x1f)](_0x587443,_0x4c7149,_0x3a94d5,_0x2f3962):_0x4c7149[_0x3a94d5]=_0x5cddf2[_0x3a94d5]);return _0x4c7149;})(_0x364b00,_0x2fb3dd);}})(_0x5840d9,_0x168c02);}const PLATFORMS={'instagram':{'name':_0x59d0(0x20),'icon':_0x59d0(0x21),'color':_0x59d0(0x22),'description':_0x59d0(0x23)},'youtube':{'name':_0x59d0(0x24),'icon':_0x59d0(0x25),'color':_0x59d0(0x26),'description':_0x59d0(0x27)},'pinterest':{'name':_0x59d0(0x28),'icon':_0x59d0(0x29),'color':_0x59d0(0x2a),'description':'Connect\x20to\x20enhance\x20Pinterest\x20board\x20recommendations'},'reddit':{'name':_0x59d0(0x2b),'icon':_0x59d0(0x2c),'color':_0x59d0(0x2d),'description':_0x59d0(0x2e)}},PlatformConnector=({connections:_0xfeaf64,onConnect:_0x31e16b,onDisconnect:_0x3c6b8b,isLoading:_0x205ffb,canProceed:_0x2b1524,onProceed:_0x11bb7d})=>{const _0x5bd699={'Tojfq':function(_0x339a4b,_0x16092b){return _0x339a4b!==_0x16092b;},'Nwpal':'Hudfd','vBkqY':_0x59d0(0x2f),'jpVZw':function(_0x386f41,_0x3c75aa){return _0x386f41(_0x3c75aa);},'ssZsf':function(_0x3fd23a,_0x4dd74d){return _0x3fd23a(_0x4dd74d);},'Bxmps':_0x59d0(0x30),'UIZxe':function(_0x1ab7a8,_0x45cf9d){return _0x1ab7a8(_0x45cf9d);},'uwavi':function(_0x2dcc42,_0x479ae0){return _0x2dcc42===_0x479ae0;},'WTSgB':_0x59d0(0x31),'ZzwmA':_0x59d0(0x32),'yUHlO':function(_0x30a5fb){return _0x30a5fb();},'YNPRc':function(_0x3dab45,_0x376ace){return _0x3dab45!==_0x376ace;},'vJyCz':_0x59d0(0x33),'wspza':_0x59d0(0x34),'eWVPQ':_0x59d0(0x35),'MbyXg':_0x59d0(0x36),'Nsdzn':function(_0x469587,_0x185b2c){return _0x469587===_0x185b2c;},'PHDLF':'#fff','HFVVB':'small','dCNmU':_0x59d0(0x37),'tqAaD':_0x59d0(0x38),'WcVJU':_0x59d0(0x39),'AwgXO':_0x59d0(0x3a),'EflgM':function(_0x4345d4){return _0x4345d4();},'GDSYO':'Connect\x20Your\x20Platforms','XarTr':_0x59d0(0x3b),'NbBvs':function(_0x27c8d1){return _0x27c8d1();},'tFsxH':_0x59d0(0x3c),'tvmCZ':_0x59d0(0x3d),'xdOjK':_0x59d0(0x3e),'sCwam':_0x59d0(0x3f)},[_0x537aea,_0x267fdb]=(0x0,_react['useState'])(null),_0x7b28d5=async _0x5c17d3=>{_0x5bd699['Tojfq'](_0x5bd699[_0x59d0(0x40)],_0x5bd699[_0x59d0(0x41)])?_0x5bd699[_0x59d0(0x42)](_0x267fdb,_0x5c17d3):_0x81a634(null);},_0x287925=()=>{const _0x24c73b={'mMvmJ':function(_0x1b953c,_0x3598d6){return _0x5bd699[_0x59d0(0x43)](_0x1b953c,_0x3598d6);}};_0x5bd699[_0x59d0(0x44)]!==_0x5bd699['Bxmps']?_0x24c73b[_0x59d0(0x45)](_0x1bd1c8,null):_0x5bd699[_0x59d0(0x46)](_0x267fdb,null);},_0x4125b1=()=>{_0x5bd699[_0x59d0(0x42)](_0x267fdb,null);},_0xdd2bf5=async _0x33d06c=>{await _0x5bd699[_0x59d0(0x42)](_0x3c6b8b,_0x33d06c);},_0x3e8142=_0x5528a0=>{if(_0x5bd699[_0x59d0(0x47)](_0x5bd699[_0x59d0(0x48)],_0x5bd699[_0x59d0(0x49)]))return _0x3641a4['values'](_0x2bc99f)[_0x59d0(0x4a)](_0x504078)[_0x59d0(0x4b)];else{const _0x115b42=_0x5528a0;return _0xfeaf64[_0x115b42]?!![]:![];}},_0x2b0b32=()=>{if(_0x5bd699['YNPRc'](_0x5bd699[_0x59d0(0x4c)],_0x5bd699[_0x59d0(0x4d)]))return Object[_0x59d0(0x4e)](_0xfeaf64)['filter'](Boolean)[_0x59d0(0x4b)];else _0x33a0ba[_0x59d0(0x4f)](_0x59d0(0x50)+_0x4d1f78+':\x20'+_0xefaa43),_0x5bd699['yUHlO'](_0x55c465);};return _react[_0x59d0(0xc)][_0x59d0(0x51)](_reactNative[_0x59d0(0x52)],{'style':styles[_0x59d0(0x53)]},_react[_0x59d0(0xc)][_0x59d0(0x51)](_reactNative[_0x59d0(0x54)],{'style':styles[_0x59d0(0x55)]},_0x5bd699['GDSYO']),_react['default'][_0x59d0(0x51)](_reactNative[_0x59d0(0x54)],{'style':styles[_0x59d0(0x56)]},_0x5bd699[_0x59d0(0x57)]),_react[_0x59d0(0xc)][_0x59d0(0x51)](_reactNative['ScrollView'],{'style':styles[_0x59d0(0x58)]},Object[_0x59d0(0x59)](PLATFORMS)[_0x59d0(0x5a)](_0x5cef40=>{if(_0x5bd699[_0x59d0(0x47)](_0x5bd699[_0x59d0(0x5b)],_0x5bd699[_0x59d0(0x5c)]))_0x58c38f(_0x2289c0);else{var _0x485853;const _0x93d567=PLATFORMS[_0x5cef40],_0x418dab=_0x3e8142(_0x5cef40),_0x5015c3=_0x418dab?_0x5bd699[_0x59d0(0x5d)](_0x485853=_0xfeaf64[_0x5cef40],null)||_0x485853===void 0x0?void 0x0:_0x485853[_0x59d0(0x5e)]:null;return _react[_0x59d0(0xc)][_0x59d0(0x51)](_reactNative[_0x59d0(0x52)],{'key':_0x5cef40,'style':styles[_0x59d0(0x5f)]},_react[_0x59d0(0xc)][_0x59d0(0x51)](_reactNative[_0x59d0(0x52)],{'style':styles[_0x59d0(0x60)]},_react['default'][_0x59d0(0x51)](_reactNative[_0x59d0(0x52)],{'style':[styles[_0x59d0(0x61)],{'backgroundColor':_0x93d567[_0x59d0(0x62)]}]},_react[_0x59d0(0xc)][_0x59d0(0x51)](_MaterialIcons[_0x59d0(0xc)],{'name':_0x93d567[_0x59d0(0x63)],'size':0x18,'color':_0x5bd699[_0x59d0(0x64)]})),_react[_0x59d0(0xc)]['createElement'](_reactNative[_0x59d0(0x52)],{'style':styles[_0x59d0(0x65)]},_react[_0x59d0(0xc)][_0x59d0(0x51)](_reactNative['Text'],{'style':styles[_0x59d0(0x66)]},_0x93d567['name']),_react['default']['createElement'](_reactNative['Text'],{'style':styles[_0x59d0(0x67)]},_0x418dab?'Connected\x20as\x20'+_0x5015c3:_0x93d567['description']))),_react[_0x59d0(0xc)][_0x59d0(0x51)](_reactNative[_0x59d0(0x68)],{'style':[styles['platformButton'],_0x418dab?styles[_0x59d0(0x69)]:styles[_0x59d0(0x6a)]],'onPress':()=>_0x418dab?_0xdd2bf5(_0x5cef40):_0x7b28d5(_0x5cef40),'disabled':_0x205ffb},_0x205ffb?_react[_0x59d0(0xc)]['createElement'](_reactNative[_0x59d0(0x6b)],{'size':_0x5bd699['HFVVB'],'color':_0x5bd699[_0x59d0(0x64)]}):_react[_0x59d0(0xc)]['createElement'](_reactNative[_0x59d0(0x54)],{'style':styles[_0x59d0(0x6c)]},_0x418dab?_0x5bd699[_0x59d0(0x6d)]:_0x5bd699['tqAaD'])));}})),_react['default'][_0x59d0(0x51)](_reactNative['View'],{'style':styles[_0x59d0(0x6e)]},_react[_0x59d0(0xc)][_0x59d0(0x51)](_reactNative['Text'],{'style':styles[_0x59d0(0x6f)]},_0x5bd699['NbBvs'](_0x2b0b32),_0x5bd699[_0x59d0(0x70)],Object[_0x59d0(0x59)](PLATFORMS)[_0x59d0(0x4b)],_0x5bd699[_0x59d0(0x71)]),_react['default'][_0x59d0(0x51)](_reactNative[_0x59d0(0x68)],{'style':[styles['proceedButton'],_0x2b1524?styles[_0x59d0(0x72)]:styles[_0x59d0(0x73)]],'onPress':_0x11bb7d,'disabled':!_0x2b1524},_react[_0x59d0(0xc)][_0x59d0(0x51)](_reactNative[_0x59d0(0x54)],{'style':[styles[_0x59d0(0x74)],_0x2b1524?styles[_0x59d0(0x75)]:styles[_0x59d0(0x76)]]},_0x5bd699[_0x59d0(0x77)]),_react[_0x59d0(0xc)]['createElement'](_MaterialIcons['default'],{'name':_0x5bd699[_0x59d0(0x78)],'size':0x14,'color':_0x2b1524?_0x5bd699[_0x59d0(0x64)]:_0x59d0(0x79)}))),_0x537aea&&_react[_0x59d0(0xc)]['createElement'](_OAuthWebView[_0x59d0(0x7a)],{'url':_0x59d0(0x7b)+_0x537aea,'platform':_0x537aea,'onComplete':_0x287925,'onClose':_0x4125b1,'onSuccess':_0x390feb=>{if(_0x5bd699[_0x59d0(0x7c)]===_0x5bd699[_0x59d0(0x7d)])return _0x451603&&_0x42b242[_0x59d0(0x0)]?_0x596301:{'default':_0x49ae7d};else console[_0x59d0(0x4f)](_0x59d0(0x50)+_0x537aea+':\x20'+_0x390feb),_0x5bd699[_0x59d0(0x7e)](_0x287925);}}));};exports[_0x59d0(0x7f)]=PlatformConnector;const styles=_reactNative['StyleSheet'][_0x59d0(0x80)]({'container':{'flex':0x1,'padding':0x10},'title':{'fontSize':0x18,'fontWeight':_0x59d0(0x81),'marginBottom':0x8,'color':'#000'},'subtitle':{'fontSize':0x10,'color':_0x59d0(0x82),'marginBottom':0x18},'platformList':{'flex':0x1},'platformItem':{'flexDirection':_0x59d0(0x83),'alignItems':_0x59d0(0x84),'marginBottom':0x10,'padding':0xc,'backgroundColor':_0x59d0(0x85),'borderRadius':0xc,'borderWidth':0x1,'borderColor':_0x59d0(0x86)},'platformInfo':{'flex':0x1,'flexDirection':'row','alignItems':_0x59d0(0x84)},'platformIcon':{'width':0x28,'height':0x28,'borderRadius':0x14,'justifyContent':_0x59d0(0x84),'alignItems':_0x59d0(0x84),'marginRight':0xc},'platformText':{'flex':0x1},'platformName':{'fontSize':0x10,'fontWeight':_0x59d0(0x87),'marginBottom':0x4,'color':'#000'},'platformDescription':{'fontSize':0xe,'color':'#666'},'platformButton':{'paddingHorizontal':0x10,'paddingVertical':0x8,'borderRadius':0x14,'justifyContent':'center','alignItems':_0x59d0(0x84),'minWidth':0x64},'connectButton':{'backgroundColor':_constants[_0x59d0(0x88)][_0x59d0(0x89)]},'disconnectButton':{'backgroundColor':_0x59d0(0x8a)},'buttonText':{'color':_0x59d0(0x8b),'fontWeight':_0x59d0(0x87)},'footer':{'flexDirection':_0x59d0(0x83),'alignItems':'center','justifyContent':_0x59d0(0x8c),'paddingTop':0x10,'borderTopWidth':0x1,'borderTopColor':'#eee','marginTop':0x10},'connectionStatus':{'fontSize':0xe,'color':_0x59d0(0x82)},'proceedButton':{'flexDirection':_0x59d0(0x83),'alignItems':_0x59d0(0x84),'paddingHorizontal':0x10,'paddingVertical':0xa,'borderRadius':0x18},'proceedActive':{'backgroundColor':_constants[_0x59d0(0x88)][_0x59d0(0x89)]},'proceedInactive':{'backgroundColor':_0x59d0(0x86)},'proceedText':{'fontWeight':_0x59d0(0x87),'marginRight':0x8},'proceedTextActive':{'color':_0x59d0(0x8b)},'proceedTextInactive':{'color':'#999'}});function _0x9e01(){const _0x35e224=['__esModule','xfqSn','function','IUMVd','sojXX','jPExK','lSOeb','hFfJH','Qxvij','biFTo','RWcWn','get','default','call','defineProperty','getOwnPropertyDescriptor','set','gksSo','rQTtl','object','ykRzf','UCGlG','vkeuz','DCQUu','ECpqW','BUfGN','TmLFP','XBVcp','oPItG','DKxYJ','hasOwnProperty','IlqZC','Instagram','photo-camera','#E1306C','Connect\x20to\x20share\x20and\x20analyze\x20your\x20Instagram\x20content','YouTube','smart-display','#FF0000','Connect\x20for\x20YouTube\x20video\x20recommendations\x20and\x20analysis','Pinterest','push-pin','#E60023','Reddit','forum','#FF4500','Connect\x20to\x20personalize\x20Reddit\x20content\x20insights','BabQr','KidQA','oKVrW','IhQwM','zwanP','fKNtF','BpgjQ','MWDjc','Disconnect','Connect','ZtXXf','hXyNf','Connect\x20at\x20least\x202\x20platforms\x20to\x20create\x20your\x20Onairos\x20account','\x20of\x20','\x20platforms\x20connected','Continue','arrow-forward','Nwpal','vBkqY','jpVZw','ssZsf','Bxmps','mMvmJ','UIZxe','uwavi','WTSgB','ZzwmA','filter','length','vJyCz','wspza','values','log','Received\x20authorization\x20code\x20for\x20','createElement','View','container','Text','title','subtitle','XarTr','platformList','keys','map','eWVPQ','MbyXg','Nsdzn','userName','platformItem','platformInfo','platformIcon','color','icon','PHDLF','platformText','platformName','platformDescription','TouchableOpacity','disconnectButton','connectButton','ActivityIndicator','buttonText','dCNmU','footer','connectionStatus','tFsxH','tvmCZ','proceedActive','proceedInactive','proceedText','proceedTextActive','proceedTextInactive','xdOjK','sCwam','#999','OAuthWebView','https://oauth.example.com/','WcVJU','AwgXO','EflgM','PlatformConnector','create','bold','#666','row','center','#f8f8f8','#eee','600','COLORS','primary','#f44336','#fff','space-between'];_0x9e01=function(){return _0x35e224;};return _0x9e01();}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlatformConnector = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
+var _constants = require("../../constants");
+var _OAuthWebView = require("./OAuthWebView");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// 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'
+  }
+};
+const PlatformConnector = ({
+  connections,
+  onConnect,
+  onDisconnect,
+  isLoading,
+  canProceed,
+  onProceed
+}) => {
+  const [activeWebview, setActiveWebview] = (0, _react.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.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.title
+  }, "Connect Your Platforms"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.subtitle
+  }, "Connect at least 2 platforms to create your Onairos account"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_reactNative.View, {
+      key: platform,
+      style: styles.platformItem
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.platformInfo
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles.platformIcon, {
+        backgroundColor: platformInfo.color
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+      name: platformInfo.icon,
+      size: 24,
+      color: "#fff"
+    })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.platformText
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.platformName
+    }, platformInfo.name), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.platformDescription
+    }, isConnected ? `Connected as ${userName}` : platformInfo.description))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      style: [styles.platformButton, isConnected ? styles.disconnectButton : styles.connectButton],
+      onPress: () => isConnected ? handleDisconnectPress(platform) : handleConnectPress(platform),
+      disabled: isLoading
+    }, isLoading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+      size: "small",
+      color: "#fff"
+    }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.buttonText
+    }, isConnected ? 'Disconnect' : 'Connect')));
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.footer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.connectionStatus
+  }, getConnectedCount(), " of ", Object.keys(PLATFORMS).length, " platforms connected"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.proceedButton, canProceed ? styles.proceedActive : styles.proceedInactive],
+    onPress: onProceed,
+    disabled: !canProceed
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.proceedText, canProceed ? styles.proceedTextActive : styles.proceedTextInactive]
+  }, "Continue"), /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+    name: "arrow-forward",
+    size: 20,
+    color: canProceed ? '#fff' : '#999'
+  }))), activeWebview && /*#__PURE__*/_react.default.createElement(_OAuthWebView.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();
+    }
+  }));
+};
+exports.PlatformConnector = PlatformConnector;
+const styles = _reactNative.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: _constants.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: _constants.COLORS.primary
+  },
+  proceedInactive: {
+    backgroundColor: '#eee'
+  },
+  proceedText: {
+    fontWeight: '600',
+    marginRight: 8
+  },
+  proceedTextActive: {
+    color: '#fff'
+  },
+  proceedTextInactive: {
+    color: '#999'
+  }
+});
+//# sourceMappingURL=PlatformConnector.js.map