@onairos/react-native 3.7.2 → 3.7.3

package/lib/module/components/PersonalizationConsentScreen.js

@@ -1 +1,460 @@
-import React,{useState}from'react';import{View,Text,StyleSheet,TouchableOpacity,Image,ScrollView,ActivityIndicator}from'react-native';import{COLORS}from'../theme';import{triggerHaptic,HapticType}from'../utils/haptics';function _0x22b4(){const _0x49e07b=['Enoch','svcqs','basicProfile','xOgRD','contain','Choose\x20what\x20to\x20share:','Connected\x20Platforms','Accept\x20&\x20Continue','Decline','lPTFD','SFbQX','JMdvk','LxEhY','Ajvnk','BUTTON_PRESS','values','some','createElement','scrollView','scrollContent','headerContainer','iconContainer','vXhli','arrow','enochAppIcon','titleContainer','welcomeBackText','Welcome\x20back!','title','NvcOb','kPJOv','optionsContainer','optionRow','optionLeft','grey700','grey800','yudXX','checkbox','optionText','contentAnalysis','grey400','personalityProfile','optionIcon','checkboxContainer','connectedPlatformsSection','length','connectedPlatformsIcons','connectedPlatformIconContainer','connectedPlatformIcon','connectMoreButton','pCmFW','wAhzz','connectMoreText','Connect\x20more','acceptButtonActive','acceptButtonLoading','TmcHy','Fragment','acceptButtonText','acceptButtonTextActive','gAAAA','buttonArrow','buttonArrowActive','declineButton','RQnpg','create','surface','row','center','#FFFFFF','700','grey600','IBM\x20Plex\x20Sans','Inter','400','space-between','#F8F9FA','#E5E5E5','#999999','500','grey500','underline','wrap'];_0x22b4=function(){return _0x49e07b;};return _0x22b4();}import{getPlatformIcon}from'../services/connectedAccountsService';import{BRAND_IMAGES}from'../utils/assetRegistry';import{Basicproficon,Basicprofile,Contenticon,Personalityicon,Personalitytraits,Userpreferences,Checkbox,Checkmark}from'./icons';const PersonalizationConsentScreen=({visible:_0x813599,onAccept:_0x4abc47,onDecline:_0x59167a,loading:loading=![],connectedPlatforms:connectedPlatforms=[],onConnectMore:_0x33218a,isReturningUser:isReturningUser=![],appName:appName=_0x4033(0x0),onLogout:_0x478d4d})=>{const _0x4a09be={'SFbQX':function(_0x57f120,_0x287e06){return _0x57f120(_0x287e06);},'JMdvk':function(_0xa8bf8f){return _0xa8bf8f();},'lPTFD':function(_0x164cfc,_0x310234){return _0x164cfc===_0x310234;},'ARRHK':_0x4033(0x1),'LxEhY':function(_0x3afbe2,_0x523baf){return _0x3afbe2===_0x523baf;},'DGdME':_0x4033(0x2),'Ajvnk':function(_0x4790e0,_0x155f07){return _0x4790e0(_0x155f07);},'pCmFW':function(_0x47102d,_0x318695){return _0x47102d===_0x318695;},'BZAnn':_0x4033(0x3),'vXhli':_0x4033(0x4),'NvcOb':'\x20wants\x20to\x20personalize\x20your\x20experience','kPJOv':_0x4033(0x5),'yudXX':'#4CD964','MPegl':_0x4033(0x6),'TmcHy':'#FFFFFF','gAAAA':_0x4033(0x7),'RQnpg':_0x4033(0x8)},[_0x293813,_0xdcde2b]=useState({'basicProfile':!![],'contentAnalysis':![],'personalityProfile':![]}),_0x45e01f=_0x58e2dc=>{if(_0x4a09be[_0x4033(0x9)](_0x4a09be['ARRHK'],'yCMdm'))_0x4a09be[_0x4033(0xa)](_0x27c799,_0xe08786['BUTTON_PRESS']),_0x4a09be[_0x4033(0xb)](_0x2fb6fb);else{if(_0x4a09be[_0x4033(0xc)](_0x58e2dc,_0x4a09be['DGdME']))return;_0x4a09be[_0x4033(0xd)](triggerHaptic,HapticType[_0x4033(0xe)]),_0xdcde2b(_0x3a7b88=>({..._0x3a7b88,[_0x58e2dc]:!_0x3a7b88[_0x58e2dc]}));}},_0x10e85e=Object[_0x4033(0xf)](_0x293813)[_0x4033(0x10)](_0x3b3706=>_0x3b3706);if(!_0x813599)return null;return React[_0x4033(0x11)](View,{'style':styles['container']},React[_0x4033(0x11)](ScrollView,{'style':styles[_0x4033(0x12)],'contentContainerStyle':styles[_0x4033(0x13)],'showsVerticalScrollIndicator':![]},React[_0x4033(0x11)](View,{'style':styles[_0x4033(0x14)]},React['createElement'](View,{'style':styles[_0x4033(0x15)]},React['createElement'](Image,{'source':BRAND_IMAGES['onairosLogo'],'style':styles['headerIcon'],'resizeMode':_0x4a09be[_0x4033(0x16)]})),React[_0x4033(0x11)](Text,{'style':styles[_0x4033(0x17)]},'→'),React[_0x4033(0x11)](Image,{'source':BRAND_IMAGES['enochIcon'],'style':styles[_0x4033(0x18)],'resizeMode':_0x4a09be[_0x4033(0x16)]})),React['createElement'](View,{'style':styles[_0x4033(0x19)]},isReturningUser&&React[_0x4033(0x11)](Text,{'style':styles[_0x4033(0x1a)]},_0x4033(0x1b)),React[_0x4033(0x11)](Text,{'style':styles[_0x4033(0x1c)]},appName,_0x4a09be[_0x4033(0x1d)]),React['createElement'](Text,{'style':styles['subtitle']},_0x4a09be[_0x4033(0x1e)])),React[_0x4033(0x11)](View,{'style':styles[_0x4033(0x1f)]},React[_0x4033(0x11)](TouchableOpacity,{'style':styles[_0x4033(0x20)],'onPress':()=>_0x45e01f(_0x4033(0x2))},React[_0x4033(0x11)](View,{'style':styles[_0x4033(0x21)]},React[_0x4033(0x11)](Basicproficon,{'width':0x20,'height':0x20,'fill':COLORS[_0x4033(0x22)],'style':styles['optionIcon']}),React[_0x4033(0x11)](Basicprofile,{'height':0x18,'fill':COLORS[_0x4033(0x23)],'style':styles['optionText']})),React['createElement'](View,{'style':styles['checkboxContainer']},_0x293813['basicProfile']?React[_0x4033(0x11)](Checkmark,{'width':0x18,'height':0x18,'fill':_0x4a09be[_0x4033(0x24)],'style':styles[_0x4033(0x25)]}):React[_0x4033(0x11)](Checkbox,{'width':0x18,'height':0x18,'stroke':COLORS['grey400'],'style':styles[_0x4033(0x25)]}))),React['createElement'](TouchableOpacity,{'style':styles[_0x4033(0x20)],'onPress':()=>_0x45e01f('contentAnalysis')},React['createElement'](View,{'style':styles['optionLeft']},React['createElement'](Contenticon,{'width':0x20,'height':0x20,'fill':COLORS['grey700'],'style':styles['optionIcon']}),React[_0x4033(0x11)](Userpreferences,{'height':0x18,'fill':COLORS['grey800'],'style':styles[_0x4033(0x26)]})),React[_0x4033(0x11)](View,{'style':styles['checkboxContainer']},_0x293813[_0x4033(0x27)]?React[_0x4033(0x11)](Checkmark,{'width':0x18,'height':0x18,'fill':'#4CD964','style':styles[_0x4033(0x25)]}):React[_0x4033(0x11)](Checkbox,{'width':0x18,'height':0x18,'stroke':COLORS[_0x4033(0x28)],'style':styles['checkbox']}))),React[_0x4033(0x11)](TouchableOpacity,{'style':styles[_0x4033(0x20)],'onPress':()=>_0x45e01f(_0x4033(0x29))},React[_0x4033(0x11)](View,{'style':styles[_0x4033(0x21)]},React[_0x4033(0x11)](Personalityicon,{'width':0x20,'height':0x20,'fill':COLORS['grey700'],'style':styles[_0x4033(0x2a)]}),React[_0x4033(0x11)](Personalitytraits,{'height':0x18,'fill':COLORS[_0x4033(0x23)],'style':styles['optionText']})),React['createElement'](View,{'style':styles[_0x4033(0x2b)]},_0x293813['personalityProfile']?React[_0x4033(0x11)](Checkmark,{'width':0x18,'height':0x18,'fill':_0x4a09be[_0x4033(0x24)],'style':styles[_0x4033(0x25)]}):React['createElement'](Checkbox,{'width':0x18,'height':0x18,'stroke':COLORS[_0x4033(0x28)],'style':styles[_0x4033(0x25)]})))),React[_0x4033(0x11)](View,{'style':styles[_0x4033(0x2c)]},React['createElement'](Text,{'style':styles['connectedPlatformsTitle']},_0x4a09be['MPegl']),connectedPlatforms[_0x4033(0x2d)]>0x0&&React[_0x4033(0x11)](View,{'style':styles[_0x4033(0x2e)]},connectedPlatforms['map'](_0x3cfc22=>React[_0x4033(0x11)](View,{'key':_0x3cfc22,'style':styles[_0x4033(0x2f)]},React['createElement'](Image,{'source':getPlatformIcon(_0x3cfc22),'style':styles[_0x4033(0x30)],'resizeMode':_0x4033(0x4)})))),_0x33218a&&React[_0x4033(0x11)](TouchableOpacity,{'style':styles[_0x4033(0x31)],'onPress':()=>{const _0x4a5794={'wAhzz':function(_0x40c310){return _0x40c310();}};_0x4a09be[_0x4033(0x32)](_0x4a09be['BZAnn'],_0x4033(0x3))?(_0x4a09be[_0x4033(0xd)](triggerHaptic,HapticType[_0x4033(0xe)]),_0x33218a()):(_0x55a7d7(_0x397b26[_0x4033(0xe)]),_0x4a5794[_0x4033(0x33)](_0x30d7d1));}},React[_0x4033(0x11)](Text,{'style':styles[_0x4033(0x34)]},_0x4033(0x35)),React[_0x4033(0x11)](View,{'style':styles['connectMorePlusCircle']},React[_0x4033(0x11)](Text,{'style':styles['connectMorePlus']},'+')))),React['createElement'](View,{'style':styles['buttonContainer']},React[_0x4033(0x11)](TouchableOpacity,{'style':[styles['acceptButton'],_0x10e85e&&styles[_0x4033(0x36)],loading&&styles[_0x4033(0x37)]],'onPress':()=>{!loading&&(triggerHaptic(HapticType[_0x4033(0xe)]),_0x4abc47());},'disabled':loading,'activeOpacity':loading?0x1:0.7},loading?React[_0x4033(0x11)](ActivityIndicator,{'size':'small','color':_0x4a09be[_0x4033(0x38)]}):React[_0x4033(0x11)](React[_0x4033(0x39)],null,React['createElement'](Text,{'style':[styles[_0x4033(0x3a)],_0x10e85e&&styles[_0x4033(0x3b)]]},_0x4a09be[_0x4033(0x3c)]),React['createElement'](Text,{'style':[styles[_0x4033(0x3d)],_0x10e85e&&styles[_0x4033(0x3e)]]},'→'))),React[_0x4033(0x11)](TouchableOpacity,{'style':styles[_0x4033(0x3f)],'onPress':()=>{triggerHaptic(HapticType[_0x4033(0xe)]),_0x4a09be['JMdvk'](_0x59167a);}},React[_0x4033(0x11)](Text,{'style':styles['declineButtonText']},_0x4a09be[_0x4033(0x40)])))));},styles=StyleSheet[_0x4033(0x41)]({'container':{'flex':0x1,'backgroundColor':COLORS[_0x4033(0x42)],'paddingHorizontal':0x18,'paddingTop':0x28,'paddingBottom':0x8},'headerContainer':{'flexDirection':_0x4033(0x43),'alignItems':_0x4033(0x44),'justifyContent':_0x4033(0x44),'marginBottom':0xc,'marginTop':0x0},'iconContainer':{'width':0x40,'height':0x40,'backgroundColor':_0x4033(0x45),'borderRadius':0xc,'alignItems':_0x4033(0x44),'justifyContent':_0x4033(0x44),'marginHorizontal':0x8,'shadowColor':'#000','shadowOffset':{'width':0x0,'height':0x2},'shadowOpacity':0.1,'shadowRadius':0x4,'elevation':0x2},'headerIcon':{'width':0x2a,'height':0x2a},'enochAppIcon':{'width':0x48,'height':0x48,'marginHorizontal':0x8},'enochLetter':{'fontSize':0x1c,'fontFamily':'IBM\x20Plex\x20Sans','fontWeight':_0x4033(0x46),'color':COLORS[_0x4033(0x23)]},'arrow':{'fontSize':0x18,'color':COLORS[_0x4033(0x47)],'marginHorizontal':0x10},'titleContainer':{'alignItems':_0x4033(0x44),'marginBottom':0x8},'welcomeBackText':{'fontSize':0x18,'fontFamily':'IBM\x20Plex\x20Sans','fontWeight':_0x4033(0x46),'color':COLORS['grey800'],'textAlign':_0x4033(0x44),'marginBottom':0x2},'title':{'fontSize':0x14,'fontFamily':_0x4033(0x48),'fontWeight':'600','color':COLORS['grey800'],'textAlign':_0x4033(0x44),'marginBottom':0xa},'subtitle':{'fontSize':0x10,'fontFamily':_0x4033(0x49),'fontWeight':_0x4033(0x4a),'color':COLORS['grey600'],'textAlign':_0x4033(0x44)},'scrollView':{'flex':0x1},'scrollContent':{'flexGrow':0x1},'optionsContainer':{'marginBottom':0x8},'optionRow':{'flexDirection':_0x4033(0x43),'alignItems':_0x4033(0x44),'justifyContent':_0x4033(0x4b),'paddingVertical':0xc,'paddingHorizontal':0x2,'backgroundColor':_0x4033(0x4c),'borderRadius':0xc,'marginBottom':0x6,'marginHorizontal':0x0},'optionLeft':{'flexDirection':_0x4033(0x43),'alignItems':_0x4033(0x44),'flex':0x1},'optionIcon':{'marginRight':0xc,'marginLeft':0x2,'marginTop':-0x4},'optionText':{'flex':0x1,'marginLeft':0x2},'checkboxContainer':{'paddingLeft':0x4,'paddingRight':0x2,'alignItems':_0x4033(0x44),'justifyContent':_0x4033(0x44)},'checkbox':{},'buttonContainer':{'gap':0x8,'paddingHorizontal':0x0,'paddingBottom':0x10,'marginTop':0x10},'acceptButton':{'backgroundColor':_0x4033(0x4d),'borderRadius':0x19,'paddingVertical':0xa,'paddingHorizontal':0x18,'flexDirection':'row','alignItems':'center','justifyContent':'center'},'acceptButtonActive':{'backgroundColor':'#2D3436'},'acceptButtonLoading':{'backgroundColor':'#2D3436','opacity':0.8},'acceptButtonText':{'color':_0x4033(0x4e),'fontSize':0x10,'fontFamily':_0x4033(0x49),'fontWeight':'600','marginRight':0x8},'acceptButtonTextActive':{'color':_0x4033(0x45)},'buttonArrow':{'color':_0x4033(0x4e),'fontSize':0x10},'buttonArrowActive':{'color':'#FFFFFF'},'declineButton':{'backgroundColor':_0x4033(0x4d),'borderRadius':0x19,'paddingVertical':0xa,'paddingHorizontal':0x18,'alignItems':'center','justifyContent':_0x4033(0x44)},'declineButtonText':{'color':COLORS[_0x4033(0x47)],'fontSize':0x10,'fontFamily':_0x4033(0x49),'fontWeight':_0x4033(0x4f)},'logoutButton':{'alignItems':_0x4033(0x44),'paddingVertical':0xc,'marginTop':0x8},'logoutButtonText':{'fontSize':0xe,'fontFamily':_0x4033(0x49),'fontWeight':_0x4033(0x4a),'color':COLORS[_0x4033(0x50)],'textDecorationLine':_0x4033(0x51)},'connectedPlatformsSection':{'alignItems':_0x4033(0x44),'paddingVertical':0xa,'paddingHorizontal':0x10,'backgroundColor':_0x4033(0x4c),'borderRadius':0x10,'marginBottom':0xa,'marginTop':0x10},'connectedPlatformsTitle':{'fontSize':0xf,'fontFamily':_0x4033(0x49),'fontWeight':_0x4033(0x4f),'color':COLORS[_0x4033(0x50)],'marginBottom':0xa},'connectedPlatformsIcons':{'flexDirection':_0x4033(0x43),'justifyContent':'center','alignItems':_0x4033(0x44),'flexWrap':_0x4033(0x52),'gap':0xa,'marginBottom':0xa},'connectedPlatformIconContainer':{'width':0x30,'height':0x30,'borderRadius':0xa,'backgroundColor':_0x4033(0x45),'justifyContent':_0x4033(0x44),'alignItems':_0x4033(0x44),'shadowColor':'#000','shadowOffset':{'width':0x0,'height':0x2},'shadowOpacity':0.1,'shadowRadius':0x4,'elevation':0x2},'connectedPlatformIcon':{'width':0x20,'height':0x20},'connectMoreButton':{'flexDirection':'row','alignItems':_0x4033(0x44),'justifyContent':_0x4033(0x44),'gap':0x8},'connectMoreText':{'fontSize':0x10,'fontFamily':'Inter','fontWeight':_0x4033(0x4f),'color':COLORS[_0x4033(0x50)]},'connectMorePlusCircle':{'width':0x1c,'height':0x1c,'borderRadius':0xe,'borderWidth':0x2,'borderColor':COLORS['grey400'],'justifyContent':_0x4033(0x44),'alignItems':_0x4033(0x44)},'connectMorePlus':{'fontSize':0x12,'fontWeight':_0x4033(0x4f),'color':COLORS[_0x4033(0x50)],'marginTop':-0x2}});export{PersonalizationConsentScreen};function _0x4033(_0x22b4f8,_0x40339a){_0x22b4f8=_0x22b4f8-0x0;const _0x1dd139=_0x22b4();let _0x8d3ed0=_0x1dd139[_0x22b4f8];return _0x8d3ed0;}export default PersonalizationConsentScreen;
+import React, { useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, Image, ScrollView, ActivityIndicator } from 'react-native';
+import { COLORS } from '../theme';
+import { triggerHaptic, HapticType } from '../utils/haptics';
+import { getPlatformIcon } from '../services/connectedAccountsService';
+import { BRAND_IMAGES } from '../utils/assetRegistry';
+import { Basicproficon, Basicprofile, Contenticon, Personalityicon, Personalitytraits, Userpreferences, Checkbox, Checkmark } from './icons';
+const PersonalizationConsentScreen = ({
+  visible,
+  onAccept,
+  onDecline,
+  loading = false,
+  connectedPlatforms = [],
+  onConnectMore,
+  isReturningUser = false,
+  appName = 'Enoch',
+  onLogout
+}) => {
+  const [selectedOptions, setSelectedOptions] = useState({
+    basicProfile: true,
+    contentAnalysis: false,
+    personalityProfile: false
+  });
+  const handleOptionToggle = option => {
+    // Basic profile is always on and cannot be unchecked
+    if (option === 'basicProfile') return;
+    triggerHaptic(HapticType.BUTTON_PRESS);
+    setSelectedOptions(prev => ({
+      ...prev,
+      [option]: !prev[option]
+    }));
+  };
+
+  // Check if at least one option is selected
+  const hasSelectedOptions = Object.values(selectedOptions).some(value => value);
+  if (!visible) return null;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.scrollView,
+    contentContainerStyle: styles.scrollContent,
+    showsVerticalScrollIndicator: false
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.iconContainer
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: BRAND_IMAGES.onairosLogo,
+    style: styles.headerIcon,
+    resizeMode: "contain"
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.arrow
+  }, "\u2192"), /*#__PURE__*/React.createElement(Image, {
+    source: BRAND_IMAGES.enochIcon,
+    style: styles.enochAppIcon,
+    resizeMode: "contain"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.titleContainer
+  }, isReturningUser && /*#__PURE__*/React.createElement(Text, {
+    style: styles.welcomeBackText
+  }, "Welcome back!"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, appName, " wants to personalize your experience"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, "Choose what to share:")), /*#__PURE__*/React.createElement(View, {
+    style: styles.optionsContainer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.optionRow,
+    onPress: () => handleOptionToggle('basicProfile')
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.optionLeft
+  }, /*#__PURE__*/React.createElement(Basicproficon, {
+    width: 32,
+    height: 32,
+    fill: COLORS.grey700,
+    style: styles.optionIcon
+  }), /*#__PURE__*/React.createElement(Basicprofile, {
+    height: 24,
+    fill: COLORS.grey800,
+    style: styles.optionText
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.checkboxContainer
+  }, selectedOptions.basicProfile ? /*#__PURE__*/React.createElement(Checkmark, {
+    width: 24,
+    height: 24,
+    fill: "#4CD964",
+    style: styles.checkbox
+  }) : /*#__PURE__*/React.createElement(Checkbox, {
+    width: 24,
+    height: 24,
+    stroke: COLORS.grey400,
+    style: styles.checkbox
+  }))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.optionRow,
+    onPress: () => handleOptionToggle('contentAnalysis')
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.optionLeft
+  }, /*#__PURE__*/React.createElement(Contenticon, {
+    width: 32,
+    height: 32,
+    fill: COLORS.grey700,
+    style: styles.optionIcon
+  }), /*#__PURE__*/React.createElement(Userpreferences, {
+    height: 24,
+    fill: COLORS.grey800,
+    style: styles.optionText
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.checkboxContainer
+  }, selectedOptions.contentAnalysis ? /*#__PURE__*/React.createElement(Checkmark, {
+    width: 24,
+    height: 24,
+    fill: "#4CD964",
+    style: styles.checkbox
+  }) : /*#__PURE__*/React.createElement(Checkbox, {
+    width: 24,
+    height: 24,
+    stroke: COLORS.grey400,
+    style: styles.checkbox
+  }))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.optionRow,
+    onPress: () => handleOptionToggle('personalityProfile')
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.optionLeft
+  }, /*#__PURE__*/React.createElement(Personalityicon, {
+    width: 32,
+    height: 32,
+    fill: COLORS.grey700,
+    style: styles.optionIcon
+  }), /*#__PURE__*/React.createElement(Personalitytraits, {
+    height: 24,
+    fill: COLORS.grey800,
+    style: styles.optionText
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.checkboxContainer
+  }, selectedOptions.personalityProfile ? /*#__PURE__*/React.createElement(Checkmark, {
+    width: 24,
+    height: 24,
+    fill: "#4CD964",
+    style: styles.checkbox
+  }) : /*#__PURE__*/React.createElement(Checkbox, {
+    width: 24,
+    height: 24,
+    stroke: COLORS.grey400,
+    style: styles.checkbox
+  })))), /*#__PURE__*/React.createElement(View, {
+    style: styles.connectedPlatformsSection
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.connectedPlatformsTitle
+  }, "Connected Platforms"), connectedPlatforms.length > 0 && /*#__PURE__*/React.createElement(View, {
+    style: styles.connectedPlatformsIcons
+  }, connectedPlatforms.map(platformId => /*#__PURE__*/React.createElement(View, {
+    key: platformId,
+    style: styles.connectedPlatformIconContainer
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: getPlatformIcon(platformId),
+    style: styles.connectedPlatformIcon,
+    resizeMode: "contain"
+  })))), onConnectMore && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.connectMoreButton,
+    onPress: () => {
+      triggerHaptic(HapticType.BUTTON_PRESS);
+      onConnectMore();
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.connectMoreText
+  }, "Connect more"), /*#__PURE__*/React.createElement(View, {
+    style: styles.connectMorePlusCircle
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.connectMorePlus
+  }, "+")))), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.acceptButton, hasSelectedOptions && styles.acceptButtonActive, loading && styles.acceptButtonLoading],
+    onPress: () => {
+      if (!loading) {
+        triggerHaptic(HapticType.BUTTON_PRESS);
+        onAccept();
+      }
+    },
+    disabled: loading,
+    activeOpacity: loading ? 1 : 0.7
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "small",
+    color: "#FFFFFF"
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.acceptButtonText, hasSelectedOptions && styles.acceptButtonTextActive]
+  }, "Accept & Continue"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.buttonArrow, hasSelectedOptions && styles.buttonArrowActive]
+  }, "\u2192"))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.declineButton,
+    onPress: () => {
+      triggerHaptic(HapticType.BUTTON_PRESS);
+      onDecline();
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.declineButtonText
+  }, "Decline")))));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: COLORS.surface,
+    paddingHorizontal: 24,
+    paddingTop: 40,
+    paddingBottom: 8
+  },
+  headerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: 12,
+    marginTop: 0
+  },
+  iconContainer: {
+    width: 64,
+    height: 64,
+    backgroundColor: '#FFFFFF',
+    borderRadius: 12,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginHorizontal: 8,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  headerIcon: {
+    width: 42,
+    height: 42
+  },
+  enochAppIcon: {
+    width: 72,
+    height: 72,
+    marginHorizontal: 8
+  },
+  enochLetter: {
+    fontSize: 28,
+    fontFamily: 'IBM Plex Sans',
+    fontWeight: '700',
+    color: COLORS.grey800
+  },
+  arrow: {
+    fontSize: 24,
+    color: COLORS.grey600,
+    marginHorizontal: 16
+  },
+  titleContainer: {
+    alignItems: 'center',
+    marginBottom: 8
+  },
+  welcomeBackText: {
+    fontSize: 24,
+    fontFamily: 'IBM Plex Sans',
+    fontWeight: '700',
+    color: COLORS.grey800,
+    textAlign: 'center',
+    marginBottom: 2
+  },
+  title: {
+    fontSize: 20,
+    fontFamily: 'IBM Plex Sans',
+    fontWeight: '600',
+    color: COLORS.grey800,
+    textAlign: 'center',
+    marginBottom: 10
+  },
+  subtitle: {
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: COLORS.grey600,
+    textAlign: 'center'
+  },
+  scrollView: {
+    flex: 1
+  },
+  scrollContent: {
+    flexGrow: 1
+  },
+  optionsContainer: {
+    marginBottom: 8
+  },
+  optionRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 12,
+    paddingHorizontal: 2,
+    backgroundColor: '#F8F9FA',
+    borderRadius: 12,
+    marginBottom: 6,
+    marginHorizontal: 0
+  },
+  optionLeft: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1
+  },
+  optionIcon: {
+    marginRight: 12,
+    marginLeft: 2,
+    marginTop: -4
+  },
+  optionText: {
+    flex: 1,
+    marginLeft: 2
+  },
+  checkboxContainer: {
+    paddingLeft: 4,
+    paddingRight: 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  checkbox: {
+    // SVG components handle their own sizing
+  },
+  buttonContainer: {
+    gap: 8,
+    paddingHorizontal: 0,
+    paddingBottom: 16,
+    marginTop: 16
+  },
+  acceptButton: {
+    backgroundColor: '#E5E5E5',
+    borderRadius: 25,
+    paddingVertical: 10,
+    paddingHorizontal: 24,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  acceptButtonActive: {
+    backgroundColor: '#2D3436'
+  },
+  acceptButtonLoading: {
+    backgroundColor: '#2D3436',
+    opacity: 0.8
+  },
+  acceptButtonText: {
+    color: '#999999',
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    marginRight: 8
+  },
+  acceptButtonTextActive: {
+    color: '#FFFFFF'
+  },
+  buttonArrow: {
+    color: '#999999',
+    fontSize: 16
+  },
+  buttonArrowActive: {
+    color: '#FFFFFF'
+  },
+  declineButton: {
+    backgroundColor: '#E5E5E5',
+    borderRadius: 25,
+    paddingVertical: 10,
+    paddingHorizontal: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  declineButtonText: {
+    color: COLORS.grey600,
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '500'
+  },
+  logoutButton: {
+    alignItems: 'center',
+    paddingVertical: 12,
+    marginTop: 8
+  },
+  logoutButtonText: {
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: COLORS.grey500,
+    textDecorationLine: 'underline'
+  },
+  connectedPlatformsSection: {
+    alignItems: 'center',
+    paddingVertical: 10,
+    paddingHorizontal: 16,
+    backgroundColor: '#F8F9FA',
+    borderRadius: 16,
+    marginBottom: 10,
+    marginTop: 16
+  },
+  connectedPlatformsTitle: {
+    fontSize: 15,
+    fontFamily: 'Inter',
+    fontWeight: '500',
+    color: COLORS.grey500,
+    marginBottom: 10
+  },
+  connectedPlatformsIcons: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexWrap: 'wrap',
+    gap: 10,
+    marginBottom: 10
+  },
+  connectedPlatformIconContainer: {
+    width: 48,
+    height: 48,
+    borderRadius: 10,
+    backgroundColor: '#FFFFFF',
+    justifyContent: 'center',
+    alignItems: 'center',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  connectedPlatformIcon: {
+    width: 32,
+    height: 32
+  },
+  connectMoreButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8
+  },
+  connectMoreText: {
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '500',
+    color: COLORS.grey500
+  },
+  connectMorePlusCircle: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    borderWidth: 2,
+    borderColor: COLORS.grey400,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  connectMorePlus: {
+    fontSize: 18,
+    fontWeight: '500',
+    color: COLORS.grey500,
+    marginTop: -2
+  }
+});
+export { PersonalizationConsentScreen };
+export default PersonalizationConsentScreen;
+//# sourceMappingURL=PersonalizationConsentScreen.js.map