@onairos/react-native 3.7.2 → 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 _0x152f05 from'react-native-vector-icons/MaterialIcons';function _0x3d83(_0x1520ec,_0x3d83ff){_0x1520ec=_0x1520ec-0x0;const _0x2f15f6=_0x1520();let _0x2a40c8=_0x2f15f6[_0x1520ec];return _0x2a40c8;}import{COLORS,PLATFORMS}from'../constants';export const PlatformList=({connections:_0x53b893,onToggle:_0x138a1f,isLoading:_0x45b456,canProceed:_0x50fd4c,onProceed:_0xfcaf65})=>{const _0x2a0996={'nLqIw':_0x3d83(0x0),'VjZXP':_0x3d83(0x1),'QFrjQ':'Connect\x20your\x20platforms','jnmfR':function(_0x3ed1fc,_0x180874){return _0x3ed1fc||_0x180874;}},_0x322700=(_0x217ea1,_0x64371a)=>{const _0x433924=PLATFORMS[_0x217ea1];if(!_0x433924)return null;return React[_0x3d83(0x2)](View,{'key':_0x217ea1,'style':styles[_0x3d83(0x3)]},React[_0x3d83(0x2)](View,{'style':styles['platformHeader']},React[_0x3d83(0x2)](_0x152f05,{'name':_0x433924['icon'],'size':0x18,'color':_0x433924[_0x3d83(0x4)]}),React['createElement'](Text,{'style':styles[_0x3d83(0x5)]},_0x433924['name'])),_0x433924['description']&&React[_0x3d83(0x2)](Text,{'style':styles[_0x3d83(0x6)]},_0x433924['description']),React[_0x3d83(0x2)](TouchableOpacity,{'style':[styles['connectButton'],_0x64371a?styles[_0x3d83(0x7)]:styles[_0x3d83(0x8)]],'onPress':()=>_0x138a1f(_0x217ea1,!_0x64371a),'disabled':_0x45b456},_0x45b456?React[_0x3d83(0x2)](ActivityIndicator,{'color':_0x2a0996[_0x3d83(0x9)]}):React[_0x3d83(0x2)](Text,{'style':styles[_0x3d83(0xa)]},_0x64371a?_0x2a0996[_0x3d83(0xb)]:_0x3d83(0xc))));};return React[_0x3d83(0x2)](View,{'style':styles[_0x3d83(0xd)]},React[_0x3d83(0x2)](Text,{'style':styles[_0x3d83(0xe)]},_0x2a0996[_0x3d83(0xf)]),React['createElement'](Text,{'style':styles['subtitle']},_0x3d83(0x10)),React['createElement'](View,{'style':styles[_0x3d83(0x11)]},Object[_0x3d83(0x12)](_0x53b893)[_0x3d83(0x13)](([_0x51c292,_0x4be086])=>_0x322700(_0x51c292,!!_0x4be086))),React['createElement'](TouchableOpacity,{'style':[styles['proceedButton'],!_0x50fd4c&&styles[_0x3d83(0x14)]],'onPress':_0xfcaf65,'disabled':_0x2a0996[_0x3d83(0x15)](!_0x50fd4c,_0x45b456)},React['createElement'](Text,{'style':styles[_0x3d83(0x16)]},_0x3d83(0x17))));};function _0x1520(){const _0x4420d1=['#fff','Disconnect','createElement','platformContainer','color','platformName','platformDescription','connectedButton','disconnectedButton','nLqIw','buttonText','VjZXP','Connect','container','title','QFrjQ','Connect\x20at\x20least\x202\x20platforms\x20to\x20proceed','platformsList','entries','map','disabledButton','jnmfR','proceedButtonText','Proceed','create','text','secondary','border','row','600','primary','center','success'];_0x1520=function(){return _0x4420d1;};return _0x1520();}const styles=StyleSheet[_0x3d83(0x18)]({'container':{'flex':0x1,'padding':0x10},'title':{'fontSize':0x14,'fontWeight':'600','marginBottom':0x8,'color':COLORS[_0x3d83(0x19)]['primary']},'subtitle':{'fontSize':0xe,'color':COLORS['text'][_0x3d83(0x1a)],'marginBottom':0x18},'platformsList':{'flex':0x1},'platformContainer':{'backgroundColor':_0x3d83(0x0),'borderRadius':0xc,'padding':0x10,'marginBottom':0x10,'borderWidth':0x1,'borderColor':COLORS[_0x3d83(0x1b)]},'platformHeader':{'flexDirection':_0x3d83(0x1c),'alignItems':'center','marginBottom':0x8},'platformName':{'fontSize':0x10,'fontWeight':_0x3d83(0x1d),'marginLeft':0xc,'color':COLORS['text'][_0x3d83(0x1e)]},'platformDescription':{'fontSize':0xe,'color':COLORS[_0x3d83(0x19)][_0x3d83(0x1a)],'marginBottom':0x10},'connectButton':{'paddingVertical':0x8,'paddingHorizontal':0x10,'borderRadius':0x8,'alignItems':_0x3d83(0x1f)},'connectedButton':{'backgroundColor':COLORS[_0x3d83(0x20)]},'disconnectedButton':{'backgroundColor':COLORS[_0x3d83(0x1e)]},'buttonText':{'color':_0x3d83(0x0),'fontWeight':_0x3d83(0x1d)},'proceedButton':{'backgroundColor':COLORS[_0x3d83(0x1e)],'paddingVertical':0x10,'borderRadius':0xc,'alignItems':_0x3d83(0x1f),'marginTop':0x10},'disabledButton':{'opacity':0.5},'proceedButtonText':{'color':'#fff','fontSize':0x10,'fontWeight':_0x3d83(0x1d)}});
+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 @@
-import React from'react';function _0x53b1(_0x487f21,_0x53b12a){_0x487f21=_0x487f21-0x0;const _0x48c7c5=_0x487f();let _0x406512=_0x48c7c5[_0x487f21];return _0x406512;}import{View,Text,TouchableOpacity,Image,StyleSheet,Switch,Platform}from'react-native';import{COLORS}from'../theme';const PlatformToggle=({platform:_0x214e43,isEnabled:_0x11a04e,onToggle:_0x281311,compact:compact=![],isLast:isLast=![],fullWidth:fullWidth=![],customIconSize:_0x25f0b3,onLongPress:_0x1dc44f,onPressOut:_0x24ec81})=>{const _0xb42be9={'Gqott':function(_0x303997,_0x3ecc76,_0x2ff049){return _0x303997(_0x3ecc76,_0x2ff049);},'jjlyu':function(_0x4f9248,_0x3ab3f2){return _0x4f9248-_0x3ab3f2;},'RPqlZ':function(_0x65d743,_0x13d585){return _0x65d743-_0x13d585;},'eSGNc':_0x53b1(0x0),'YhalC':function(_0x495c80,_0x453fed){return _0x495c80===_0x453fed;},'eudZJ':'ios','HpRhe':_0x53b1(0x1)},_0x16727e=()=>{_0xb42be9['Gqott'](_0x281311,_0x214e43['id'],!_0x11a04e);},_0x3e7a46=fullWidth?styles[_0x53b1(0x2)]:compact?styles[_0x53b1(0x3)]:styles[_0x53b1(0x4)];return React[_0x53b1(0x5)](TouchableOpacity,{'style':[_0x3e7a46,!isLast&&compact&&styles[_0x53b1(0x6)]],'onLongPress':_0x1dc44f,'onPressOut':_0x24ec81,'activeOpacity':_0x1dc44f?0.7:0x1,'disabled':!_0x1dc44f},React[_0x53b1(0x5)](View,{'style':styles[_0x53b1(0x7)]},React['createElement'](View,{'style':styles[_0x53b1(0x8)]},React['createElement'](Image,{'source':_0x214e43[_0x53b1(0x9)],'style':_0x25f0b3?{'width':_0x25f0b3,'height':_0x25f0b3,'marginRight':_0xb42be9[_0x53b1(0xa)](0xc,_0xb42be9[_0x53b1(0xb)](_0x25f0b3,0x1c))}:fullWidth?styles[_0x53b1(0xc)]:compact?styles[_0x53b1(0xc)]:styles[_0x53b1(0x9)],'resizeMode':_0x53b1(0xd)}),React['createElement'](View,{'style':styles['textContent']},React[_0x53b1(0x5)](Text,{'style':fullWidth?styles[_0x53b1(0xe)]:compact?styles[_0x53b1(0xe)]:styles[_0x53b1(0xf)]},_0x214e43[_0x53b1(0x10)]))),React[_0x53b1(0x5)](Switch,{'value':_0x11a04e,'onValueChange':_0x16727e,'trackColor':{'false':_0xb42be9[_0x53b1(0x11)],'true':_0x53b1(0x12)},'thumbColor':_0xb42be9['YhalC'](Platform['OS'],_0xb42be9[_0x53b1(0x13)])?undefined:_0x11a04e?_0xb42be9['HpRhe']:_0x53b1(0x1),'ios_backgroundColor':_0xb42be9[_0x53b1(0x11)],'style':compact?styles[_0x53b1(0x14)]:undefined})),fullWidth&&React[_0x53b1(0x5)](View,{'style':styles[_0x53b1(0x15)]},React[_0x53b1(0x5)](Text,{'style':styles[_0x53b1(0x16)]},_0x214e43['description'])),!fullWidth&&React['createElement'](Text,{'style':compact?styles['compactDescription']:styles[_0x53b1(0x17)]},_0x214e43['description']));},styles=StyleSheet[_0x53b1(0x18)]({'container':{'flexDirection':_0x53b1(0x19),'alignItems':_0x53b1(0x1a),'justifyContent':'space-between','paddingVertical':0x10,'paddingHorizontal':0x10,'backgroundColor':COLORS[_0x53b1(0x1b)],'borderRadius':0xc,'marginBottom':0xc,'borderWidth':0x1,'borderColor':_0x53b1(0x0)},'compactContainer':{'flexDirection':_0x53b1(0x19),'alignItems':'center','justifyContent':_0x53b1(0x1c),'paddingVertical':0x10,'paddingHorizontal':0x10,'backgroundColor':COLORS[_0x53b1(0x1b)]},'fullWidthContainer':{'flexDirection':'column','paddingVertical':0x8,'paddingHorizontal':0x2,'backgroundColor':COLORS[_0x53b1(0x1b)],'marginBottom':0x4,'marginHorizontal':0x0},'topRow':{'flexDirection':_0x53b1(0x19),'alignItems':'center','justifyContent':_0x53b1(0x1c),'marginBottom':0x4},'descriptionBox':{'backgroundColor':_0x53b1(0x1d),'borderRadius':0x8,'paddingVertical':0x8,'paddingHorizontal':0x4,'marginTop':0x2},'borderBottom':{'borderBottomWidth':0x1,'borderBottomColor':'#E5E5E5'},'leftContent':{'flexDirection':_0x53b1(0x19),'alignItems':_0x53b1(0x1a),'flex':0x1},'icon':{'width':0x20,'height':0x20,'marginRight':0xc},'compactIcon':{'width':0x1c,'height':0x1c,'marginRight':0xc},'textContent':{'flex':0x1},'platformName':{'fontSize':0x10,'fontFamily':_0x53b1(0x1e),'fontWeight':_0x53b1(0x1f),'color':COLORS['grey800'],'marginBottom':0x2},'compactPlatformName':{'fontSize':0x10,'fontFamily':_0x53b1(0x1e),'fontWeight':'600','color':COLORS[_0x53b1(0x20)],'marginBottom':0x2},'description':{'fontSize':0xe,'fontFamily':_0x53b1(0x1e),'fontWeight':_0x53b1(0x21),'color':COLORS[_0x53b1(0x22)],'lineHeight':0x14},'compactDescription':{'fontSize':0xc,'fontFamily':_0x53b1(0x1e),'fontWeight':_0x53b1(0x21),'color':COLORS[_0x53b1(0x22)],'lineHeight':0x10},'fullWidthDescription':{'fontSize':0xd,'fontFamily':_0x53b1(0x1e),'fontWeight':_0x53b1(0x21),'color':COLORS[_0x53b1(0x22)],'lineHeight':0x12},'compactSwitch':{'transform':[{'scaleX':0.9},{'scaleY':0.9}]}});function _0x487f(){const _0x219b4c=['#E5E5E5','#FFFFFF','fullWidthContainer','compactContainer','container','createElement','borderBottom','topRow','leftContent','icon','jjlyu','RPqlZ','compactIcon','contain','compactPlatformName','platformName','name','eSGNc','#4CD964','eudZJ','compactSwitch','descriptionBox','fullWidthDescription','description','create','row','center','surface','space-between','#F5F5F5','Inter','600','grey800','400','grey600'];_0x487f=function(){return _0x219b4c;};return _0x487f();}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';import _0x2b228b from'react-native-linear-gradient';function _0x3fcc(_0x5c663c,_0x3fccbc){_0x5c663c=_0x5c663c-0x0;const _0x53c4f8=_0x5c66();let _0x2dcd6d=_0x53c4f8[_0x5c663c];return _0x2dcd6d;}function _0x5c66(){const _0x4b0173=['JiEcF','createElement','iconCircleGradientStart','iconCircleGradientEnd','absoluteFill','iconContent','arrowText','Get\x20Started','outerPill','outerShadow','button','btnGradStart','btnGradEnd','textContainer','btnLabel','MSXIP','label','create','btnBorder','hidden','relative','#000000','absoluteFillObject','rgba(0,0,0,0.1)','center','transparent','absolute','Inter','600'];_0x5c66=function(){return _0x4b0173;};return _0x5c66();}import{COLORS}from'../theme';const IconCircle=({size:size=0x28,children:_0x5adaf3})=>{const _0x1f81c7={'JiEcF':function(_0x49f031,_0x45dde0){return _0x49f031/_0x45dde0;},'OxQDB':function(_0x143213,_0x483ead){return _0x143213/_0x483ead;}};return React['createElement'](View,{'style':[styles['iconCircle'],{'width':size,'height':size,'borderRadius':_0x1f81c7[_0x3fcc(0x0)](size,0x2)}]},React[_0x3fcc(0x1)](_0x2b228b,{'colors':[COLORS[_0x3fcc(0x2)],COLORS[_0x3fcc(0x3)]],'style':[StyleSheet[_0x3fcc(0x4)],{'borderRadius':_0x1f81c7['OxQDB'](size,0x2)}],'start':{'x':0x0,'y':0x0},'end':{'x':0x0,'y':0x1}}),React[_0x3fcc(0x1)](View,{'style':styles[_0x3fcc(0x5)]},_0x5adaf3||React['createElement'](Text,{'style':styles[_0x3fcc(0x6)]},'→')));},PrimaryButton=({label:label=_0x3fcc(0x7),onPress:_0x242170,iconRight:_0x4c3388,loading:loading=![],disabled:disabled=![],testID:_0x5050c1,style:_0x200f47,textStyle:_0x5d15be})=>{const _0x3411b2={'iiMVf':function(_0x477302,_0x1ea7da){return _0x477302(_0x1ea7da);},'MSXIP':'small'},[_0xfb2e5c,_0x151ac1]=_0x3411b2['iiMVf'](useState,![]),_0x476e09=()=>_0x151ac1(!![]),_0x331bec=()=>_0x151ac1(![]);return React[_0x3fcc(0x1)](TouchableOpacity,{'style':[styles[_0x3fcc(0x8)],!disabled&&styles[_0x3fcc(0x9)],disabled&&styles['disabled'],_0x200f47],'onPress':_0x242170,'onPressIn':_0x476e09,'onPressOut':_0x331bec,'disabled':disabled||loading,'activeOpacity':0x1,'testID':_0x5050c1,'accessibilityLabel':label,'accessibilityRole':_0x3fcc(0xa)},React[_0x3fcc(0x1)](_0x2b228b,{'colors':[COLORS[_0x3fcc(0xb)],COLORS[_0x3fcc(0xc)]],'style':styles['baseGradient'],'start':{'x':0x0,'y':0x0},'end':{'x':0x0,'y':0x1}}),_0xfb2e5c&&React[_0x3fcc(0x1)](View,{'style':styles['pressedOverlay']}),React['createElement'](View,{'style':styles[_0x3fcc(0xd)]},loading?React[_0x3fcc(0x1)](ActivityIndicator,{'color':COLORS[_0x3fcc(0xe)],'size':_0x3411b2[_0x3fcc(0xf)]}):React[_0x3fcc(0x1)](Text,{'style':[styles[_0x3fcc(0x10)],_0x5d15be]},label)),React[_0x3fcc(0x1)](View,{'style':styles['iconPosition']},!loading&&(_0x4c3388||React[_0x3fcc(0x1)](IconCircle,null))));},styles=StyleSheet[_0x3fcc(0x11)]({'outerPill':{'height':0x30,'borderRadius':0x64,'borderWidth':0x1,'borderColor':COLORS[_0x3fcc(0x12)],'overflow':_0x3fcc(0x13),'width':'100%','position':_0x3fcc(0x14)},'outerShadow':{'shadowColor':_0x3fcc(0x15),'shadowOffset':{'width':0x14,'height':0x1e},'shadowOpacity':0.1,'shadowRadius':0x28,'elevation':0x8},'disabled':{'opacity':0.65,'shadowOpacity':0x0,'elevation':0x0},'baseGradient':{...StyleSheet[_0x3fcc(0x16)],'borderRadius':0x64},'pressedOverlay':{...StyleSheet[_0x3fcc(0x16)],'backgroundColor':_0x3fcc(0x17),'borderRadius':0x64},'textContainer':{'position':'absolute','left':0x0,'right':0x0,'top':0x0,'bottom':0x0,'justifyContent':_0x3fcc(0x18),'alignItems':_0x3fcc(0x18),'backgroundColor':_0x3fcc(0x19)},'iconPosition':{'position':_0x3fcc(0x1a),'right':0x4,'top':0x4,'bottom':0x4,'width':0x28,'justifyContent':_0x3fcc(0x18),'alignItems':_0x3fcc(0x18),'backgroundColor':_0x3fcc(0x19)},'label':{'fontFamily':_0x3fcc(0x1b),'fontWeight':_0x3fcc(0x1c),'fontSize':0x10,'color':COLORS[_0x3fcc(0xe)],'textAlign':'center','backgroundColor':_0x3fcc(0x19)},'iconCircle':{'justifyContent':_0x3fcc(0x18),'alignItems':'center','borderWidth':0x1,'borderColor':'rgba(0,0,0,0.25)'},'iconContent':{'justifyContent':_0x3fcc(0x18),'alignItems':_0x3fcc(0x18),'backgroundColor':_0x3fcc(0x19)},'arrowText':{'fontSize':0x14,'color':COLORS[_0x3fcc(0xe)],'fontWeight':'600','opacity':0.95,'backgroundColor':'transparent'}});export{IconCircle};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