@onairos/react-native 3.7.2 → 3.7.3

package/lib/commonjs/components/PlatformList.js

@@ -1,10 +1,137 @@
-'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")
-];
-function __ONAIROS_REQ_FUNC__(i) { return __ONAIROS_REQ_REGISTRY__[i]; }
-function _0xe166(_0x5eaf06,_0xe1661f){_0x5eaf06=_0x5eaf06-0x0;var _0x31775d=_0x5eaf();var _0x459e35=_0x31775d[_0x5eaf06];return _0x459e35;}Object[_0xe166(0x0)](exports,_0xe166(0x1),{'value':!![]}),exports['PlatformList']=void 0x0;var _react=_interopRequireDefault(__ONAIROS_REQ_FUNC__(0x0)),_reactNative=__ONAIROS_REQ_FUNC__(0x1),_MaterialIcons=_interopRequireDefault(__ONAIROS_REQ_FUNC__(0x2)),_constants=__ONAIROS_REQ_FUNC__(0x3);function _interopRequireDefault(_0x4f8c08){return _0x4f8c08&&_0x4f8c08[_0xe166(0x1)]?_0x4f8c08:{'default':_0x4f8c08};}const PlatformList=({connections:_0x319157,onToggle:_0x1d5af0,isLoading:_0x93fc4e,canProceed:_0x12659d,onProceed:_0x1318f9})=>{var _0x5679b5={'SzXis':_0xe166(0x2),'FIcMq':_0xe166(0x3),'lMJTh':_0xe166(0x4),'URoSA':_0xe166(0x5),'bajaR':_0xe166(0x6)};const _0x434dac=(_0x5262c7,_0x502907)=>{const _0x1de79f=_constants[_0xe166(0x7)][_0x5262c7];if(!_0x1de79f)return null;return _react['default'][_0xe166(0x8)](_reactNative[_0xe166(0x9)],{'key':_0x5262c7,'style':styles[_0xe166(0xa)]},_react[_0xe166(0xb)][_0xe166(0x8)](_reactNative[_0xe166(0x9)],{'style':styles[_0xe166(0xc)]},_react[_0xe166(0xb)][_0xe166(0x8)](_MaterialIcons['default'],{'name':_0x1de79f[_0xe166(0xd)],'size':0x18,'color':_0x1de79f[_0xe166(0xe)]}),_react[_0xe166(0xb)][_0xe166(0x8)](_reactNative['Text'],{'style':styles[_0xe166(0xf)]},_0x1de79f[_0xe166(0x10)])),_0x1de79f['description']&&_react['default']['createElement'](_reactNative['Text'],{'style':styles[_0xe166(0x11)]},_0x1de79f[_0xe166(0x12)]),_react[_0xe166(0xb)][_0xe166(0x8)](_reactNative['TouchableOpacity'],{'style':[styles[_0xe166(0x13)],_0x502907?styles[_0xe166(0x14)]:styles[_0xe166(0x15)]],'onPress':()=>_0x1d5af0(_0x5262c7,!_0x502907),'disabled':_0x93fc4e},_0x93fc4e?_react[_0xe166(0xb)][_0xe166(0x8)](_reactNative[_0xe166(0x16)],{'color':_0x5679b5['SzXis']}):_react['default'][_0xe166(0x8)](_reactNative[_0xe166(0x17)],{'style':styles[_0xe166(0x18)]},_0x502907?_0x5679b5[_0xe166(0x19)]:_0x5679b5[_0xe166(0x1a)])));};return _react[_0xe166(0xb)][_0xe166(0x8)](_reactNative[_0xe166(0x9)],{'style':styles[_0xe166(0x1b)]},_react['default'][_0xe166(0x8)](_reactNative['Text'],{'style':styles['title']},_0x5679b5[_0xe166(0x1c)]),_react[_0xe166(0xb)][_0xe166(0x8)](_reactNative[_0xe166(0x17)],{'style':styles[_0xe166(0x1d)]},_0x5679b5[_0xe166(0x1e)]),_react[_0xe166(0xb)][_0xe166(0x8)](_reactNative[_0xe166(0x9)],{'style':styles[_0xe166(0x1f)]},Object[_0xe166(0x20)](_0x319157)['map'](([_0x25eceb,_0x5af643])=>_0x434dac(_0x25eceb,!!_0x5af643))),_react[_0xe166(0xb)][_0xe166(0x8)](_reactNative['TouchableOpacity'],{'style':[styles['proceedButton'],!_0x12659d&&styles[_0xe166(0x21)]],'onPress':_0x1318f9,'disabled':!_0x12659d||_0x93fc4e},_react[_0xe166(0xb)][_0xe166(0x8)](_reactNative['Text'],{'style':styles[_0xe166(0x22)]},_0xe166(0x23))));};exports['PlatformList']=PlatformList;const styles=_reactNative[_0xe166(0x24)][_0xe166(0x25)]({'container':{'flex':0x1,'padding':0x10},'title':{'fontSize':0x14,'fontWeight':_0xe166(0x26),'marginBottom':0x8,'color':_constants[_0xe166(0x27)]['text'][_0xe166(0x28)]},'subtitle':{'fontSize':0xe,'color':_constants['COLORS'][_0xe166(0x29)][_0xe166(0x2a)],'marginBottom':0x18},'platformsList':{'flex':0x1},'platformContainer':{'backgroundColor':'#fff','borderRadius':0xc,'padding':0x10,'marginBottom':0x10,'borderWidth':0x1,'borderColor':_constants['COLORS'][_0xe166(0x2b)]},'platformHeader':{'flexDirection':'row','alignItems':_0xe166(0x2c),'marginBottom':0x8},'platformName':{'fontSize':0x10,'fontWeight':_0xe166(0x26),'marginLeft':0xc,'color':_constants[_0xe166(0x27)][_0xe166(0x29)][_0xe166(0x28)]},'platformDescription':{'fontSize':0xe,'color':_constants[_0xe166(0x27)][_0xe166(0x29)][_0xe166(0x2a)],'marginBottom':0x10},'connectButton':{'paddingVertical':0x8,'paddingHorizontal':0x10,'borderRadius':0x8,'alignItems':_0xe166(0x2c)},'connectedButton':{'backgroundColor':_constants[_0xe166(0x27)][_0xe166(0x2d)]},'disconnectedButton':{'backgroundColor':_constants['COLORS']['primary']},'buttonText':{'color':_0xe166(0x2),'fontWeight':_0xe166(0x26)},'proceedButton':{'backgroundColor':_constants[_0xe166(0x27)][_0xe166(0x28)],'paddingVertical':0x10,'borderRadius':0xc,'alignItems':'center','marginTop':0x10},'disabledButton':{'opacity':0.5},'proceedButtonText':{'color':'#fff','fontSize':0x10,'fontWeight':'600'}});function _0x5eaf(){var _0x8bf9f2=['defineProperty','__esModule','#fff','Disconnect','Connect','Connect\x20your\x20platforms','Connect\x20at\x20least\x202\x20platforms\x20to\x20proceed','PLATFORMS','createElement','View','platformContainer','default','platformHeader','icon','color','platformName','name','platformDescription','description','connectButton','connectedButton','disconnectedButton','ActivityIndicator','Text','buttonText','FIcMq','lMJTh','container','URoSA','subtitle','bajaR','platformsList','entries','disabledButton','proceedButtonText','Proceed','StyleSheet','create','600','COLORS','primary','text','secondary','border','center','success'];_0x5eaf=function(){return _0x8bf9f2;};return _0x5eaf();}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlatformList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
+var _constants = require("../constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PlatformList = ({
+  connections,
+  onToggle,
+  isLoading,
+  canProceed,
+  onProceed
+}) => {
+  const renderPlatformItem = (platform, isConnected) => {
+    const platformConfig = _constants.PLATFORMS[platform];
+    if (!platformConfig) return null;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      key: platform,
+      style: styles.platformContainer
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.platformHeader
+    }, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+      name: platformConfig.icon,
+      size: 24,
+      color: platformConfig.color
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.platformName
+    }, platformConfig.name)), platformConfig.description && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.platformDescription
+    }, platformConfig.description), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      style: [styles.connectButton, isConnected ? styles.connectedButton : styles.disconnectedButton],
+      onPress: () => onToggle(platform, !isConnected),
+      disabled: isLoading
+    }, isLoading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+      color: "#fff"
+    }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.buttonText
+    }, isConnected ? 'Disconnect' : 'Connect')));
+  };
+  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 proceed"), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.platformsList
+  }, Object.entries(connections).map(([platform, status]) => renderPlatformItem(platform, !!status))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.proceedButton, !canProceed && styles.disabledButton],
+    onPress: onProceed,
+    disabled: !canProceed || isLoading
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.proceedButtonText
+  }, "Proceed")));
+};
+exports.PlatformList = PlatformList;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: '600',
+    marginBottom: 8,
+    color: _constants.COLORS.text.primary
+  },
+  subtitle: {
+    fontSize: 14,
+    color: _constants.COLORS.text.secondary,
+    marginBottom: 24
+  },
+  platformsList: {
+    flex: 1
+  },
+  platformContainer: {
+    backgroundColor: '#fff',
+    borderRadius: 12,
+    padding: 16,
+    marginBottom: 16,
+    borderWidth: 1,
+    borderColor: _constants.COLORS.border
+  },
+  platformHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 8
+  },
+  platformName: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginLeft: 12,
+    color: _constants.COLORS.text.primary
+  },
+  platformDescription: {
+    fontSize: 14,
+    color: _constants.COLORS.text.secondary,
+    marginBottom: 16
+  },
+  connectButton: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    alignItems: 'center'
+  },
+  connectedButton: {
+    backgroundColor: _constants.COLORS.success
+  },
+  disconnectedButton: {
+    backgroundColor: _constants.COLORS.primary
+  },
+  buttonText: {
+    color: '#fff',
+    fontWeight: '600'
+  },
+  proceedButton: {
+    backgroundColor: _constants.COLORS.primary,
+    paddingVertical: 16,
+    borderRadius: 12,
+    alignItems: 'center',
+    marginTop: 16
+  },
+  disabledButton: {
+    opacity: 0.5
+  },
+  proceedButtonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=PlatformList.js.map

