@onairos/react-native 3.7.1 → 3.7.3

package/lib/module/components/PlatformList.js

@@ -1 +1,129 @@
-import React from'react';import{View,Text,StyleSheet,TouchableOpacity,ActivityIndicator}from'react-native';import _0x4fa966 from'react-native-vector-icons/MaterialIcons';import{COLORS,PLATFORMS}from'../constants';function _0x3bd0(){const _0xbd2f1f=['#fff','Disconnect','Connect\x20your\x20platforms','Connect\x20at\x20least\x202\x20platforms\x20to\x20proceed','Proceed','createElement','platformHeader','icon','color','platformName','description','platformDescription','connectButton','disconnectedButton','mxear','MBWEt','title','bpMsG','subtitle','RmVUN','entries','map','proceedButton','disabledButton','Zwixl','proceedButtonText','600','text','primary','border','row','center','secondary','success'];_0x3bd0=function(){return _0xbd2f1f;};return _0x3bd0();}function _0x5a75(_0x3bd0cd,_0x5a7584){_0x3bd0cd=_0x3bd0cd-0x0;const _0x37276e=_0x3bd0();let _0x579fe2=_0x37276e[_0x3bd0cd];return _0x579fe2;}export const PlatformList=({connections:_0x278c4e,onToggle:_0x5a13b7,isLoading:_0x422314,canProceed:_0x10fe75,onProceed:_0x2df526})=>{const _0x72c6f3={'ayaDJ':_0x5a75(0x0),'mxear':_0x5a75(0x1),'MBWEt':'Connect','bpMsG':_0x5a75(0x2),'RmVUN':_0x5a75(0x3),'Zwixl':function(_0x19cff7,_0x31ab05){return _0x19cff7||_0x31ab05;},'kKieJ':_0x5a75(0x4)},_0x2cd820=(_0x1daf72,_0x1978d3)=>{const _0x422ebf=PLATFORMS[_0x1daf72];if(!_0x422ebf)return null;return React[_0x5a75(0x5)](View,{'key':_0x1daf72,'style':styles['platformContainer']},React['createElement'](View,{'style':styles[_0x5a75(0x6)]},React[_0x5a75(0x5)](_0x4fa966,{'name':_0x422ebf[_0x5a75(0x7)],'size':0x18,'color':_0x422ebf[_0x5a75(0x8)]}),React[_0x5a75(0x5)](Text,{'style':styles[_0x5a75(0x9)]},_0x422ebf['name'])),_0x422ebf[_0x5a75(0xa)]&&React['createElement'](Text,{'style':styles[_0x5a75(0xb)]},_0x422ebf[_0x5a75(0xa)]),React[_0x5a75(0x5)](TouchableOpacity,{'style':[styles[_0x5a75(0xc)],_0x1978d3?styles['connectedButton']:styles[_0x5a75(0xd)]],'onPress':()=>_0x5a13b7(_0x1daf72,!_0x1978d3),'disabled':_0x422314},_0x422314?React[_0x5a75(0x5)](ActivityIndicator,{'color':_0x72c6f3['ayaDJ']}):React[_0x5a75(0x5)](Text,{'style':styles['buttonText']},_0x1978d3?_0x72c6f3[_0x5a75(0xe)]:_0x72c6f3[_0x5a75(0xf)])));};return React['createElement'](View,{'style':styles['container']},React[_0x5a75(0x5)](Text,{'style':styles[_0x5a75(0x10)]},_0x72c6f3[_0x5a75(0x11)]),React[_0x5a75(0x5)](Text,{'style':styles[_0x5a75(0x12)]},_0x72c6f3[_0x5a75(0x13)]),React[_0x5a75(0x5)](View,{'style':styles['platformsList']},Object[_0x5a75(0x14)](_0x278c4e)[_0x5a75(0x15)](([_0xd10a06,_0x3ebee8])=>_0x2cd820(_0xd10a06,!!_0x3ebee8))),React[_0x5a75(0x5)](TouchableOpacity,{'style':[styles[_0x5a75(0x16)],!_0x10fe75&&styles[_0x5a75(0x17)]],'onPress':_0x2df526,'disabled':_0x72c6f3[_0x5a75(0x18)](!_0x10fe75,_0x422314)},React[_0x5a75(0x5)](Text,{'style':styles[_0x5a75(0x19)]},_0x72c6f3['kKieJ'])));};const styles=StyleSheet['create']({'container':{'flex':0x1,'padding':0x10},'title':{'fontSize':0x14,'fontWeight':_0x5a75(0x1a),'marginBottom':0x8,'color':COLORS[_0x5a75(0x1b)][_0x5a75(0x1c)]},'subtitle':{'fontSize':0xe,'color':COLORS[_0x5a75(0x1b)]['secondary'],'marginBottom':0x18},'platformsList':{'flex':0x1},'platformContainer':{'backgroundColor':'#fff','borderRadius':0xc,'padding':0x10,'marginBottom':0x10,'borderWidth':0x1,'borderColor':COLORS[_0x5a75(0x1d)]},'platformHeader':{'flexDirection':_0x5a75(0x1e),'alignItems':_0x5a75(0x1f),'marginBottom':0x8},'platformName':{'fontSize':0x10,'fontWeight':_0x5a75(0x1a),'marginLeft':0xc,'color':COLORS[_0x5a75(0x1b)]['primary']},'platformDescription':{'fontSize':0xe,'color':COLORS[_0x5a75(0x1b)][_0x5a75(0x20)],'marginBottom':0x10},'connectButton':{'paddingVertical':0x8,'paddingHorizontal':0x10,'borderRadius':0x8,'alignItems':_0x5a75(0x1f)},'connectedButton':{'backgroundColor':COLORS[_0x5a75(0x21)]},'disconnectedButton':{'backgroundColor':COLORS[_0x5a75(0x1c)]},'buttonText':{'color':_0x5a75(0x0),'fontWeight':_0x5a75(0x1a)},'proceedButton':{'backgroundColor':COLORS[_0x5a75(0x1c)],'paddingVertical':0x10,'borderRadius':0xc,'alignItems':_0x5a75(0x1f),'marginTop':0x10},'disabledButton':{'opacity':0.5},'proceedButtonText':{'color':_0x5a75(0x0),'fontSize':0x10,'fontWeight':_0x5a75(0x1a)}});
+import React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ActivityIndicator } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { COLORS, PLATFORMS } from '../constants';
+export const PlatformList = ({
+  connections,
+  onToggle,
+  isLoading,
+  canProceed,
+  onProceed
+}) => {
+  const renderPlatformItem = (platform, isConnected) => {
+    const platformConfig = PLATFORMS[platform];
+    if (!platformConfig) return null;
+    return /*#__PURE__*/React.createElement(View, {
+      key: platform,
+      style: styles.platformContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.platformHeader
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: platformConfig.icon,
+      size: 24,
+      color: platformConfig.color
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.platformName
+    }, platformConfig.name)), platformConfig.description && /*#__PURE__*/React.createElement(Text, {
+      style: styles.platformDescription
+    }, platformConfig.description), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.connectButton, isConnected ? styles.connectedButton : styles.disconnectedButton],
+      onPress: () => onToggle(platform, !isConnected),
+      disabled: isLoading
+    }, isLoading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+      color: "#fff"
+    }) : /*#__PURE__*/React.createElement(Text, {
+      style: styles.buttonText
+    }, isConnected ? 'Disconnect' : 'Connect')));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Connect your platforms"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, "Connect at least 2 platforms to proceed"), /*#__PURE__*/React.createElement(View, {
+    style: styles.platformsList
+  }, Object.entries(connections).map(([platform, status]) => renderPlatformItem(platform, !!status))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.proceedButton, !canProceed && styles.disabledButton],
+    onPress: onProceed,
+    disabled: !canProceed || isLoading
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.proceedButtonText
+  }, "Proceed")));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: '600',
+    marginBottom: 8,
+    color: COLORS.text.primary
+  },
+  subtitle: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    marginBottom: 24
+  },
+  platformsList: {
+    flex: 1
+  },
+  platformContainer: {
+    backgroundColor: '#fff',
+    borderRadius: 12,
+    padding: 16,
+    marginBottom: 16,
+    borderWidth: 1,
+    borderColor: COLORS.border
+  },
+  platformHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 8
+  },
+  platformName: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginLeft: 12,
+    color: COLORS.text.primary
+  },
+  platformDescription: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    marginBottom: 16
+  },
+  connectButton: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    alignItems: 'center'
+  },
+  connectedButton: {
+    backgroundColor: COLORS.success
+  },
+  disconnectedButton: {
+    backgroundColor: COLORS.primary
+  },
+  buttonText: {
+    color: '#fff',
+    fontWeight: '600'
+  },
+  proceedButton: {
+    backgroundColor: 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/module/components/PlatformToggle.js

@@ -1 +1,173 @@
-function _0x4672(_0x5cc5f5,_0x4672bc){_0x5cc5f5=_0x5cc5f5-0x0;const _0x219119=_0x5cc5();let _0x2a7f93=_0x219119[_0x5cc5f5];return _0x2a7f93;}import React from'react';import{View,Text,TouchableOpacity,Image,StyleSheet,Switch,Platform}from'react-native';function _0x5cc5(){const _0x2d1c36=['contain','#E5E5E5','ios','#FFFFFF','FJelA','fullWidthContainer','container','createElement','VDrVx','leftContent','compactIcon','kzYBb','textContent','compactPlatformName','name','FtuKI','awIRh','oJAQR','cmAiZ','fullWidthDescription','description','compactDescription','create','center','space-between','surface','row','#F5F5F5','Inter','grey800','600','400','grey600'];_0x5cc5=function(){return _0x2d1c36;};return _0x5cc5();}import{COLORS}from'../theme';const PlatformToggle=({platform:_0x3c5d8c,isEnabled:_0x1387af,onToggle:_0x20ae44,compact:compact=![],isLast:isLast=![],fullWidth:fullWidth=![],customIconSize:_0x53d981,onLongPress:_0x2b4798,onPressOut:_0x297e57})=>{const _0x82bb55={'FJelA':function(_0x354794,_0x426168,_0x5f146b){return _0x354794(_0x426168,_0x5f146b);},'VDrVx':function(_0x3e206e,_0x218915){return _0x3e206e&&_0x218915;},'GIxGl':function(_0x2b4b12,_0xf4dc7e){return _0x2b4b12-_0xf4dc7e;},'kzYBb':_0x4672(0x0),'FtuKI':_0x4672(0x1),'awIRh':function(_0x2d06d6,_0x1f37d2){return _0x2d06d6===_0x1f37d2;},'oJAQR':_0x4672(0x2),'cmAiZ':_0x4672(0x3)},_0xd5539d=()=>{_0x82bb55[_0x4672(0x4)](_0x20ae44,_0x3c5d8c['id'],!_0x1387af);},_0x4ffba8=fullWidth?styles[_0x4672(0x5)]:compact?styles['compactContainer']:styles[_0x4672(0x6)];return React[_0x4672(0x7)](TouchableOpacity,{'style':[_0x4ffba8,_0x82bb55[_0x4672(0x8)](!isLast,compact)&&styles['borderBottom']],'onLongPress':_0x2b4798,'onPressOut':_0x297e57,'activeOpacity':_0x2b4798?0.7:0x1,'disabled':!_0x2b4798},React[_0x4672(0x7)](View,{'style':styles['topRow']},React[_0x4672(0x7)](View,{'style':styles[_0x4672(0x9)]},React[_0x4672(0x7)](Image,{'source':_0x3c5d8c['icon'],'style':_0x53d981?{'width':_0x53d981,'height':_0x53d981,'marginRight':_0x82bb55['GIxGl'](0xc,_0x53d981-0x1c)}:fullWidth?styles[_0x4672(0xa)]:compact?styles[_0x4672(0xa)]:styles['icon'],'resizeMode':_0x82bb55[_0x4672(0xb)]}),React[_0x4672(0x7)](View,{'style':styles[_0x4672(0xc)]},React['createElement'](Text,{'style':fullWidth?styles[_0x4672(0xd)]:compact?styles['compactPlatformName']:styles['platformName']},_0x3c5d8c[_0x4672(0xe)]))),React[_0x4672(0x7)](Switch,{'value':_0x1387af,'onValueChange':_0xd5539d,'trackColor':{'false':_0x82bb55[_0x4672(0xf)],'true':'#4CD964'},'thumbColor':_0x82bb55[_0x4672(0x10)](Platform['OS'],_0x82bb55[_0x4672(0x11)])?undefined:_0x1387af?_0x82bb55[_0x4672(0x12)]:_0x82bb55[_0x4672(0x12)],'ios_backgroundColor':_0x82bb55['FtuKI'],'style':compact?styles['compactSwitch']:undefined})),fullWidth&&React['createElement'](View,{'style':styles['descriptionBox']},React[_0x4672(0x7)](Text,{'style':styles[_0x4672(0x13)]},_0x3c5d8c[_0x4672(0x14)])),!fullWidth&&React[_0x4672(0x7)](Text,{'style':compact?styles[_0x4672(0x15)]:styles[_0x4672(0x14)]},_0x3c5d8c[_0x4672(0x14)]));},styles=StyleSheet[_0x4672(0x16)]({'container':{'flexDirection':'row','alignItems':_0x4672(0x17),'justifyContent':_0x4672(0x18),'paddingVertical':0x10,'paddingHorizontal':0x10,'backgroundColor':COLORS[_0x4672(0x19)],'borderRadius':0xc,'marginBottom':0xc,'borderWidth':0x1,'borderColor':_0x4672(0x1)},'compactContainer':{'flexDirection':_0x4672(0x1a),'alignItems':'center','justifyContent':_0x4672(0x18),'paddingVertical':0x10,'paddingHorizontal':0x10,'backgroundColor':COLORS['surface']},'fullWidthContainer':{'flexDirection':'column','paddingVertical':0x8,'paddingHorizontal':0x2,'backgroundColor':COLORS[_0x4672(0x19)],'marginBottom':0x4,'marginHorizontal':0x0},'topRow':{'flexDirection':_0x4672(0x1a),'alignItems':'center','justifyContent':'space-between','marginBottom':0x4},'descriptionBox':{'backgroundColor':_0x4672(0x1b),'borderRadius':0x8,'paddingVertical':0x8,'paddingHorizontal':0x4,'marginTop':0x2},'borderBottom':{'borderBottomWidth':0x1,'borderBottomColor':_0x4672(0x1)},'leftContent':{'flexDirection':_0x4672(0x1a),'alignItems':_0x4672(0x17),'flex':0x1},'icon':{'width':0x20,'height':0x20,'marginRight':0xc},'compactIcon':{'width':0x1c,'height':0x1c,'marginRight':0xc},'textContent':{'flex':0x1},'platformName':{'fontSize':0x10,'fontFamily':_0x4672(0x1c),'fontWeight':'600','color':COLORS[_0x4672(0x1d)],'marginBottom':0x2},'compactPlatformName':{'fontSize':0x10,'fontFamily':'Inter','fontWeight':_0x4672(0x1e),'color':COLORS[_0x4672(0x1d)],'marginBottom':0x2},'description':{'fontSize':0xe,'fontFamily':_0x4672(0x1c),'fontWeight':_0x4672(0x1f),'color':COLORS['grey600'],'lineHeight':0x14},'compactDescription':{'fontSize':0xc,'fontFamily':'Inter','fontWeight':_0x4672(0x1f),'color':COLORS[_0x4672(0x20)],'lineHeight':0x10},'fullWidthDescription':{'fontSize':0xd,'fontFamily':'Inter','fontWeight':_0x4672(0x1f),'color':COLORS[_0x4672(0x20)],'lineHeight':0x12},'compactSwitch':{'transform':[{'scaleX':0.9},{'scaleY':0.9}]}});export default PlatformToggle;
+import React from 'react';
+import { View, Text, TouchableOpacity, Image, StyleSheet, Switch, Platform } from 'react-native';
+import { COLORS } from '../theme';
+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.createElement(TouchableOpacity, {
+    style: [containerStyle, !isLast && compact && styles.borderBottom],
+    onLongPress: onLongPress,
+    onPressOut: onPressOut,
+    activeOpacity: onLongPress ? 0.7 : 1.0,
+    disabled: !onLongPress
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.topRow
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.leftContent
+  }, /*#__PURE__*/React.createElement(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.createElement(View, {
+    style: styles.textContent
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: fullWidth ? styles.compactPlatformName : compact ? styles.compactPlatformName : styles.platformName
+  }, platform.name))), /*#__PURE__*/React.createElement(Switch, {
+    value: isEnabled,
+    onValueChange: handleToggle,
+    trackColor: {
+      false: '#E5E5E5',
+      true: '#4CD964' // Green when enabled
+    },
+    thumbColor: Platform.OS === 'ios' ? undefined : isEnabled ? '#FFFFFF' : '#FFFFFF',
+    ios_backgroundColor: "#E5E5E5",
+    style: compact ? styles.compactSwitch : undefined
+  })), fullWidth && /*#__PURE__*/React.createElement(View, {
+    style: styles.descriptionBox
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.fullWidthDescription
+  }, platform.description)), !fullWidth && /*#__PURE__*/React.createElement(Text, {
+    style: compact ? styles.compactDescription : styles.description
+  }, platform.description));
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 16,
+    paddingHorizontal: 16,
+    backgroundColor: COLORS.surface,
+    borderRadius: 12,
+    marginBottom: 12,
+    borderWidth: 1,
+    borderColor: '#E5E5E5'
+  },
+  compactContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 16,
+    paddingHorizontal: 16,
+    backgroundColor: 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: 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: COLORS.grey800,
+    marginBottom: 2
+  },
+  compactPlatformName: {
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    color: COLORS.grey800,
+    marginBottom: 2
+  },
+  description: {
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: COLORS.grey600,
+    lineHeight: 20
+  },
+  compactDescription: {
+    fontSize: 12,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: COLORS.grey600,
+    lineHeight: 16
+  },
+  fullWidthDescription: {
+    fontSize: 13,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: COLORS.grey600,
+    lineHeight: 18
+  },
+  compactSwitch: {
+    transform: [{
+      scaleX: 0.9
+    }, {
+      scaleY: 0.9
+    }]
+  }
+});
+export default PlatformToggle;
+//# sourceMappingURL=PlatformToggle.js.map

