@onairos/react-native 3.7.1 → 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]; }
-Object[_0x1a4d(0x0)](exports,_0x1a4d(0x1),{'value':!![]}),exports[_0x1a4d(0x2)]=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(_0x154bfc){return _0x154bfc&&_0x154bfc[_0x1a4d(0x1)]?_0x154bfc:{'default':_0x154bfc};}const PlatformList=({connections:_0x4d1d94,onToggle:_0x5e2a02,isLoading:_0x3e1209,canProceed:_0x49763d,onProceed:_0x275b7e})=>{var _0x6b5c45={'TXtpP':_0x1a4d(0x3),'BcIee':_0x1a4d(0x4),'vFqWU':_0x1a4d(0x5),'fwadp':_0x1a4d(0x6)};const _0x3760b0=(_0xdd9447,_0x13982d)=>{const _0x4f6ee1=_constants[_0x1a4d(0x7)][_0xdd9447];if(!_0x4f6ee1)return null;return _react['default'][_0x1a4d(0x8)](_reactNative[_0x1a4d(0x9)],{'key':_0xdd9447,'style':styles[_0x1a4d(0xa)]},_react[_0x1a4d(0xb)][_0x1a4d(0x8)](_reactNative[_0x1a4d(0x9)],{'style':styles[_0x1a4d(0xc)]},_react['default'][_0x1a4d(0x8)](_MaterialIcons['default'],{'name':_0x4f6ee1['icon'],'size':0x18,'color':_0x4f6ee1[_0x1a4d(0xd)]}),_react[_0x1a4d(0xb)]['createElement'](_reactNative[_0x1a4d(0xe)],{'style':styles[_0x1a4d(0xf)]},_0x4f6ee1[_0x1a4d(0x10)])),_0x4f6ee1[_0x1a4d(0x11)]&&_react[_0x1a4d(0xb)]['createElement'](_reactNative['Text'],{'style':styles[_0x1a4d(0x12)]},_0x4f6ee1['description']),_react[_0x1a4d(0xb)]['createElement'](_reactNative[_0x1a4d(0x13)],{'style':[styles[_0x1a4d(0x14)],_0x13982d?styles[_0x1a4d(0x15)]:styles['disconnectedButton']],'onPress':()=>_0x5e2a02(_0xdd9447,!_0x13982d),'disabled':_0x3e1209},_0x3e1209?_react['default'][_0x1a4d(0x8)](_reactNative['ActivityIndicator'],{'color':_0x6b5c45['TXtpP']}):_react[_0x1a4d(0xb)][_0x1a4d(0x8)](_reactNative['Text'],{'style':styles[_0x1a4d(0x16)]},_0x13982d?_0x1a4d(0x17):_0x6b5c45[_0x1a4d(0x18)])));};return _react[_0x1a4d(0xb)][_0x1a4d(0x8)](_reactNative['View'],{'style':styles[_0x1a4d(0x19)]},_react[_0x1a4d(0xb)][_0x1a4d(0x8)](_reactNative[_0x1a4d(0xe)],{'style':styles[_0x1a4d(0x1a)]},_0x6b5c45[_0x1a4d(0x1b)]),_react[_0x1a4d(0xb)][_0x1a4d(0x8)](_reactNative[_0x1a4d(0xe)],{'style':styles[_0x1a4d(0x1c)]},'Connect\x20at\x20least\x202\x20platforms\x20to\x20proceed'),_react[_0x1a4d(0xb)][_0x1a4d(0x8)](_reactNative[_0x1a4d(0x9)],{'style':styles['platformsList']},Object[_0x1a4d(0x1d)](_0x4d1d94)['map'](([_0x573c37,_0xaff251])=>_0x3760b0(_0x573c37,!!_0xaff251))),_react['default'][_0x1a4d(0x8)](_reactNative[_0x1a4d(0x13)],{'style':[styles['proceedButton'],!_0x49763d&&styles[_0x1a4d(0x1e)]],'onPress':_0x275b7e,'disabled':!_0x49763d||_0x3e1209},_react[_0x1a4d(0xb)][_0x1a4d(0x8)](_reactNative[_0x1a4d(0xe)],{'style':styles[_0x1a4d(0x1f)]},_0x6b5c45['fwadp'])));};exports[_0x1a4d(0x2)]=PlatformList;function _0x19bc(){var _0x29073e=['defineProperty','__esModule','PlatformList','#fff','Connect','Connect\x20your\x20platforms','Proceed','PLATFORMS','createElement','View','platformContainer','default','platformHeader','color','Text','platformName','name','description','platformDescription','TouchableOpacity','connectButton','connectedButton','buttonText','Disconnect','BcIee','container','title','vFqWU','subtitle','entries','disabledButton','proceedButtonText','StyleSheet','create','600','COLORS','text','primary','secondary','border','center'];_0x19bc=function(){return _0x29073e;};return _0x19bc();}function _0x1a4d(_0x19bc74,_0x1a4d71){_0x19bc74=_0x19bc74-0x0;var _0x386f86=_0x19bc();var _0x4ebe58=_0x386f86[_0x19bc74];return _0x4ebe58;}const styles=_reactNative[_0x1a4d(0x20)][_0x1a4d(0x21)]({'container':{'flex':0x1,'padding':0x10},'title':{'fontSize':0x14,'fontWeight':_0x1a4d(0x22),'marginBottom':0x8,'color':_constants[_0x1a4d(0x23)][_0x1a4d(0x24)][_0x1a4d(0x25)]},'subtitle':{'fontSize':0xe,'color':_constants[_0x1a4d(0x23)][_0x1a4d(0x24)][_0x1a4d(0x26)],'marginBottom':0x18},'platformsList':{'flex':0x1},'platformContainer':{'backgroundColor':_0x1a4d(0x3),'borderRadius':0xc,'padding':0x10,'marginBottom':0x10,'borderWidth':0x1,'borderColor':_constants['COLORS'][_0x1a4d(0x27)]},'platformHeader':{'flexDirection':'row','alignItems':_0x1a4d(0x28),'marginBottom':0x8},'platformName':{'fontSize':0x10,'fontWeight':_0x1a4d(0x22),'marginLeft':0xc,'color':_constants[_0x1a4d(0x23)][_0x1a4d(0x24)][_0x1a4d(0x25)]},'platformDescription':{'fontSize':0xe,'color':_constants[_0x1a4d(0x23)]['text'][_0x1a4d(0x26)],'marginBottom':0x10},'connectButton':{'paddingVertical':0x8,'paddingHorizontal':0x10,'borderRadius':0x8,'alignItems':_0x1a4d(0x28)},'connectedButton':{'backgroundColor':_constants[_0x1a4d(0x23)]['success']},'disconnectedButton':{'backgroundColor':_constants[_0x1a4d(0x23)]['primary']},'buttonText':{'color':_0x1a4d(0x3),'fontWeight':_0x1a4d(0x22)},'proceedButton':{'backgroundColor':_constants[_0x1a4d(0x23)][_0x1a4d(0x25)],'paddingVertical':0x10,'borderRadius':0xc,'alignItems':_0x1a4d(0x28),'marginTop':0x10},'disabledButton':{'opacity':0.5},'proceedButtonText':{'color':_0x1a4d(0x3),'fontSize':0x10,'fontWeight':_0x1a4d(0x22)}});
+"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,_0x1e31(0x0),{'value':!![]}),exports[_0x1e31(0x1)]=void 0x0;var _react=_interopRequireDefault(__ONAIROS_REQ_FUNC__(0x0)),_reactNative=__ONAIROS_REQ_FUNC__(0x1),_theme=__ONAIROS_REQ_FUNC__(0x2);function _0x1fd8(){const _0x533827=['__esModule','default','#E5E5E5','#4CD964','ios','#FFFFFF','DSjiu','TouchableOpacity','borderBottom','View','createElement','icon','WJKfj','textContent','Text','compactPlatformName','name','Switch','eInWi','QEIRR','YlSmz','hYXjX','UfCup','compactSwitch','fullWidthDescription','description','create','row','center','space-between','COLORS','surface','column','#F5F5F5','Inter','600','grey800','grey600','400'];_0x1fd8=function(){return _0x533827;};return _0x1fd8();}function _interopRequireDefault(_0x1e0345){return _0x1e0345&&_0x1e0345['__esModule']?_0x1e0345:{'default':_0x1e0345};}const PlatformToggle=({platform:_0x248af3,isEnabled:_0x5095e3,onToggle:_0x2d7d8c,compact:compact=![],isLast:isLast=![],fullWidth:fullWidth=![],customIconSize:_0x38daac,onLongPress:_0x1056e9,onPressOut:_0x1810b9})=>{const _0x171eb6={'DSjiu':function(_0x47ef79,_0x29ecbd,_0x52f878){return _0x47ef79(_0x29ecbd,_0x52f878);},'KGOoZ':function(_0x238138,_0x44a4a0){return _0x238138&&_0x44a4a0;},'WJKfj':function(_0x44b77c,_0x1d43ac){return _0x44b77c-_0x1d43ac;},'zroJl':'contain','eInWi':_0x1e31(0x2),'QEIRR':_0x1e31(0x3),'YlSmz':function(_0x38be95,_0x42084f){return _0x38be95===_0x42084f;},'hYXjX':_0x1e31(0x4),'UfCup':_0x1e31(0x5)},_0x3971ca=()=>{_0x171eb6[_0x1e31(0x6)](_0x2d7d8c,_0x248af3['id'],!_0x5095e3);},_0x56b07a=fullWidth?styles['fullWidthContainer']:compact?styles['compactContainer']:styles['container'];return _react[_0x1e31(0x1)]['createElement'](_reactNative[_0x1e31(0x7)],{'style':[_0x56b07a,_0x171eb6['KGOoZ'](!isLast,compact)&&styles[_0x1e31(0x8)]],'onLongPress':_0x1056e9,'onPressOut':_0x1810b9,'activeOpacity':_0x1056e9?0.7:0x1,'disabled':!_0x1056e9},_react[_0x1e31(0x1)]['createElement'](_reactNative[_0x1e31(0x9)],{'style':styles['topRow']},_react['default'][_0x1e31(0xa)](_reactNative[_0x1e31(0x9)],{'style':styles['leftContent']},_react[_0x1e31(0x1)][_0x1e31(0xa)](_reactNative['Image'],{'source':_0x248af3[_0x1e31(0xb)],'style':_0x38daac?{'width':_0x38daac,'height':_0x38daac,'marginRight':_0x171eb6[_0x1e31(0xc)](0xc,_0x171eb6[_0x1e31(0xc)](_0x38daac,0x1c))}:fullWidth?styles['compactIcon']:compact?styles['compactIcon']:styles[_0x1e31(0xb)],'resizeMode':_0x171eb6['zroJl']}),_react['default'][_0x1e31(0xa)](_reactNative[_0x1e31(0x9)],{'style':styles[_0x1e31(0xd)]},_react[_0x1e31(0x1)][_0x1e31(0xa)](_reactNative[_0x1e31(0xe)],{'style':fullWidth?styles[_0x1e31(0xf)]:compact?styles[_0x1e31(0xf)]:styles['platformName']},_0x248af3[_0x1e31(0x10)]))),_react[_0x1e31(0x1)][_0x1e31(0xa)](_reactNative[_0x1e31(0x11)],{'value':_0x5095e3,'onValueChange':_0x3971ca,'trackColor':{'false':_0x171eb6[_0x1e31(0x12)],'true':_0x171eb6[_0x1e31(0x13)]},'thumbColor':_0x171eb6[_0x1e31(0x14)](_reactNative['Platform']['OS'],_0x171eb6[_0x1e31(0x15)])?undefined:_0x5095e3?_0x171eb6[_0x1e31(0x16)]:_0x171eb6[_0x1e31(0x16)],'ios_backgroundColor':_0x171eb6[_0x1e31(0x12)],'style':compact?styles[_0x1e31(0x17)]:undefined})),fullWidth&&_react[_0x1e31(0x1)][_0x1e31(0xa)](_reactNative[_0x1e31(0x9)],{'style':styles['descriptionBox']},_react[_0x1e31(0x1)][_0x1e31(0xa)](_reactNative[_0x1e31(0xe)],{'style':styles[_0x1e31(0x18)]},_0x248af3[_0x1e31(0x19)])),!fullWidth&&_react[_0x1e31(0x1)]['createElement'](_reactNative[_0x1e31(0xe)],{'style':compact?styles['compactDescription']:styles['description']},_0x248af3[_0x1e31(0x19)]));},styles=_reactNative['StyleSheet'][_0x1e31(0x1a)]({'container':{'flexDirection':_0x1e31(0x1b),'alignItems':_0x1e31(0x1c),'justifyContent':_0x1e31(0x1d),'paddingVertical':0x10,'paddingHorizontal':0x10,'backgroundColor':_theme[_0x1e31(0x1e)][_0x1e31(0x1f)],'borderRadius':0xc,'marginBottom':0xc,'borderWidth':0x1,'borderColor':'#E5E5E5'},'compactContainer':{'flexDirection':_0x1e31(0x1b),'alignItems':'center','justifyContent':_0x1e31(0x1d),'paddingVertical':0x10,'paddingHorizontal':0x10,'backgroundColor':_theme[_0x1e31(0x1e)][_0x1e31(0x1f)]},'fullWidthContainer':{'flexDirection':_0x1e31(0x20),'paddingVertical':0x8,'paddingHorizontal':0x2,'backgroundColor':_theme[_0x1e31(0x1e)]['surface'],'marginBottom':0x4,'marginHorizontal':0x0},'topRow':{'flexDirection':'row','alignItems':_0x1e31(0x1c),'justifyContent':_0x1e31(0x1d),'marginBottom':0x4},'descriptionBox':{'backgroundColor':_0x1e31(0x21),'borderRadius':0x8,'paddingVertical':0x8,'paddingHorizontal':0x4,'marginTop':0x2},'borderBottom':{'borderBottomWidth':0x1,'borderBottomColor':_0x1e31(0x2)},'leftContent':{'flexDirection':'row','alignItems':_0x1e31(0x1c),'flex':0x1},'icon':{'width':0x20,'height':0x20,'marginRight':0xc},'compactIcon':{'width':0x1c,'height':0x1c,'marginRight':0xc},'textContent':{'flex':0x1},'platformName':{'fontSize':0x10,'fontFamily':_0x1e31(0x22),'fontWeight':_0x1e31(0x23),'color':_theme[_0x1e31(0x1e)]['grey800'],'marginBottom':0x2},'compactPlatformName':{'fontSize':0x10,'fontFamily':_0x1e31(0x22),'fontWeight':_0x1e31(0x23),'color':_theme[_0x1e31(0x1e)][_0x1e31(0x24)],'marginBottom':0x2},'description':{'fontSize':0xe,'fontFamily':_0x1e31(0x22),'fontWeight':'400','color':_theme[_0x1e31(0x1e)][_0x1e31(0x25)],'lineHeight':0x14},'compactDescription':{'fontSize':0xc,'fontFamily':_0x1e31(0x22),'fontWeight':_0x1e31(0x26),'color':_theme['COLORS'][_0x1e31(0x25)],'lineHeight':0x10},'fullWidthDescription':{'fontSize':0xd,'fontFamily':'Inter','fontWeight':_0x1e31(0x26),'color':_theme[_0x1e31(0x1e)]['grey600'],'lineHeight':0x12},'compactSwitch':{'transform':[{'scaleX':0.9},{'scaleY':0.9}]}});function _0x1e31(_0x1fd8ba,_0x1e316c){_0x1fd8ba=_0x1fd8ba-0x0;const _0x35fe5a=_0x1fd8();let _0x38d459=_0x35fe5a[_0x1fd8ba];return _0x38d459;}var _default=exports['default']=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]; }
-function _0x279d(_0x1c6d72,_0x279d9d){_0x1c6d72=_0x1c6d72-0x0;const _0x12d1e6=_0x1c6d();let _0x4323ed=_0x12d1e6[_0x1c6d72];return _0x4323ed;}Object[_0x279d(0x0)](exports,_0x279d(0x1),{'value':!![]}),exports[_0x279d(0x2)]=exports['PrimaryButton']=exports['IconCircle']=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(_0x48ce26){return _0x48ce26&&_0x48ce26[_0x279d(0x1)]?_0x48ce26:{'default':_0x48ce26};}function _interopRequireWildcard(_0x5be162,_0xeb7849){const _0x1843ae={'fDguM':_0x279d(0x3),'wOdee':function(_0x1d363c,_0x38f626){return _0x1d363c!=_0x38f626;},'MAEAT':_0x279d(0x4),'zIVBd':_0x279d(0x5),'YUeDk':function(_0xbaef3c,_0x82550f){return _0xbaef3c!==_0x82550f;},'MjqnY':_0x279d(0x2),'lysfP':function(_0x2b27a1,_0x2de3e1){return _0x2b27a1==_0x2de3e1;},'JQBsT':'function'};if(_0x1843ae[_0x279d(0x6)](_0x1843ae[_0x279d(0x7)],typeof WeakMap))var _0x12caae=new WeakMap(),_0x2faab8=new WeakMap();return(_interopRequireWildcard=function(_0x533d4a,_0x38b476){const _0x4e76a9={'KsxDc':_0x1843ae['fDguM']};if(!_0x38b476&&_0x533d4a&&_0x533d4a[_0x279d(0x1)])return _0x533d4a;var _0x19e86c,_0x2923d9,_0x5a442b={'__proto__':null,'default':_0x533d4a};if(null===_0x533d4a||_0x1843ae[_0x279d(0x8)](_0x1843ae['MAEAT'],typeof _0x533d4a)&&_0x1843ae[_0x279d(0x8)](_0x279d(0x9),typeof _0x533d4a))return _0x5a442b;if(_0x19e86c=_0x38b476?_0x2faab8:_0x12caae){if(_0x1843ae['zIVBd']===_0x279d(0x5)){if(_0x19e86c[_0x279d(0xa)](_0x533d4a))return _0x19e86c[_0x279d(0xb)](_0x533d4a);_0x19e86c['set'](_0x533d4a,_0x5a442b);}else{const [_0x24c2f6,_0x332201]=(0x0,_0x3a75a7[_0x279d(0xc)])(![]),_0x48f9db=()=>_0x332201(!![]),_0x585b5c=()=>_0x332201(![]);return _0x23a257[_0x279d(0x2)][_0x279d(0xd)](_0x3b03fe[_0x279d(0xe)],{'style':[_0x24d07e[_0x279d(0xf)],!_0x6dce1e&&_0x2b91f2[_0x279d(0x10)],_0x3b76b9&&_0x7f1bfd['disabled'],_0x326569],'onPress':_0x255080,'onPressIn':_0x48f9db,'onPressOut':_0x585b5c,'disabled':_0x49ce90||_0x516609,'activeOpacity':0x1,'testID':_0x2f2456,'accessibilityLabel':_0x35be4d,'accessibilityRole':_0x279d(0x11)},_0x5890b0[_0x279d(0x2)]['createElement'](_0x4ec960[_0x279d(0x2)],{'colors':[_0x449101[_0x279d(0x12)][_0x279d(0x13)],_0x395f47[_0x279d(0x12)][_0x279d(0x14)]],'style':_0x3eabae[_0x279d(0x15)],'start':{'x':0x0,'y':0x0},'end':{'x':0x0,'y':0x1}}),_0x24c2f6&&_0x29df14[_0x279d(0x2)][_0x279d(0xd)](_0x128ed1[_0x279d(0x16)],{'style':_0x13367e['pressedOverlay']}),_0x5ccf04['default']['createElement'](_0x536cff[_0x279d(0x16)],{'style':_0x3eb27f[_0x279d(0x17)]},_0x4b85b8?_0x44f459[_0x279d(0x2)][_0x279d(0xd)](_0x601825[_0x279d(0x18)],{'color':_0x559824['COLORS'][_0x279d(0x19)],'size':_0x4e76a9[_0x279d(0x1a)]}):_0x4552e8[_0x279d(0x2)][_0x279d(0xd)](_0x186f16['Text'],{'style':[_0x51cd71[_0x279d(0x1b)],_0x7d9c65]},_0x4b61b6)),_0x523264[_0x279d(0x2)]['createElement'](_0x27e019[_0x279d(0x16)],{'style':_0xe6d715[_0x279d(0x1c)]},!_0x52d864&&(_0x4144dd||_0x10e23b[_0x279d(0x2)]['createElement'](_0x46dfc3,null))));}}for(const _0x341107 in _0x533d4a)_0x1843ae[_0x279d(0x1d)](_0x1843ae[_0x279d(0x1e)],_0x341107)&&{}[_0x279d(0x1f)]['call'](_0x533d4a,_0x341107)&&((_0x2923d9=(_0x19e86c=Object[_0x279d(0x0)])&&Object[_0x279d(0x20)](_0x533d4a,_0x341107))&&(_0x2923d9[_0x279d(0xb)]||_0x2923d9[_0x279d(0x21)])?_0x19e86c(_0x5a442b,_0x341107,_0x2923d9):_0x5a442b[_0x341107]=_0x533d4a[_0x341107]);return _0x5a442b;})(_0x5be162,_0xeb7849);}const IconCircle=({size:size=0x28,children:_0x4d02d0})=>{const _0x3f0f5c={'arszi':function(_0x1636c4,_0x369991){return _0x1636c4/_0x369991;}};return _react[_0x279d(0x2)]['createElement'](_reactNative[_0x279d(0x16)],{'style':[styles[_0x279d(0x22)],{'width':size,'height':size,'borderRadius':size/0x2}]},_react[_0x279d(0x2)]['createElement'](_reactNativeLinearGradient['default'],{'colors':[_theme[_0x279d(0x12)][_0x279d(0x23)],_theme[_0x279d(0x12)][_0x279d(0x24)]],'style':[_reactNative[_0x279d(0x25)]['absoluteFill'],{'borderRadius':_0x3f0f5c['arszi'](size,0x2)}],'start':{'x':0x0,'y':0x0},'end':{'x':0x0,'y':0x1}}),_react['default'][_0x279d(0xd)](_reactNative[_0x279d(0x16)],{'style':styles[_0x279d(0x26)]},_0x4d02d0||_react[_0x279d(0x2)]['createElement'](_reactNative[_0x279d(0x27)],{'style':styles[_0x279d(0x28)]},'→')));};exports[_0x279d(0x29)]=IconCircle;const PrimaryButton=({label:label=_0x279d(0x2a),onPress:_0x565eb8,iconRight:_0xccf5ab,loading:loading=![],disabled:disabled=![],testID:_0x2af040,style:_0x56a4c6,textStyle:_0x447191})=>{const _0x3e2943={'klsNX':function(_0x2e8a07,_0x9622e3){return _0x2e8a07||_0x9622e3;},'PUHCk':'button'},[_0x2290cf,_0x48802d]=(0x0,_react[_0x279d(0xc)])(![]),_0x536a26=()=>_0x48802d(!![]),_0x112b88=()=>_0x48802d(![]);return _react['default'][_0x279d(0xd)](_reactNative[_0x279d(0xe)],{'style':[styles['outerPill'],!disabled&&styles[_0x279d(0x10)],disabled&&styles[_0x279d(0x2b)],_0x56a4c6],'onPress':_0x565eb8,'onPressIn':_0x536a26,'onPressOut':_0x112b88,'disabled':_0x3e2943[_0x279d(0x2c)](disabled,loading),'activeOpacity':0x1,'testID':_0x2af040,'accessibilityLabel':label,'accessibilityRole':_0x3e2943[_0x279d(0x2d)]},_react[_0x279d(0x2)]['createElement'](_reactNativeLinearGradient['default'],{'colors':[_theme[_0x279d(0x12)][_0x279d(0x13)],_theme[_0x279d(0x12)][_0x279d(0x14)]],'style':styles[_0x279d(0x15)],'start':{'x':0x0,'y':0x0},'end':{'x':0x0,'y':0x1}}),_0x2290cf&&_react[_0x279d(0x2)][_0x279d(0xd)](_reactNative[_0x279d(0x16)],{'style':styles[_0x279d(0x2e)]}),_react[_0x279d(0x2)]['createElement'](_reactNative[_0x279d(0x16)],{'style':styles['textContainer']},loading?_react[_0x279d(0x2)][_0x279d(0xd)](_reactNative[_0x279d(0x18)],{'color':_theme[_0x279d(0x12)]['btnLabel'],'size':_0x279d(0x3)}):_react[_0x279d(0x2)][_0x279d(0xd)](_reactNative[_0x279d(0x27)],{'style':[styles['label'],_0x447191]},label)),_react[_0x279d(0x2)]['createElement'](_reactNative[_0x279d(0x16)],{'style':styles['iconPosition']},!loading&&(_0xccf5ab||_react[_0x279d(0x2)][_0x279d(0xd)](IconCircle,null))));};exports['PrimaryButton']=PrimaryButton;const styles=_reactNative[_0x279d(0x25)]['create']({'outerPill':{'height':0x30,'borderRadius':0x64,'borderWidth':0x1,'borderColor':_theme[_0x279d(0x12)]['btnBorder'],'overflow':_0x279d(0x2f),'width':_0x279d(0x30),'position':'relative'},'outerShadow':{'shadowColor':'#000000','shadowOffset':{'width':0x14,'height':0x1e},'shadowOpacity':0.1,'shadowRadius':0x28,'elevation':0x8},'disabled':{'opacity':0.65,'shadowOpacity':0x0,'elevation':0x0},'baseGradient':{..._reactNative[_0x279d(0x25)][_0x279d(0x31)],'borderRadius':0x64},'pressedOverlay':{..._reactNative[_0x279d(0x25)][_0x279d(0x31)],'backgroundColor':_0x279d(0x32),'borderRadius':0x64},'textContainer':{'position':'absolute','left':0x0,'right':0x0,'top':0x0,'bottom':0x0,'justifyContent':'center','alignItems':_0x279d(0x33),'backgroundColor':_0x279d(0x34)},'iconPosition':{'position':_0x279d(0x35),'right':0x4,'top':0x4,'bottom':0x4,'width':0x28,'justifyContent':'center','alignItems':'center','backgroundColor':_0x279d(0x34)},'label':{'fontFamily':_0x279d(0x36),'fontWeight':'600','fontSize':0x10,'color':_theme[_0x279d(0x12)][_0x279d(0x19)],'textAlign':'center','backgroundColor':_0x279d(0x34)},'iconCircle':{'justifyContent':_0x279d(0x33),'alignItems':'center','borderWidth':0x1,'borderColor':_0x279d(0x37)},'iconContent':{'justifyContent':_0x279d(0x33),'alignItems':'center','backgroundColor':_0x279d(0x34)},'arrowText':{'fontSize':0x14,'color':_theme['COLORS'][_0x279d(0x19)],'fontWeight':_0x279d(0x38),'opacity':0.95,'backgroundColor':_0x279d(0x34)}});function _0x1c6d(){const _0x4bc405=['defineProperty','__esModule','default','small','object','CfCyu','lysfP','JQBsT','wOdee','function','has','get','useState','createElement','TouchableOpacity','outerPill','outerShadow','button','COLORS','btnGradStart','btnGradEnd','baseGradient','View','textContainer','ActivityIndicator','btnLabel','KsxDc','label','iconPosition','YUeDk','MjqnY','hasOwnProperty','getOwnPropertyDescriptor','set','iconCircle','iconCircleGradientStart','iconCircleGradientEnd','StyleSheet','iconContent','Text','arrowText','IconCircle','Get\x20Started','disabled','klsNX','PUHCk','pressedOverlay','hidden','100%','absoluteFillObject','rgba(0,0,0,0.1)','center','transparent','absolute','Inter','rgba(0,0,0,0.25)','600'];_0x1c6d=function(){return _0x4bc405;};return _0x1c6d();}var _default=exports[_0x279d(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