@onairos/react-native 3.7.2 → 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]; }
-Object[_0x2fe2(0x0)](exports,'__esModule',{'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(_0x4cd6ea){return _0x4cd6ea&&_0x4cd6ea['__esModule']?_0x4cd6ea:{'default':_0x4cd6ea};}function _interopRequireWildcard(_0x21785d,_0x575e57){const _0x1e19ab={'cyHsJ':function(_0x12552b,_0x11a24a){return _0x12552b(_0x11a24a);},'BiJTG':function(_0x438459,_0x459478){return _0x438459!==_0x459478;},'JaMqX':_0x2fe2(0x1),'uFYiF':function(_0x168485,_0x968b15){return _0x168485&&_0x968b15;},'gILJj':function(_0x5c33d9,_0x4fc1be){return _0x5c33d9===_0x4fc1be;},'hWuHX':function(_0x44d647,_0x3f174d){return _0x44d647!=_0x3f174d;},'UnMSd':_0x2fe2(0x2),'mUiBB':function(_0x3fa272,_0x14d618){return _0x3fa272!=_0x14d618;},'GxpcS':function(_0x1043de,_0x5180ad){return _0x1043de!==_0x5180ad;},'CoQci':'default','JkbpD':function(_0x44c0dc,_0x243caf,_0x4c5c9e,_0x2d195e){return _0x44c0dc(_0x243caf,_0x4c5c9e,_0x2d195e);},'ysmBv':function(_0x416266,_0x34ca84){return _0x416266==_0x34ca84;},'URzCG':_0x2fe2(0x3)};if(_0x1e19ab['ysmBv'](_0x1e19ab[_0x2fe2(0x4)],typeof WeakMap))var _0x265641=new WeakMap(),_0x569d93=new WeakMap();return(_interopRequireWildcard=function(_0x219f38,_0x4458a8){if(_0x1e19ab[_0x2fe2(0x5)](_0x1e19ab['JaMqX'],_0x2fe2(0x1)))_0x1e19ab[_0x2fe2(0x6)](_0x41b45e,null);else{if(_0x1e19ab[_0x2fe2(0x7)](!_0x4458a8,_0x219f38)&&_0x219f38['__esModule'])return _0x219f38;var _0x1115b0,_0x497d4a,_0x63bab3={'__proto__':null,'default':_0x219f38};if(_0x1e19ab['gILJj'](null,_0x219f38)||_0x1e19ab[_0x2fe2(0x8)](_0x1e19ab[_0x2fe2(0x9)],typeof _0x219f38)&&_0x1e19ab[_0x2fe2(0xa)](_0x2fe2(0x3),typeof _0x219f38))return _0x63bab3;if(_0x1115b0=_0x4458a8?_0x569d93:_0x265641){if(_0x1115b0[_0x2fe2(0xb)](_0x219f38))return _0x1115b0['get'](_0x219f38);_0x1115b0[_0x2fe2(0xc)](_0x219f38,_0x63bab3);}for(const _0x5650cf in _0x219f38)_0x1e19ab['GxpcS'](_0x1e19ab['CoQci'],_0x5650cf)&&{}[_0x2fe2(0xd)]['call'](_0x219f38,_0x5650cf)&&((_0x497d4a=(_0x1115b0=Object[_0x2fe2(0x0)])&&Object[_0x2fe2(0xe)](_0x219f38,_0x5650cf))&&(_0x497d4a[_0x2fe2(0xf)]||_0x497d4a[_0x2fe2(0xc)])?_0x1e19ab[_0x2fe2(0x10)](_0x1115b0,_0x63bab3,_0x5650cf,_0x497d4a):_0x63bab3[_0x5650cf]=_0x219f38[_0x5650cf]);return _0x63bab3;}})(_0x21785d,_0x575e57);}function _0x2f14(){const _0x5bb4f1=['defineProperty','bWdqi','object','function','URzCG','BiJTG','cyHsJ','uFYiF','hWuHX','UnMSd','mUiBB','has','set','hasOwnProperty','getOwnPropertyDescriptor','get','JkbpD','Instagram','photo-camera','#E1306C','YouTube','smart-display','Connect\x20for\x20YouTube\x20video\x20recommendations\x20and\x20analysis','Pinterest','push-pin','#E60023','Connect\x20to\x20enhance\x20Pinterest\x20board\x20recommendations','Reddit','forum','#FF4500','Connect\x20to\x20personalize\x20Reddit\x20content\x20insights','YoPoZ','small','Connect','#fff','Disconnect','Connect\x20at\x20least\x202\x20platforms\x20to\x20create\x20your\x20Onairos\x20account','\x20of\x20','\x20platforms\x20connected','Continue','arrow-forward','ndpuC','lcQRP','ItkcB','bBYaQ','UNznO','yORfG','pzmHM','qrAhb','yHGLc','userName','default','createElement','platformItem','View','platformIcon','color','icon','htYJJ','platformText','Text','platformName','platformDescription','platformButton','disconnectButton','connectButton','buttonText','RbpBj','PkyUm','pusxe','XYmwX','AzgGp','length','container','Connect\x20Your\x20Platforms','subtitle','MFqqt','ScrollView','keys','map','AwAGv','fXgHy','OswBJ','platformInfo','sFuyL','name','Connected\x20as\x20','TouchableOpacity','ActivityIndicator','PINAS','footer','connectionStatus','uJFTt','hllif','moDpV','proceedButton','proceedActive','proceedText','proceedTextActive','hoaSF','log','Received\x20authorization\x20code\x20for\x20','IvTbC','PlatformConnector','create','bold','#666','#eee','center','600','#000','COLORS','primary','row','space-between','#999'];_0x2f14=function(){return _0x5bb4f1;};return _0x2f14();}const PLATFORMS={'instagram':{'name':_0x2fe2(0x11),'icon':_0x2fe2(0x12),'color':_0x2fe2(0x13),'description':'Connect\x20to\x20share\x20and\x20analyze\x20your\x20Instagram\x20content'},'youtube':{'name':_0x2fe2(0x14),'icon':_0x2fe2(0x15),'color':'#FF0000','description':_0x2fe2(0x16)},'pinterest':{'name':_0x2fe2(0x17),'icon':_0x2fe2(0x18),'color':_0x2fe2(0x19),'description':_0x2fe2(0x1a)},'reddit':{'name':_0x2fe2(0x1b),'icon':_0x2fe2(0x1c),'color':_0x2fe2(0x1d),'description':_0x2fe2(0x1e)}},PlatformConnector=({connections:_0x136c73,onConnect:_0x4e3fea,onDisconnect:_0x25cde4,isLoading:_0x420ca2,canProceed:_0xea6607,onProceed:_0x102922})=>{const _0x601641={'ndpuC':_0x2fe2(0x1f),'lcQRP':function(_0x589982,_0x58b6c9){return _0x589982(_0x58b6c9);},'ItkcB':_0x2fe2(0x20),'bBYaQ':_0x2fe2(0x21),'UNznO':function(_0x193da0,_0x5073d9){return _0x193da0!==_0x5073d9;},'pusxe':function(_0xafc5bb,_0x12fb26){return _0xafc5bb!==_0x12fb26;},'AzgGp':'XYmwX','AwAGv':function(_0x368607,_0x4af381){return _0x368607(_0x4af381);},'fXgHy':function(_0x19a12d,_0x5adb72){return _0x19a12d===_0x5adb72;},'OswBJ':function(_0x25e7f2,_0x137cb8){return _0x25e7f2===_0x137cb8;},'sFuyL':_0x2fe2(0x22),'PINAS':_0x2fe2(0x23),'IvTbC':function(_0x55447d){return _0x55447d();},'MFqqt':_0x2fe2(0x24),'uJFTt':function(_0x4002a9){return _0x4002a9();},'hllif':_0x2fe2(0x25),'moDpV':_0x2fe2(0x26),'hoaSF':_0x2fe2(0x27),'SUrOo':_0x2fe2(0x28),'JUgKM':'#999'},[_0x2ea4d7,_0x9f82d]=(0x0,_react['useState'])(null),_0x2b6463=async _0x5b77fd=>{if(_0x601641['ndpuC']===_0x601641[_0x2fe2(0x29)])_0x601641[_0x2fe2(0x2a)](_0x9f82d,_0x5b77fd);else{if(_0xb94bd0[_0x2fe2(0xb)](_0x159e9a))return _0x162003[_0x2fe2(0xf)](_0x2fd416);_0x5c48c3['set'](_0x26e1a7,_0xc6d957);}},_0x2911d4=()=>{const _0x4bd734={'qrAhb':function(_0x4b364c,_0x5ac8c1){return _0x601641[_0x2fe2(0x2a)](_0x4b364c,_0x5ac8c1);},'yHGLc':function(_0x47b11d,_0x486d54){return _0x47b11d===_0x486d54;},'htYJJ':_0x2fe2(0x22),'gfgAk':_0x601641[_0x2fe2(0x2b)],'RbpBj':_0x2fe2(0x23),'PkyUm':_0x601641[_0x2fe2(0x2c)]};if(_0x601641[_0x2fe2(0x2d)](_0x2fe2(0x2e),_0x2fe2(0x2f)))_0x9f82d(null);else{var _0x4e0922;const _0x43c12f=_0x4d66b7[_0x339216],_0xe0cb9e=_0x4bd734[_0x2fe2(0x30)](_0x21c3a1,_0x3b2128),_0x25dc9c=_0xe0cb9e?_0x4bd734[_0x2fe2(0x31)](_0x4e0922=_0x10ddf1[_0x461bd1],null)||_0x4e0922===void 0x0?void 0x0:_0x4e0922[_0x2fe2(0x32)]:null;return _0x5affcb[_0x2fe2(0x33)][_0x2fe2(0x34)](_0x47289f['View'],{'key':_0x2085bc,'style':_0x203df4[_0x2fe2(0x35)]},_0x473b44['default'][_0x2fe2(0x34)](_0x2dbb6c[_0x2fe2(0x36)],{'style':_0x32cde2['platformInfo']},_0x2f369f[_0x2fe2(0x33)][_0x2fe2(0x34)](_0x3c5fe9[_0x2fe2(0x36)],{'style':[_0x321889[_0x2fe2(0x37)],{'backgroundColor':_0x43c12f[_0x2fe2(0x38)]}]},_0x2a3888[_0x2fe2(0x33)][_0x2fe2(0x34)](_0x55fd0b[_0x2fe2(0x33)],{'name':_0x43c12f[_0x2fe2(0x39)],'size':0x18,'color':_0x4bd734[_0x2fe2(0x3a)]})),_0xa45f10['default'][_0x2fe2(0x34)](_0x3cd010[_0x2fe2(0x36)],{'style':_0x41d700[_0x2fe2(0x3b)]},_0x514c8d[_0x2fe2(0x33)][_0x2fe2(0x34)](_0x3ebfdf[_0x2fe2(0x3c)],{'style':_0x1d3771[_0x2fe2(0x3d)]},_0x43c12f['name']),_0x4b17bc[_0x2fe2(0x33)][_0x2fe2(0x34)](_0x4239ac[_0x2fe2(0x3c)],{'style':_0x116777[_0x2fe2(0x3e)]},_0xe0cb9e?'Connected\x20as\x20'+_0x25dc9c:_0x43c12f['description']))),_0x138f66[_0x2fe2(0x33)]['createElement'](_0x571688['TouchableOpacity'],{'style':[_0x201be3[_0x2fe2(0x3f)],_0xe0cb9e?_0x1854b3[_0x2fe2(0x40)]:_0x4ff0a1[_0x2fe2(0x41)]],'onPress':()=>_0xe0cb9e?_0x32bc03(_0x142743):_0x37fc57(_0x42dde9),'disabled':_0x5cc04a},_0x43b879?_0x1f4029[_0x2fe2(0x33)][_0x2fe2(0x34)](_0x20933a['ActivityIndicator'],{'size':_0x4bd734['gfgAk'],'color':_0x4bd734[_0x2fe2(0x3a)]}):_0x528ef1[_0x2fe2(0x33)][_0x2fe2(0x34)](_0x53d9ad['Text'],{'style':_0xdcad09[_0x2fe2(0x42)]},_0xe0cb9e?_0x4bd734[_0x2fe2(0x43)]:_0x4bd734[_0x2fe2(0x44)])));}},_0x2c8d24=()=>{_0x601641[_0x2fe2(0x2a)](_0x9f82d,null);},_0x31a999=async _0x196c40=>{if(_0x601641[_0x2fe2(0x45)](_0x2fe2(0x46),_0x601641[_0x2fe2(0x47)])){const _0x225520=_0x2ff351;return _0x3095b8[_0x225520]?!![]:![];}else await _0x25cde4(_0x196c40);},_0x4f28dd=_0x3be217=>{const _0x42905c=_0x3be217;return _0x136c73[_0x42905c]?!![]:![];},_0x16f823=()=>{return Object['values'](_0x136c73)['filter'](Boolean)[_0x2fe2(0x48)];};return _react['default']['createElement'](_reactNative[_0x2fe2(0x36)],{'style':styles[_0x2fe2(0x49)]},_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x3c)],{'style':styles['title']},_0x2fe2(0x4a)),_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative['Text'],{'style':styles[_0x2fe2(0x4b)]},_0x601641[_0x2fe2(0x4c)]),_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x4d)],{'style':styles['platformList']},Object[_0x2fe2(0x4e)](PLATFORMS)[_0x2fe2(0x4f)](_0x1d281c=>{var _0x420a9c;const _0x1a14c2=PLATFORMS[_0x1d281c],_0x298488=_0x601641[_0x2fe2(0x50)](_0x4f28dd,_0x1d281c),_0x3e8c2b=_0x298488?_0x601641[_0x2fe2(0x51)](_0x420a9c=_0x136c73[_0x1d281c],null)||_0x601641[_0x2fe2(0x52)](_0x420a9c,void 0x0)?void 0x0:_0x420a9c[_0x2fe2(0x32)]:null;return _react['default'][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x36)],{'key':_0x1d281c,'style':styles['platformItem']},_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x36)],{'style':styles[_0x2fe2(0x53)]},_react[_0x2fe2(0x33)]['createElement'](_reactNative['View'],{'style':[styles[_0x2fe2(0x37)],{'backgroundColor':_0x1a14c2[_0x2fe2(0x38)]}]},_react['default'][_0x2fe2(0x34)](_MaterialIcons[_0x2fe2(0x33)],{'name':_0x1a14c2[_0x2fe2(0x39)],'size':0x18,'color':_0x601641[_0x2fe2(0x54)]})),_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x36)],{'style':styles[_0x2fe2(0x3b)]},_react[_0x2fe2(0x33)]['createElement'](_reactNative[_0x2fe2(0x3c)],{'style':styles[_0x2fe2(0x3d)]},_0x1a14c2[_0x2fe2(0x55)]),_react['default'][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x3c)],{'style':styles[_0x2fe2(0x3e)]},_0x298488?_0x2fe2(0x56)+_0x3e8c2b:_0x1a14c2['description']))),_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x57)],{'style':[styles['platformButton'],_0x298488?styles[_0x2fe2(0x40)]:styles[_0x2fe2(0x41)]],'onPress':()=>_0x298488?_0x31a999(_0x1d281c):_0x2b6463(_0x1d281c),'disabled':_0x420ca2},_0x420ca2?_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x58)],{'size':_0x601641[_0x2fe2(0x2b)],'color':_0x601641[_0x2fe2(0x54)]}):_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x3c)],{'style':styles[_0x2fe2(0x42)]},_0x298488?_0x601641[_0x2fe2(0x59)]:_0x601641[_0x2fe2(0x2c)])));})),_react['default']['createElement'](_reactNative['View'],{'style':styles[_0x2fe2(0x5a)]},_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x3c)],{'style':styles[_0x2fe2(0x5b)]},_0x601641[_0x2fe2(0x5c)](_0x16f823),_0x601641[_0x2fe2(0x5d)],Object[_0x2fe2(0x4e)](PLATFORMS)[_0x2fe2(0x48)],_0x601641[_0x2fe2(0x5e)]),_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative[_0x2fe2(0x57)],{'style':[styles[_0x2fe2(0x5f)],_0xea6607?styles[_0x2fe2(0x60)]:styles['proceedInactive']],'onPress':_0x102922,'disabled':!_0xea6607},_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_reactNative['Text'],{'style':[styles[_0x2fe2(0x61)],_0xea6607?styles[_0x2fe2(0x62)]:styles['proceedTextInactive']]},_0x601641[_0x2fe2(0x63)]),_react[_0x2fe2(0x33)][_0x2fe2(0x34)](_MaterialIcons[_0x2fe2(0x33)],{'name':_0x601641['SUrOo'],'size':0x14,'color':_0xea6607?_0x601641[_0x2fe2(0x54)]:_0x601641['JUgKM']}))),_0x2ea4d7&&_react['default'][_0x2fe2(0x34)](_OAuthWebView['OAuthWebView'],{'url':'https://oauth.example.com/'+_0x2ea4d7,'platform':_0x2ea4d7,'onComplete':_0x2911d4,'onClose':_0x2c8d24,'onSuccess':_0x129896=>{console[_0x2fe2(0x64)](_0x2fe2(0x65)+_0x2ea4d7+':\x20'+_0x129896),_0x601641[_0x2fe2(0x66)](_0x2911d4);}}));};function _0x2fe2(_0x2f1457,_0x2fe239){_0x2f1457=_0x2f1457-0x0;const _0x4144da=_0x2f14();let _0x5bca5d=_0x4144da[_0x2f1457];return _0x5bca5d;}exports[_0x2fe2(0x67)]=PlatformConnector;const styles=_reactNative['StyleSheet'][_0x2fe2(0x68)]({'container':{'flex':0x1,'padding':0x10},'title':{'fontSize':0x18,'fontWeight':_0x2fe2(0x69),'marginBottom':0x8,'color':'#000'},'subtitle':{'fontSize':0x10,'color':_0x2fe2(0x6a),'marginBottom':0x18},'platformList':{'flex':0x1},'platformItem':{'flexDirection':'row','alignItems':'center','marginBottom':0x10,'padding':0xc,'backgroundColor':'#f8f8f8','borderRadius':0xc,'borderWidth':0x1,'borderColor':_0x2fe2(0x6b)},'platformInfo':{'flex':0x1,'flexDirection':'row','alignItems':_0x2fe2(0x6c)},'platformIcon':{'width':0x28,'height':0x28,'borderRadius':0x14,'justifyContent':_0x2fe2(0x6c),'alignItems':_0x2fe2(0x6c),'marginRight':0xc},'platformText':{'flex':0x1},'platformName':{'fontSize':0x10,'fontWeight':_0x2fe2(0x6d),'marginBottom':0x4,'color':_0x2fe2(0x6e)},'platformDescription':{'fontSize':0xe,'color':_0x2fe2(0x6a)},'platformButton':{'paddingHorizontal':0x10,'paddingVertical':0x8,'borderRadius':0x14,'justifyContent':_0x2fe2(0x6c),'alignItems':'center','minWidth':0x64},'connectButton':{'backgroundColor':_constants[_0x2fe2(0x6f)][_0x2fe2(0x70)]},'disconnectButton':{'backgroundColor':'#f44336'},'buttonText':{'color':_0x2fe2(0x22),'fontWeight':_0x2fe2(0x6d)},'footer':{'flexDirection':_0x2fe2(0x71),'alignItems':_0x2fe2(0x6c),'justifyContent':_0x2fe2(0x72),'paddingTop':0x10,'borderTopWidth':0x1,'borderTopColor':_0x2fe2(0x6b),'marginTop':0x10},'connectionStatus':{'fontSize':0xe,'color':_0x2fe2(0x6a)},'proceedButton':{'flexDirection':_0x2fe2(0x71),'alignItems':_0x2fe2(0x6c),'paddingHorizontal':0x10,'paddingVertical':0xa,'borderRadius':0x18},'proceedActive':{'backgroundColor':_constants[_0x2fe2(0x6f)][_0x2fe2(0x70)]},'proceedInactive':{'backgroundColor':'#eee'},'proceedText':{'fontWeight':_0x2fe2(0x6d),'marginRight':0x8},'proceedTextActive':{'color':_0x2fe2(0x22)},'proceedTextInactive':{'color':_0x2fe2(0x73)}});
+"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