package/lib/module/components/PrimaryButton.js

@@ -1 +1,172 @@
-import React,{useState}from'react';import{View,Text,TouchableOpacity,StyleSheet,ActivityIndicator}from'react-native';function _0x83fc(_0x1d004a,_0x83fc34){_0x1d004a=_0x1d004a-0x0;const _0x3e0092=_0x1d00();let _0x446d02=_0x3e0092[_0x1d004a];return _0x446d02;}import _0x38fb2d from'react-native-linear-gradient';import{COLORS}from'../theme';const IconCircle=({size:size=0x28,children:_0x1bc2ab})=>{return React[_0x83fc(0x0)](View,{'style':[styles[_0x83fc(0x1)],{'width':size,'height':size,'borderRadius':size/0x2}]},React[_0x83fc(0x0)](_0x38fb2d,{'colors':[COLORS[_0x83fc(0x2)],COLORS['iconCircleGradientEnd']],'style':[StyleSheet['absoluteFill'],{'borderRadius':size/0x2}],'start':{'x':0x0,'y':0x0},'end':{'x':0x0,'y':0x1}}),React[_0x83fc(0x0)](View,{'style':styles['iconContent']},_0x1bc2ab||React[_0x83fc(0x0)](Text,{'style':styles[_0x83fc(0x3)]},'→')));},PrimaryButton=({label:label=_0x83fc(0x4),onPress:_0x2d0955,iconRight:_0x152d6e,loading:loading=![],disabled:disabled=![],testID:_0x3e3572,style:_0x43474a,textStyle:_0x403419})=>{const _0x6b929b={'dzQBo':function(_0x30e51e,_0x15b8d4){return _0x30e51e(_0x15b8d4);},'tZIHm':function(_0x3a9af0,_0x5ba9dc){return _0x3a9af0||_0x5ba9dc;},'oMAne':'button','TSvcq':_0x83fc(0x5)},[_0x5ec1d6,_0x541a51]=_0x6b929b[_0x83fc(0x6)](useState,![]),_0x1786e2=()=>_0x541a51(!![]),_0x40b97f=()=>_0x541a51(![]);return React[_0x83fc(0x0)](TouchableOpacity,{'style':[styles['outerPill'],!disabled&&styles[_0x83fc(0x7)],disabled&&styles['disabled'],_0x43474a],'onPress':_0x2d0955,'onPressIn':_0x1786e2,'onPressOut':_0x40b97f,'disabled':_0x6b929b['tZIHm'](disabled,loading),'activeOpacity':0x1,'testID':_0x3e3572,'accessibilityLabel':label,'accessibilityRole':_0x6b929b['oMAne']},React[_0x83fc(0x0)](_0x38fb2d,{'colors':[COLORS[_0x83fc(0x8)],COLORS[_0x83fc(0x9)]],'style':styles[_0x83fc(0xa)],'start':{'x':0x0,'y':0x0},'end':{'x':0x0,'y':0x1}}),_0x5ec1d6&&React[_0x83fc(0x0)](View,{'style':styles['pressedOverlay']}),React['createElement'](View,{'style':styles['textContainer']},loading?React[_0x83fc(0x0)](ActivityIndicator,{'color':COLORS[_0x83fc(0xb)],'size':_0x6b929b[_0x83fc(0xc)]}):React[_0x83fc(0x0)](Text,{'style':[styles['label'],_0x403419]},label)),React[_0x83fc(0x0)](View,{'style':styles[_0x83fc(0xd)]},!loading&&(_0x152d6e||React[_0x83fc(0x0)](IconCircle,null))));},styles=StyleSheet[_0x83fc(0xe)]({'outerPill':{'height':0x30,'borderRadius':0x64,'borderWidth':0x1,'borderColor':COLORS[_0x83fc(0xf)],'overflow':_0x83fc(0x10),'width':_0x83fc(0x11),'position':_0x83fc(0x12)},'outerShadow':{'shadowColor':_0x83fc(0x13),'shadowOffset':{'width':0x14,'height':0x1e},'shadowOpacity':0.1,'shadowRadius':0x28,'elevation':0x8},'disabled':{'opacity':0.65,'shadowOpacity':0x0,'elevation':0x0},'baseGradient':{...StyleSheet['absoluteFillObject'],'borderRadius':0x64},'pressedOverlay':{...StyleSheet['absoluteFillObject'],'backgroundColor':_0x83fc(0x14),'borderRadius':0x64},'textContainer':{'position':_0x83fc(0x15),'left':0x0,'right':0x0,'top':0x0,'bottom':0x0,'justifyContent':_0x83fc(0x16),'alignItems':_0x83fc(0x16),'backgroundColor':_0x83fc(0x17)},'iconPosition':{'position':_0x83fc(0x15),'right':0x4,'top':0x4,'bottom':0x4,'width':0x28,'justifyContent':_0x83fc(0x16),'alignItems':_0x83fc(0x16),'backgroundColor':_0x83fc(0x17)},'label':{'fontFamily':_0x83fc(0x18),'fontWeight':_0x83fc(0x19),'fontSize':0x10,'color':COLORS['btnLabel'],'textAlign':_0x83fc(0x16),'backgroundColor':_0x83fc(0x17)},'iconCircle':{'justifyContent':_0x83fc(0x16),'alignItems':'center','borderWidth':0x1,'borderColor':_0x83fc(0x1a)},'iconContent':{'justifyContent':_0x83fc(0x16),'alignItems':'center','backgroundColor':_0x83fc(0x17)},'arrowText':{'fontSize':0x14,'color':COLORS['btnLabel'],'fontWeight':_0x83fc(0x19),'opacity':0.95,'backgroundColor':_0x83fc(0x17)}});export{IconCircle};function _0x1d00(){const _0x52b5c3=['createElement','iconCircle','iconCircleGradientStart','arrowText','Get\x20Started','small','dzQBo','outerShadow','btnGradStart','btnGradEnd','baseGradient','btnLabel','TSvcq','iconPosition','create','btnBorder','hidden','100%','relative','#000000','rgba(0,0,0,0.1)','absolute','center','transparent','Inter','600','rgba(0,0,0,0.25)'];_0x1d00=function(){return _0x52b5c3;};return _0x1d00();}export{PrimaryButton};export default PrimaryButton;
+import React, { useState } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import { COLORS } from '../theme';
+const IconCircle = ({
+  size = 40,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.iconCircle, {
+      width: size,
+      height: size,
+      borderRadius: size / 2
+    }]
+  }, /*#__PURE__*/React.createElement(LinearGradient, {
+    colors: [COLORS.iconCircleGradientStart, COLORS.iconCircleGradientEnd],
+    style: [StyleSheet.absoluteFill, {
+      borderRadius: size / 2
+    }],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 0,
+      y: 1
+    }
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.iconContent
+  }, children || /*#__PURE__*/React.createElement(Text, {
+    style: styles.arrowText
+  }, "\u2192")));
+};
+const PrimaryButton = ({
+  label = "Get Started",
+  onPress,
+  iconRight,
+  loading = false,
+  disabled = false,
+  testID,
+  style,
+  textStyle
+}) => {
+  const [pressed, setPressed] = useState(false);
+  const handlePressIn = () => setPressed(true);
+  const handlePressOut = () => setPressed(false);
+  return /*#__PURE__*/React.createElement(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.createElement(LinearGradient, {
+    colors: [COLORS.btnGradStart, COLORS.btnGradEnd],
+    style: styles.baseGradient,
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 0,
+      y: 1
+    }
+  }), pressed && /*#__PURE__*/React.createElement(View, {
+    style: styles.pressedOverlay
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.textContainer
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    color: COLORS.btnLabel,
+    size: "small"
+  }) : /*#__PURE__*/React.createElement(Text, {
+    style: [styles.label, textStyle]
+  }, label)), /*#__PURE__*/React.createElement(View, {
+    style: styles.iconPosition
+  }, !loading && (iconRight || /*#__PURE__*/React.createElement(IconCircle, null))));
+};
+const styles = StyleSheet.create({
+  // Outer pill container - owns all backgrounds, border, shadow
+  outerPill: {
+    height: 48,
+    borderRadius: 100,
+    borderWidth: 1,
+    borderColor: 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: {
+    ...StyleSheet.absoluteFillObject,
+    borderRadius: 100
+  },
+  pressedOverlay: {
+    ...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: 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: COLORS.btnLabel,
+    fontWeight: '600',
+    opacity: 0.95,
+    backgroundColor: 'transparent'
+  }
+});
+export { IconCircle };
+export { PrimaryButton };
+export default PrimaryButton;
+//# sourceMappingURL=PrimaryButton.js.map