package/lib/commonjs/components/PlatformToggle.js

@@ -1,9 +1,180 @@
-'use strict';
-// Onairos SDK - Asset Registry (auto-generated)
-var __ONAIROS_REQ_REGISTRY__ = [
-    require("react"),
-    require("react-native"),
-    require("../theme")
-];
-function __ONAIROS_REQ_FUNC__(i) { return __ONAIROS_REQ_REGISTRY__[i]; }
-Object['defineProperty'](exports,_0xcf47(0x0),{'value':!![]}),exports['default']=void 0x0;function _0xcf47(_0x10642a,_0xcf47ca){_0x10642a=_0x10642a-0x0;const _0x18d540=_0x1064();let _0x3ecd53=_0x18d540[_0x10642a];return _0x3ecd53;}var _react=_interopRequireDefault(__ONAIROS_REQ_FUNC__(0x0)),_reactNative=__ONAIROS_REQ_FUNC__(0x1),_theme=__ONAIROS_REQ_FUNC__(0x2);function _interopRequireDefault(_0x64f818){return _0x64f818&&_0x64f818[_0xcf47(0x0)]?_0x64f818:{'default':_0x64f818};}const PlatformToggle=({platform:_0x4933db,isEnabled:_0x27e1a8,onToggle:_0x43b4a6,compact:compact=![],isLast:isLast=![],fullWidth:fullWidth=![],customIconSize:_0x59c8b4,onLongPress:_0x110bad,onPressOut:_0x29f2ab})=>{const _0x26687b={'MUpXm':function(_0x1f3b6f,_0x226840,_0x1a4b8b){return _0x1f3b6f(_0x226840,_0x1a4b8b);},'blgbH':function(_0x1968ce,_0x2f250d){return _0x1968ce&&_0x2f250d;},'pRKGs':function(_0xa7b729,_0x4a7c53){return _0xa7b729-_0x4a7c53;},'hOIJF':function(_0x46c7ca,_0x518b2b){return _0x46c7ca-_0x518b2b;},'ZFDQw':_0xcf47(0x1),'deCqd':_0xcf47(0x2),'xwhWK':'#4CD964','UeUPy':function(_0x16a036,_0x4e6ec2){return _0x16a036===_0x4e6ec2;},'TXqwm':_0xcf47(0x3),'uZNzY':_0xcf47(0x4)},_0x1f52ac=()=>{_0x26687b[_0xcf47(0x5)](_0x43b4a6,_0x4933db['id'],!_0x27e1a8);},_0x51b7db=fullWidth?styles[_0xcf47(0x6)]:compact?styles[_0xcf47(0x7)]:styles[_0xcf47(0x8)];return _react[_0xcf47(0x9)]['createElement'](_reactNative['TouchableOpacity'],{'style':[_0x51b7db,_0x26687b['blgbH'](!isLast,compact)&&styles['borderBottom']],'onLongPress':_0x110bad,'onPressOut':_0x29f2ab,'activeOpacity':_0x110bad?0.7:0x1,'disabled':!_0x110bad},_react[_0xcf47(0x9)][_0xcf47(0xa)](_reactNative['View'],{'style':styles['topRow']},_react[_0xcf47(0x9)][_0xcf47(0xa)](_reactNative[_0xcf47(0xb)],{'style':styles[_0xcf47(0xc)]},_react[_0xcf47(0x9)]['createElement'](_reactNative[_0xcf47(0xd)],{'source':_0x4933db[_0xcf47(0xe)],'style':_0x59c8b4?{'width':_0x59c8b4,'height':_0x59c8b4,'marginRight':_0x26687b[_0xcf47(0xf)](0xc,_0x26687b[_0xcf47(0x10)](_0x59c8b4,0x1c))}:fullWidth?styles[_0xcf47(0x11)]:compact?styles['compactIcon']:styles[_0xcf47(0xe)],'resizeMode':_0x26687b[_0xcf47(0x12)]}),_react[_0xcf47(0x9)][_0xcf47(0xa)](_reactNative[_0xcf47(0xb)],{'style':styles[_0xcf47(0x13)]},_react[_0xcf47(0x9)][_0xcf47(0xa)](_reactNative['Text'],{'style':fullWidth?styles[_0xcf47(0x14)]:compact?styles[_0xcf47(0x14)]:styles[_0xcf47(0x15)]},_0x4933db['name']))),_react[_0xcf47(0x9)][_0xcf47(0xa)](_reactNative[_0xcf47(0x16)],{'value':_0x27e1a8,'onValueChange':_0x1f52ac,'trackColor':{'false':_0x26687b[_0xcf47(0x17)],'true':_0x26687b[_0xcf47(0x18)]},'thumbColor':_0x26687b[_0xcf47(0x19)](_reactNative[_0xcf47(0x1a)]['OS'],_0x26687b[_0xcf47(0x1b)])?undefined:_0x27e1a8?_0x26687b[_0xcf47(0x1c)]:_0x26687b[_0xcf47(0x1c)],'ios_backgroundColor':_0x26687b[_0xcf47(0x17)],'style':compact?styles['compactSwitch']:undefined})),fullWidth&&_react[_0xcf47(0x9)][_0xcf47(0xa)](_reactNative[_0xcf47(0xb)],{'style':styles[_0xcf47(0x1d)]},_react['default'][_0xcf47(0xa)](_reactNative[_0xcf47(0x1e)],{'style':styles[_0xcf47(0x1f)]},_0x4933db[_0xcf47(0x20)])),!fullWidth&&_react[_0xcf47(0x9)][_0xcf47(0xa)](_reactNative[_0xcf47(0x1e)],{'style':compact?styles[_0xcf47(0x21)]:styles[_0xcf47(0x20)]},_0x4933db['description']));},styles=_reactNative[_0xcf47(0x22)][_0xcf47(0x23)]({'container':{'flexDirection':_0xcf47(0x24),'alignItems':'center','justifyContent':_0xcf47(0x25),'paddingVertical':0x10,'paddingHorizontal':0x10,'backgroundColor':_theme['COLORS'][_0xcf47(0x26)],'borderRadius':0xc,'marginBottom':0xc,'borderWidth':0x1,'borderColor':_0xcf47(0x2)},'compactContainer':{'flexDirection':_0xcf47(0x24),'alignItems':_0xcf47(0x27),'justifyContent':_0xcf47(0x25),'paddingVertical':0x10,'paddingHorizontal':0x10,'backgroundColor':_theme[_0xcf47(0x28)][_0xcf47(0x26)]},'fullWidthContainer':{'flexDirection':_0xcf47(0x29),'paddingVertical':0x8,'paddingHorizontal':0x2,'backgroundColor':_theme['COLORS'][_0xcf47(0x26)],'marginBottom':0x4,'marginHorizontal':0x0},'topRow':{'flexDirection':'row','alignItems':'center','justifyContent':'space-between','marginBottom':0x4},'descriptionBox':{'backgroundColor':_0xcf47(0x2a),'borderRadius':0x8,'paddingVertical':0x8,'paddingHorizontal':0x4,'marginTop':0x2},'borderBottom':{'borderBottomWidth':0x1,'borderBottomColor':_0xcf47(0x2)},'leftContent':{'flexDirection':_0xcf47(0x24),'alignItems':_0xcf47(0x27),'flex':0x1},'icon':{'width':0x20,'height':0x20,'marginRight':0xc},'compactIcon':{'width':0x1c,'height':0x1c,'marginRight':0xc},'textContent':{'flex':0x1},'platformName':{'fontSize':0x10,'fontFamily':'Inter','fontWeight':_0xcf47(0x2b),'color':_theme[_0xcf47(0x28)][_0xcf47(0x2c)],'marginBottom':0x2},'compactPlatformName':{'fontSize':0x10,'fontFamily':_0xcf47(0x2d),'fontWeight':_0xcf47(0x2b),'color':_theme[_0xcf47(0x28)][_0xcf47(0x2c)],'marginBottom':0x2},'description':{'fontSize':0xe,'fontFamily':_0xcf47(0x2d),'fontWeight':_0xcf47(0x2e),'color':_theme[_0xcf47(0x28)]['grey600'],'lineHeight':0x14},'compactDescription':{'fontSize':0xc,'fontFamily':_0xcf47(0x2d),'fontWeight':_0xcf47(0x2e),'color':_theme['COLORS'][_0xcf47(0x2f)],'lineHeight':0x10},'fullWidthDescription':{'fontSize':0xd,'fontFamily':_0xcf47(0x2d),'fontWeight':_0xcf47(0x2e),'color':_theme[_0xcf47(0x28)][_0xcf47(0x2f)],'lineHeight':0x12},'compactSwitch':{'transform':[{'scaleX':0.9},{'scaleY':0.9}]}});function _0x1064(){const _0x13f715=['__esModule','contain','#E5E5E5','ios','#FFFFFF','MUpXm','fullWidthContainer','compactContainer','container','default','createElement','View','leftContent','Image','icon','pRKGs','hOIJF','compactIcon','ZFDQw','textContent','compactPlatformName','platformName','Switch','deCqd','xwhWK','UeUPy','Platform','TXqwm','uZNzY','descriptionBox','Text','fullWidthDescription','description','compactDescription','StyleSheet','create','row','space-between','surface','center','COLORS','column','#F5F5F5','600','grey800','Inter','400','grey600'];_0x1064=function(){return _0x13f715;};return _0x1064();}var _default=exports[_0xcf47(0x9)]=PlatformToggle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PlatformToggle = ({
+  platform,
+  isEnabled,
+  onToggle,
+  compact = false,
+  isLast = false,
+  fullWidth = false,
+  customIconSize,
+  onLongPress,
+  onPressOut
+}) => {
+  const handleToggle = () => {
+    onToggle(platform.id, !isEnabled);
+  };
+  const containerStyle = fullWidth ? styles.fullWidthContainer : compact ? styles.compactContainer : styles.container;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [containerStyle, !isLast && compact && styles.borderBottom],
+    onLongPress: onLongPress,
+    onPressOut: onPressOut,
+    activeOpacity: onLongPress ? 0.7 : 1.0,
+    disabled: !onLongPress
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.topRow
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.leftContent
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: platform.icon,
+    style: customIconSize ? {
+      width: customIconSize,
+      height: customIconSize,
+      marginRight: 12 - (customIconSize - 28) // Reduce margin more to align text properly
+    } : fullWidth ? styles.compactIcon : compact ? styles.compactIcon : styles.icon,
+    resizeMode: "contain"
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.textContent
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: fullWidth ? styles.compactPlatformName : compact ? styles.compactPlatformName : styles.platformName
+  }, platform.name))), /*#__PURE__*/_react.default.createElement(_reactNative.Switch, {
+    value: isEnabled,
+    onValueChange: handleToggle,
+    trackColor: {
+      false: '#E5E5E5',
+      true: '#4CD964' // Green when enabled
+    },
+    thumbColor: _reactNative.Platform.OS === 'ios' ? undefined : isEnabled ? '#FFFFFF' : '#FFFFFF',
+    ios_backgroundColor: "#E5E5E5",
+    style: compact ? styles.compactSwitch : undefined
+  })), fullWidth && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.descriptionBox
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.fullWidthDescription
+  }, platform.description)), !fullWidth && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: compact ? styles.compactDescription : styles.description
+  }, platform.description));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 16,
+    paddingHorizontal: 16,
+    backgroundColor: _theme.COLORS.surface,
+    borderRadius: 12,
+    marginBottom: 12,
+    borderWidth: 1,
+    borderColor: '#E5E5E5'
+  },
+  compactContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 16,
+    paddingHorizontal: 16,
+    backgroundColor: _theme.COLORS.surface
+  },
+  fullWidthContainer: {
+    flexDirection: 'column',
+    // Changed to column to stack rows
+    paddingVertical: 8,
+    // Reduced from 16 to bring platforms closer
+    paddingHorizontal: 2,
+    // Much closer to edges
+    backgroundColor: _theme.COLORS.surface,
+    marginBottom: 4,
+    // Reduced from 12 to bring platforms closer
+    marginHorizontal: 0 // Ensure it spans full width
+  },
+  topRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 4 // Reduced space between icon row and description box
+  },
+  descriptionBox: {
+    backgroundColor: '#F5F5F5',
+    borderRadius: 8,
+    paddingVertical: 8,
+    // Reduced from 10 to make description box smaller
+    paddingHorizontal: 4,
+    // Much closer to edges
+    marginTop: 2 // Reduced from 4 to bring closer to icon row
+  },
+  borderBottom: {
+    borderBottomWidth: 1,
+    borderBottomColor: '#E5E5E5'
+  },
+  leftContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1
+  },
+  icon: {
+    width: 32,
+    height: 32,
+    marginRight: 12
+  },
+  compactIcon: {
+    width: 28,
+    height: 28,
+    marginRight: 12
+  },
+  textContent: {
+    flex: 1
+  },
+  platformName: {
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    color: _theme.COLORS.grey800,
+    marginBottom: 2
+  },
+  compactPlatformName: {
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    color: _theme.COLORS.grey800,
+    marginBottom: 2
+  },
+  description: {
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: _theme.COLORS.grey600,
+    lineHeight: 20
+  },
+  compactDescription: {
+    fontSize: 12,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: _theme.COLORS.grey600,
+    lineHeight: 16
+  },
+  fullWidthDescription: {
+    fontSize: 13,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: _theme.COLORS.grey600,
+    lineHeight: 18
+  },
+  compactSwitch: {
+    transform: [{
+      scaleX: 0.9
+    }, {
+      scaleY: 0.9
+    }]
+  }
+});
+var _default = exports.default = PlatformToggle;
+//# sourceMappingURL=PlatformToggle.js.map

package/lib/commonjs/components/PrimaryButton.js

@@ -1,10 +1,180 @@
-'use strict';
-// Onairos SDK - Asset Registry (auto-generated)
-var __ONAIROS_REQ_REGISTRY__ = [
-    require("react"),
-    require("react-native"),
-    require("react-native-linear-gradient"),
-    require("../theme")
-];
-function __ONAIROS_REQ_FUNC__(i) { return __ONAIROS_REQ_REGISTRY__[i]; }
-Object[_0x1ed6(0x0)](exports,_0x1ed6(0x1),{'value':!![]}),exports[_0x1ed6(0x2)]=exports[_0x1ed6(0x3)]=exports[_0x1ed6(0x4)]=void 0x0;var _react=_interopRequireWildcard(__ONAIROS_REQ_FUNC__(0x0)),_reactNative=__ONAIROS_REQ_FUNC__(0x1),_reactNativeLinearGradient=_interopRequireDefault(__ONAIROS_REQ_FUNC__(0x2)),_theme=__ONAIROS_REQ_FUNC__(0x3);function _interopRequireDefault(_0xb7346d){return _0xb7346d&&_0xb7346d['__esModule']?_0xb7346d:{'default':_0xb7346d};}function _interopRequireWildcard(_0x41e1f3,_0x40591){const _0x50de07={'ybENN':function(_0x25e7c2,_0x41e5f5){return _0x25e7c2===_0x41e5f5;},'VcEkR':_0x1ed6(0x5),'VkmEX':function(_0x56e6ce,_0x242cbc){return _0x56e6ce&&_0x242cbc;},'bRRxl':function(_0x2776f5,_0x3c142e){return _0x2776f5!=_0x3c142e;},'faHZe':_0x1ed6(0x6),'ARupr':_0x1ed6(0x7),'jsiJc':function(_0x846416,_0x190eaa){return _0x846416!==_0x190eaa;},'Huizj':_0x1ed6(0x2),'CazfH':function(_0x455041,_0x4beed0,_0x546cde,_0x28755c){return _0x455041(_0x4beed0,_0x546cde,_0x28755c);},'zQoxs':function(_0x282923,_0xb2f016){return _0x282923==_0xb2f016;}};if(_0x50de07['zQoxs']('function',typeof WeakMap))var _0x1dedae=new WeakMap(),_0x525053=new WeakMap();return(_interopRequireWildcard=function(_0x43f1f2,_0x16ec33){if(_0x50de07[_0x1ed6(0x8)]('PDkbQ',_0x50de07[_0x1ed6(0x9)])){if(_0x2912b5[_0x1ed6(0xa)](_0x5f4427))return _0x4dd3c8[_0x1ed6(0xb)](_0x1f7f1d);_0x4fb192[_0x1ed6(0xc)](_0x1ef145,_0x1d2721);}else{if(_0x50de07[_0x1ed6(0xd)](!_0x16ec33,_0x43f1f2)&&_0x43f1f2[_0x1ed6(0x1)])return _0x43f1f2;var _0x1b002c,_0x49a823,_0x5b80bb={'__proto__':null,'default':_0x43f1f2};if(_0x50de07[_0x1ed6(0x8)](null,_0x43f1f2)||_0x50de07[_0x1ed6(0xe)](_0x50de07['faHZe'],typeof _0x43f1f2)&&_0x50de07[_0x1ed6(0xe)](_0x50de07[_0x1ed6(0xf)],typeof _0x43f1f2))return _0x5b80bb;if(_0x1b002c=_0x16ec33?_0x525053:_0x1dedae){if(_0x1b002c[_0x1ed6(0xa)](_0x43f1f2))return _0x1b002c[_0x1ed6(0xb)](_0x43f1f2);_0x1b002c['set'](_0x43f1f2,_0x5b80bb);}for(const _0x38c6b6 in _0x43f1f2)_0x50de07[_0x1ed6(0x10)](_0x50de07[_0x1ed6(0x11)],_0x38c6b6)&&{}[_0x1ed6(0x12)][_0x1ed6(0x13)](_0x43f1f2,_0x38c6b6)&&((_0x49a823=(_0x1b002c=Object[_0x1ed6(0x0)])&&Object[_0x1ed6(0x14)](_0x43f1f2,_0x38c6b6))&&(_0x49a823['get']||_0x49a823[_0x1ed6(0xc)])?_0x50de07['CazfH'](_0x1b002c,_0x5b80bb,_0x38c6b6,_0x49a823):_0x5b80bb[_0x38c6b6]=_0x43f1f2[_0x38c6b6]);return _0x5b80bb;}})(_0x41e1f3,_0x40591);}const IconCircle=({size:size=0x28,children:_0x4eaeda})=>{const _0x464132={'bwjsG':function(_0x48ca96,_0x52d003){return _0x48ca96/_0x52d003;}};return _react['default']['createElement'](_reactNative[_0x1ed6(0x15)],{'style':[styles['iconCircle'],{'width':size,'height':size,'borderRadius':_0x464132[_0x1ed6(0x16)](size,0x2)}]},_react[_0x1ed6(0x2)][_0x1ed6(0x17)](_reactNativeLinearGradient[_0x1ed6(0x2)],{'colors':[_theme[_0x1ed6(0x18)]['iconCircleGradientStart'],_theme['COLORS'][_0x1ed6(0x19)]],'style':[_reactNative['StyleSheet'][_0x1ed6(0x1a)],{'borderRadius':_0x464132[_0x1ed6(0x16)](size,0x2)}],'start':{'x':0x0,'y':0x0},'end':{'x':0x0,'y':0x1}}),_react[_0x1ed6(0x2)]['createElement'](_reactNative[_0x1ed6(0x15)],{'style':styles[_0x1ed6(0x1b)]},_0x4eaeda||_react[_0x1ed6(0x2)]['createElement'](_reactNative[_0x1ed6(0x1c)],{'style':styles[_0x1ed6(0x1d)]},'→')));};exports[_0x1ed6(0x4)]=IconCircle;const PrimaryButton=({label:label=_0x1ed6(0x1e),onPress:_0x5e373b,iconRight:_0x49c1e9,loading:loading=![],disabled:disabled=![],testID:_0xb9aed3,style:_0x59711b,textStyle:_0x5c5326})=>{const _0x5896a3={'IYFCz':'button','aItCC':_0x1ed6(0x1f)},[_0x1b99f6,_0x421be3]=(0x0,_react[_0x1ed6(0x20)])(![]),_0x132190=()=>_0x421be3(!![]),_0x35a568=()=>_0x421be3(![]);return _react['default'][_0x1ed6(0x17)](_reactNative[_0x1ed6(0x21)],{'style':[styles[_0x1ed6(0x22)],!disabled&&styles['outerShadow'],disabled&&styles['disabled'],_0x59711b],'onPress':_0x5e373b,'onPressIn':_0x132190,'onPressOut':_0x35a568,'disabled':disabled||loading,'activeOpacity':0x1,'testID':_0xb9aed3,'accessibilityLabel':label,'accessibilityRole':_0x5896a3[_0x1ed6(0x23)]},_react['default']['createElement'](_reactNativeLinearGradient['default'],{'colors':[_theme[_0x1ed6(0x18)]['btnGradStart'],_theme['COLORS']['btnGradEnd']],'style':styles['baseGradient'],'start':{'x':0x0,'y':0x0},'end':{'x':0x0,'y':0x1}}),_0x1b99f6&&_react[_0x1ed6(0x2)][_0x1ed6(0x17)](_reactNative['View'],{'style':styles['pressedOverlay']}),_react['default'][_0x1ed6(0x17)](_reactNative[_0x1ed6(0x15)],{'style':styles['textContainer']},loading?_react[_0x1ed6(0x2)][_0x1ed6(0x17)](_reactNative[_0x1ed6(0x24)],{'color':_theme[_0x1ed6(0x18)][_0x1ed6(0x25)],'size':_0x5896a3[_0x1ed6(0x26)]}):_react[_0x1ed6(0x2)][_0x1ed6(0x17)](_reactNative['Text'],{'style':[styles[_0x1ed6(0x27)],_0x5c5326]},label)),_react[_0x1ed6(0x2)]['createElement'](_reactNative[_0x1ed6(0x15)],{'style':styles[_0x1ed6(0x28)]},!loading&&(_0x49c1e9||_react['default'][_0x1ed6(0x17)](IconCircle,null))));};function _0x1381(){const _0x4ff6a0=['defineProperty','__esModule','default','PrimaryButton','IconCircle','VWKkK','object','function','ybENN','VcEkR','has','get','set','VkmEX','bRRxl','ARupr','jsiJc','Huizj','hasOwnProperty','call','getOwnPropertyDescriptor','View','bwjsG','createElement','COLORS','iconCircleGradientEnd','absoluteFill','iconContent','Text','arrowText','Get\x20Started','small','useState','TouchableOpacity','outerPill','IYFCz','ActivityIndicator','btnLabel','aItCC','label','iconPosition','StyleSheet','create','btnBorder','hidden','100%','relative','#000000','absoluteFillObject','rgba(0,0,0,0.1)','absolute','center','transparent','600'];_0x1381=function(){return _0x4ff6a0;};return _0x1381();}exports[_0x1ed6(0x3)]=PrimaryButton;const styles=_reactNative[_0x1ed6(0x29)][_0x1ed6(0x2a)]({'outerPill':{'height':0x30,'borderRadius':0x64,'borderWidth':0x1,'borderColor':_theme[_0x1ed6(0x18)][_0x1ed6(0x2b)],'overflow':_0x1ed6(0x2c),'width':_0x1ed6(0x2d),'position':_0x1ed6(0x2e)},'outerShadow':{'shadowColor':_0x1ed6(0x2f),'shadowOffset':{'width':0x14,'height':0x1e},'shadowOpacity':0.1,'shadowRadius':0x28,'elevation':0x8},'disabled':{'opacity':0.65,'shadowOpacity':0x0,'elevation':0x0},'baseGradient':{..._reactNative[_0x1ed6(0x29)]['absoluteFillObject'],'borderRadius':0x64},'pressedOverlay':{..._reactNative[_0x1ed6(0x29)][_0x1ed6(0x30)],'backgroundColor':_0x1ed6(0x31),'borderRadius':0x64},'textContainer':{'position':_0x1ed6(0x32),'left':0x0,'right':0x0,'top':0x0,'bottom':0x0,'justifyContent':_0x1ed6(0x33),'alignItems':_0x1ed6(0x33),'backgroundColor':_0x1ed6(0x34)},'iconPosition':{'position':'absolute','right':0x4,'top':0x4,'bottom':0x4,'width':0x28,'justifyContent':_0x1ed6(0x33),'alignItems':'center','backgroundColor':_0x1ed6(0x34)},'label':{'fontFamily':'Inter','fontWeight':_0x1ed6(0x35),'fontSize':0x10,'color':_theme[_0x1ed6(0x18)][_0x1ed6(0x25)],'textAlign':_0x1ed6(0x33),'backgroundColor':_0x1ed6(0x34)},'iconCircle':{'justifyContent':_0x1ed6(0x33),'alignItems':'center','borderWidth':0x1,'borderColor':'rgba(0,0,0,0.25)'},'iconContent':{'justifyContent':'center','alignItems':_0x1ed6(0x33),'backgroundColor':'transparent'},'arrowText':{'fontSize':0x14,'color':_theme[_0x1ed6(0x18)][_0x1ed6(0x25)],'fontWeight':'600','opacity':0.95,'backgroundColor':_0x1ed6(0x34)}});function _0x1ed6(_0x138192,_0x1ed6a7){_0x138192=_0x138192-0x0;const _0x16b4f7=_0x1381();let _0x907db7=_0x16b4f7[_0x138192];return _0x907db7;}var _default=exports[_0x1ed6(0x2)]=PrimaryButton;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PrimaryButton = exports.IconCircle = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _theme = require("../theme");
+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); }
+const IconCircle = ({
+  size = 40,
+  children
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.iconCircle, {
+      width: size,
+      height: size,
+      borderRadius: size / 2
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: [_theme.COLORS.iconCircleGradientStart, _theme.COLORS.iconCircleGradientEnd],
+    style: [_reactNative.StyleSheet.absoluteFill, {
+      borderRadius: size / 2
+    }],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 0,
+      y: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.iconContent
+  }, children || /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.arrowText
+  }, "\u2192")));
+};
+exports.IconCircle = IconCircle;
+const PrimaryButton = ({
+  label = "Get Started",
+  onPress,
+  iconRight,
+  loading = false,
+  disabled = false,
+  testID,
+  style,
+  textStyle
+}) => {
+  const [pressed, setPressed] = (0, _react.useState)(false);
+  const handlePressIn = () => setPressed(true);
+  const handlePressOut = () => setPressed(false);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.outerPill, !disabled && styles.outerShadow, disabled && styles.disabled, style],
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    disabled: disabled || loading,
+    activeOpacity: 1,
+    testID: testID,
+    accessibilityLabel: label,
+    accessibilityRole: "button"
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: [_theme.COLORS.btnGradStart, _theme.COLORS.btnGradEnd],
+    style: styles.baseGradient,
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 0,
+      y: 1
+    }
+  }), pressed && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.pressedOverlay
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.textContainer
+  }, loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    color: _theme.COLORS.btnLabel,
+    size: "small"
+  }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.label, textStyle]
+  }, label)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.iconPosition
+  }, !loading && (iconRight || /*#__PURE__*/_react.default.createElement(IconCircle, null))));
+};
+exports.PrimaryButton = PrimaryButton;
+const styles = _reactNative.StyleSheet.create({
+  // Outer pill container - owns all backgrounds, border, shadow
+  outerPill: {
+    height: 48,
+    borderRadius: 100,
+    borderWidth: 1,
+    borderColor: _theme.COLORS.btnBorder,
+    // ≈20% black
+    overflow: 'hidden',
+    width: '100%',
+    position: 'relative'
+  },
+  outerShadow: {
+    // Outer shadow: 20px 30px 40px rgba(0,0,0,0.10)
+    shadowColor: '#000000',
+    shadowOffset: {
+      width: 20,
+      height: 30
+    },
+    shadowOpacity: 0.10,
+    shadowRadius: 40,
+    elevation: 8
+  },
+  disabled: {
+    opacity: 0.65,
+    shadowOpacity: 0,
+    elevation: 0
+  },
+  // Single base gradient - fills entire button
+  baseGradient: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    borderRadius: 100
+  },
+  pressedOverlay: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    backgroundColor: 'rgba(0,0,0,0.1)',
+    borderRadius: 100
+  },
+  // Absolutely centered text container
+  textContainer: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'transparent'
+  },
+  // Fixed icon position on right
+  iconPosition: {
+    position: 'absolute',
+    right: 4,
+    top: 4,
+    bottom: 4,
+    width: 40,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'transparent'
+  },
+  label: {
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    fontSize: 16,
+    color: _theme.COLORS.btnLabel,
+    textAlign: 'center',
+    backgroundColor: 'transparent' // Must be transparent
+  },
+  // IconCircle styles - ONLY child with background
+  iconCircle: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: 'rgba(0,0,0,0.25)'
+  },
+  iconContent: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'transparent'
+  },
+  arrowText: {
+    fontSize: 20,
+    color: _theme.COLORS.btnLabel,
+    fontWeight: '600',
+    opacity: 0.95,
+    backgroundColor: 'transparent'
+  }
+});
+var _default = exports.default = PrimaryButton;
+//# sourceMappingURL=PrimaryButton.js.map