@onairos/react-native 3.7.1 → 3.7.3

package/lib/module/components/OnairosButton.js

@@ -1 +1,305 @@
-import React,{useState,useCallback,forwardRef,useImperativeHandle,useEffect}from'react';function _0x4633(_0x5ad732,_0x4633e7){_0x5ad732=_0x5ad732-0x0;const _0x471f09=_0x5ad7();let _0x19e67b=_0x471f09[_0x5ad732];return _0x19e67b;}import{TouchableOpacity,Text,StyleSheet,View,ActivityIndicator,Dimensions,Image,Alert}from'react-native';import _0x503cde from'react-native-linear-gradient';import{UniversalOnboarding}from'./UniversalOnboarding';import _0x46acfd from'./WelcomeScreen';import{isApiKeyInitialized,getApiConfig}from'../services/apiKeyService';import{BRAND_IMAGES}from'../utils/assetRegistry';const {width}=Dimensions['get'](_0x4633(0x0));export const OnairosButton=forwardRef(({AppName:_0x818f5a,buttonType:buttonType=_0x4633(0x1),buttonWidth:buttonWidth=0xb4,buttonHeight:buttonHeight=0x30,hasStroke:hasStroke=![],enabled:enabled=!![],buttonForm:buttonForm=_0x4633(0x2),onResolved:_0x54c364,onRejection:_0x56941d,preCheck:_0x5724a1,color:color=_0x4633(0x3),swerv:swerv=![],darkMode:darkMode=![],returnLink:_0x209755,preferredPlatform:_0x177ec3,autoFetch:autoFetch=![],inferenceData:_0x5d16a7,textLayout:textLayout=_0x4633(0x4),textColor:textColor='black',proofMode:proofMode=![],webpageName:_0x339370,debug:debug=![],testMode:testMode=![],requestData:_0x5b5406,onPress:_0x3a18a0,primaryAuthOnly:primaryAuthOnly=![],useNewWelcomeFlow:useNewWelcomeFlow=![]},_0x49b2fb)=>{const _0x2734cb={'dUfeK':_0x4633(0x5),'hhuzO':function(_0x5e0ceb){return _0x5e0ceb();},'hNHOk':function(_0x4ea3db,_0x14a2c2){return _0x4ea3db!==_0x14a2c2;},'opZnc':'opgig','UWyJC':function(_0x1d2221){return _0x1d2221();},'ofZDi':'Connect\x20Onairos','rcPgj':_0x4633(0x6),'HJUkv':function(_0x553513,_0x493303){return _0x553513===_0x493303;},'Ebgde':_0x4633(0x7),'CMrsT':_0x4633(0x8),'LOIkB':function(_0xc20478,_0x6796d7){return _0xc20478||_0x6796d7;},'tbHWm':function(_0xe97d2c,_0x56de85){return _0xe97d2c(_0x56de85);},'mXvfW':_0x4633(0x9),'jGaej':'UaFNb','iEXjJ':_0x4633(0xa),'eBQAJ':'The\x20Onairos\x20SDK\x20requires\x20initialization\x20with\x20a\x20valid\x20API\x20key.\x0a\x0aDevelopers:\x20Please\x20call\x20initializeApiKey()\x20before\x20using\x20OnairosButton.','tAFbu':function(_0x22808a){return _0x22808a();},'dzFWJ':function(_0x3c7f1d,_0x554290){return _0x3c7f1d!==_0x554290;},'SfCIJ':_0x4633(0xb),'mekTD':_0x4633(0xc),'cDqpM':function(_0x1165bd,_0x41aa05){return _0x1165bd+_0x41aa05;},'HrWIt':function(_0x423ff5,_0x1cc61f){return _0x423ff5===_0x1cc61f;},'dgsiW':function(_0x3ae2f8,_0x219c8c){return _0x3ae2f8===_0x219c8c;},'oZVbN':function(_0x29cbe8){return _0x29cbe8();},'PUUTq':_0x4633(0xd),'dtOeQ':function(_0x12dcd2,_0x6c3f62){return _0x12dcd2===_0x6c3f62;},'zkKNo':function(_0x247a83,_0xd2f825){return _0x247a83(_0xd2f825);},'IreuO':_0x4633(0xe),'ZpSbH':_0x4633(0xf),'zcDrr':_0x4633(0x10),'RtAaL':function(_0x203924,_0x44ccea){return _0x203924===_0x44ccea;},'xysNJ':function(_0x4af902,_0x1fb670){return _0x4af902(_0x1fb670);},'RGSyb':function(_0x7fd202,_0x4fd713){return _0x7fd202 instanceof _0x4fd713;},'OdLGF':_0x4633(0x11),'jqeYz':function(_0x57d51c,_0x185945){return _0x57d51c(_0x185945);},'PiMhW':_0x4633(0x12),'tZFsu':'Sign\x20up\x20with\x20Onairos','IflkD':function(_0x5a2522,_0x8c2d6a,_0x317225){return _0x5a2522(_0x8c2d6a,_0x317225);},'zjGuI':function(_0x5dfca1){return _0x5dfca1();},'MpJfW':'[OnairosButton]\x20handleOnboardingClose:\x20Setting\x20showOnboarding\x20to\x20false.','qxnPc':function(_0x529dff,_0xf3f6cd){return _0x529dff(_0xf3f6cd);},'CeYuH':_0x4633(0x13),'peccS':_0x4633(0x14),'gRAha':function(_0x4fabd4,_0x1c15e8,_0xaeeee2){return _0x4fabd4(_0x1c15e8,_0xaeeee2);},'VNQkR':function(_0x2afddd,_0x4d3dea,_0xb3a01b){return _0x2afddd(_0x4d3dea,_0xb3a01b);},'ADoHG':'[OnairosButton]\x20Rendering\x20JSX\x20with\x20props:','zxeyg':function(_0x29ed0a,_0x5c713e){return _0x29ed0a===_0x5c713e;},'egzGa':_0x4633(0x15),'kOyBM':'#f5e7c1','fWvWM':_0x4633(0x16),'Icxpj':_0x4633(0x17),'hqQcp':_0x4633(0x18),'Qxqfr':_0x4633(0x19),'LobDK':_0x4633(0x1a),'swOGo':function(_0x5ac087,_0x11e6da){return _0x5ac087||_0x11e6da;},'fDATd':_0x4633(0x1b),'RbLQL':_0x4633(0x1c),'SWRnj':_0x4633(0x1d),'UZDpR':_0x4633(0x1e),'WuSGe':_0x4633(0x1f),'tsuOR':_0x4633(0x20),'hlyWg':'Premium\x20tier','rynAp':_0x4633(0x21),'nzdnZ':_0x4633(0x22)},[_0x44383a,_0x184bc7]=_0x2734cb[_0x4633(0x23)](useState,![]),[_0x2983fe,_0x4a27e0]=useState(![]),[_0x35d235,_0x4da649]=useState(![]);console[_0x4633(0x24)](_0x2734cb[_0x4633(0x25)],_0x35d235),_0x2734cb[_0x4633(0x26)](useEffect,()=>{console['log'](_0x2734cb[_0x4633(0x27)],_0x35d235);},[_0x35d235]),_0x2734cb[_0x4633(0x26)](useImperativeHandle,_0x49b2fb,()=>({'trigger':async()=>{return await _0x2734cb[_0x4633(0x28)](_0x355f0e),Promise['resolve']();},'reset':async()=>{const _0x10e05c={'REVFT':_0x4633(0x5)};if(_0x2734cb['hNHOk'](_0x2734cb[_0x4633(0x29)],_0x2734cb[_0x4633(0x29)]))_0x221822[_0x4633(0x24)](_0x10e05c[_0x4633(0x2a)],_0x3e8c63);else return Promise['resolve']();}}));const _0x355f0e=async()=>{const _0x12777c={'yehFE':_0x2734cb[_0x4633(0x2b)],'fDkZk':_0x2734cb[_0x4633(0x2c)],'jtAvD':_0x4633(0x2d),'YOeNf':_0x4633(0x2e)};if(_0x2734cb['HJUkv'](_0x2734cb[_0x4633(0x2f)],_0x2734cb[_0x4633(0x2f)])){console['log'](_0x2734cb[_0x4633(0x30)]);if(_0x2734cb[_0x4633(0x31)](!enabled,_0x44383a))return;_0x2734cb[_0x4633(0x32)](_0x184bc7,!![]);try{if(_0x2734cb['hNHOk']('qhzCn',_0x2734cb[_0x4633(0x33)])){if(!_0x2734cb[_0x4633(0x34)](isApiKeyInitialized)){const _0x272306=_0x4633(0x35);console[_0x4633(0x36)](_0x4633(0x37),_0x272306);if(_0x56941d){if(_0x2734cb[_0x4633(0x38)](_0x2734cb[_0x4633(0x39)],_0x2734cb[_0x4633(0x39)]))_0x56941d(_0x272306);else return _0x12ba62[_0x4633(0x3a)]();}else Alert[_0x4633(0x3b)](_0x2734cb['iEXjJ'],_0x2734cb['eBQAJ'],[{'text':'OK'}]);_0x2734cb[_0x4633(0x32)](_0x184bc7,![]);return;}const _0x4b131f=_0x2734cb[_0x4633(0x3c)](getApiConfig);if(debug){if(_0x2734cb['dzFWJ'](_0x2734cb[_0x4633(0x3d)],_0x2734cb[_0x4633(0x3d)]))switch(_0x47baed){case _0x4633(0x12):return _0x12777c['yehFE'];case _0x12777c[_0x4633(0x3e)]:return _0x12777c[_0x4633(0x3f)];case _0x4633(0x40):return _0x12777c[_0x4633(0x41)];default:return _0x4633(0x42);}else{var _0x303c71;console[_0x4633(0x24)](_0x2734cb[_0x4633(0x43)],_0x2734cb[_0x4633(0x44)](_0x2734cb[_0x4633(0x45)](_0x4b131f,null)||_0x4b131f===void 0x0||(_0x303c71=_0x4b131f[_0x4633(0x46)])===null||_0x2734cb[_0x4633(0x47)](_0x303c71,void 0x0)?void 0x0:_0x303c71[_0x4633(0x48)](0x0,0x8),'...'));}}if(_0x5724a1){const _0x3addc3=await _0x2734cb[_0x4633(0x49)](_0x5724a1);if(!_0x3addc3){console['log'](_0x2734cb[_0x4633(0x4a)]),_0x2734cb['dtOeQ'](_0x56941d,null)||_0x2734cb[_0x4633(0x47)](_0x56941d,void 0x0)||_0x2734cb[_0x4633(0x23)](_0x56941d,_0x2734cb[_0x4633(0x4b)]),_0x2734cb[_0x4633(0x32)](_0x184bc7,![]);return;}}console[_0x4633(0x24)](_0x2734cb[_0x4633(0x4c)]),_0x2734cb[_0x4633(0x23)](_0x4da649,!![]),_0x2734cb['zkKNo'](_0x184bc7,![]);}else _0x36867b(_0x108007,_0x38363c);}catch(_0x385613){console[_0x4633(0x36)](_0x2734cb[_0x4633(0x4d)],_0x385613),_0x56941d===null||_0x2734cb['RtAaL'](_0x56941d,void 0x0)||_0x2734cb['xysNJ'](_0x56941d,_0x2734cb[_0x4633(0x4e)](_0x385613,Error)?_0x385613['message']:_0x2734cb[_0x4633(0x4f)]),_0x2734cb[_0x4633(0x50)](_0x184bc7,![]);}}else _0x2734cb[_0x4633(0x34)](_0x1bbf39);},_0x416366=()=>{switch(buttonForm){case _0x2734cb[_0x4633(0x51)]:return _0x4633(0x42);case _0x2734cb[_0x4633(0x2c)]:return'Sign\x20in\x20with\x20Onairos';case'signup':return _0x2734cb[_0x4633(0x52)];default:return'Connect\x20Onairos';}},_0x26208f=_0x2734cb[_0x4633(0x53)](useCallback,(_0x7a3edb,_0x4ff85a)=>{console[_0x4633(0x24)](_0x4633(0x54)),_0x2734cb[_0x4633(0x23)](_0x4da649,![]),_0x54c364&&_0x2734cb[_0x4633(0x55)](_0x54c364,_0x7a3edb,_0x4ff85a),_0x3a18a0&&_0x2734cb[_0x4633(0x56)](_0x3a18a0);},[_0x54c364,_0x3a18a0]),_0x41ae5c=useCallback(()=>{console[_0x4633(0x24)](_0x2734cb[_0x4633(0x57)]),_0x2734cb[_0x4633(0x23)](_0x4da649,![]),_0x56941d&&_0x2734cb[_0x4633(0x58)](_0x56941d,_0x2734cb[_0x4633(0x59)]);},[_0x56941d]);return console[_0x4633(0x24)](_0x2734cb[_0x4633(0x5a)],{'AppName':_0x818f5a,'buttonType':buttonType,'buttonWidth':buttonWidth,'buttonHeight':buttonHeight,'hasStroke':hasStroke,'enabled':enabled,'buttonForm':buttonForm,'onResolved':_0x54c364,'onRejection':_0x56941d,'preCheck':_0x5724a1,'color':color,'swerv':swerv,'darkMode':darkMode,'returnLink':_0x209755,'preferredPlatform':_0x177ec3,'autoFetch':autoFetch,'inferenceData':_0x5d16a7,'textLayout':textLayout,'textColor':textColor,'proofMode':proofMode,'webpageName':_0x339370,'debug':debug,'testMode':testMode,'requestData':_0x5b5406,'onPress':_0x3a18a0,'primaryAuthOnly':primaryAuthOnly,'useNewWelcomeFlow':useNewWelcomeFlow}),React[_0x4633(0x5b)](React[_0x4633(0x5c)],null,React['createElement'](View,null,React['createElement'](TouchableOpacity,{'style':[styles['button'],_0x2734cb[_0x4633(0x5d)](buttonType,_0x2734cb[_0x4633(0x5e)])&&styles[_0x4633(0x5f)],hasStroke&&styles['strokedButton'],{'width':buttonWidth,'height':buttonHeight},swerv&&styles[_0x4633(0x60)],!enabled&&styles['disabledButton']],'onPress':_0x355f0e,'disabled':!enabled||_0x44383a,'onPressIn':()=>_0x4a27e0(!![]),'onPressOut':()=>_0x4a27e0(![])},React[_0x4633(0x5b)](_0x503cde,{'colors':[_0x2734cb[_0x4633(0x61)],_0x4633(0x62),_0x2734cb[_0x4633(0x63)]],'start':{'x':0x0,'y':0x0},'end':{'x':0x1,'y':0x0},'style':{'position':_0x2734cb[_0x4633(0x64)],'left':0x0,'right':0x0,'top':0x0,'bottom':0x0,'borderRadius':_0x2734cb[_0x4633(0x47)](buttonType,_0x2734cb['egzGa'])?0x18:0x8}}),_0x44383a?React[_0x4633(0x5b)](ActivityIndicator,{'size':_0x2734cb[_0x4633(0x65)],'color':_0x2734cb[_0x4633(0x66)]}):React[_0x4633(0x5b)](View,{'style':styles[_0x4633(0x67)]},React[_0x4633(0x5b)](View,{'style':styles['logoContainer']},React['createElement'](Image,{'source':BRAND_IMAGES[_0x4633(0x68)],'style':styles[_0x4633(0x69)],'resizeMode':_0x2734cb[_0x4633(0x6a)]})),React[_0x4633(0x5b)](Text,{'style':[styles[_0x4633(0x6b)],{'color':_0x2734cb[_0x4633(0x66)]}]},_0x416366())))),useNewWelcomeFlow?React['createElement'](_0x46acfd,{'visible':_0x35d235,'onClose':_0x41ae5c,'onComplete':_0x26208f}):React[_0x4633(0x5b)](UniversalOnboarding,{'visible':_0x35d235,'onClose':_0x41ae5c,'AppName':_0x818f5a,'requestData':_0x2734cb[_0x4633(0x6c)](_0x5b5406,{'Small':{'type':_0x4633(0x6d),'descriptions':_0x2734cb['fDATd'],'reward':_0x2734cb[_0x4633(0x6e)]},'Medium':{'type':_0x2734cb[_0x4633(0x6f)],'descriptions':_0x2734cb[_0x4633(0x70)],'reward':_0x2734cb[_0x4633(0x71)]},'Large':{'type':_0x2734cb[_0x4633(0x72)],'descriptions':_0x2734cb[_0x4633(0x73)],'reward':_0x2734cb[_0x4633(0x74)]}}),'returnLink':_0x2734cb['LOIkB'](_0x209755,_0x2734cb[_0x4633(0x75)]),'onComplete':_0x26208f,'debug':debug,'test':testMode,'preferredPlatform':_0x177ec3,'primaryAuthOnly':primaryAuthOnly}));});const styles=StyleSheet[_0x4633(0x76)]({'button':{'flexDirection':_0x4633(0x77),'alignItems':_0x4633(0x78),'justifyContent':_0x4633(0x78),'paddingVertical':0xc,'paddingHorizontal':0x10,'borderRadius':0x8,'shadowColor':'#000','shadowOffset':{'width':0x0,'height':0x2},'shadowOpacity':0.2,'shadowRadius':0x4,'elevation':0x3,'overflow':_0x4633(0x79)},'buttonContent':{'flexDirection':_0x4633(0x77),'alignItems':'center','justifyContent':'center'},'logoContainer':{'width':0x18,'height':0x18,'alignItems':_0x4633(0x78),'justifyContent':_0x4633(0x78),'marginRight':0x4},'logoText':{'color':_0x4633(0x62),'fontWeight':_0x4633(0x7a),'fontSize':0xe},'logoImage':{'width':0x14,'height':0x14},'pillButton':{'borderRadius':0x18},'strokedButton':{'backgroundColor':_0x4633(0x7b),'borderWidth':0x1},'swervButton':{'transform':[{'rotate':_0x4633(0x7c)}]},'disabledButton':{'opacity':0.6},'buttonText':{'fontSize':0x10,'fontWeight':_0x4633(0x7d),'textAlign':'center'}});function _0x5ad7(){const _0x318617=['window','normal','default','#1BA9D4','right','[OnairosButton]\x20LogEffect:\x20showOnboarding\x20state\x20changed\x20to:','login','yopNS','[OnairosButton]\x20handlePress\x20called.','bTIrj','SDK\x20Not\x20Initialized','txFnm','[OnairosButton]\x20SDK\x20initialized\x20with\x20API\x20key:','[OnairosButton]\x20Precheck\x20failed.\x20Setting\x20showOnboarding\x20to\x20false\x20(indirectly,\x20by\x20not\x20setting\x20to\x20true).','Precheck\x20validation\x20failed','[OnairosButton]\x20handlePress:\x20Setting\x20showOnboarding\x20to\x20true.','[OnairosButton]\x20Error\x20in\x20handlePress:','Unknown\x20error','connect','User\x20closed\x20onboarding','[OnairosButton]\x20Initializing.\x20Initial\x20showOnboarding:','pill','#8B6914','absolute','small','#FFFFFF','contain','Basic\x20tier','Free\x20access','Medium','Standard\x20tier','Premium\x20features','Large','Full\x20personalization','onairosevents://auth/callback','zkKNo','log','peccS','gRAha','dUfeK','hhuzO','opZnc','REVFT','ofZDi','rcPgj','Sign\x20in\x20with\x20Onairos','Sign\x20up\x20with\x20Onairos','Ebgde','CMrsT','LOIkB','tbHWm','mXvfW','UWyJC','Onairos\x20SDK\x20not\x20initialized.\x20Developers\x20must\x20call\x20initializeApiKey()\x20with\x20a\x20valid\x20API\x20key\x20before\x20using\x20SDK\x20components.\x20Get\x20your\x20API\x20key\x20from\x20https://dashboard.onairos.uk','error','❌\x20[OnairosButton]\x20SDK\x20NOT\x20INITIALIZED:','HJUkv','jGaej','resolve','alert','tAFbu','SfCIJ','fDkZk','jtAvD','signup','YOeNf','Connect\x20Onairos','mekTD','cDqpM','HrWIt','apiKey','dgsiW','substring','oZVbN','PUUTq','IreuO','ZpSbH','zcDrr','RGSyb','OdLGF','jqeYz','PiMhW','tZFsu','VNQkR','[OnairosButton]\x20handleOnboardingComplete:\x20Setting\x20showOnboarding\x20to\x20false.','IflkD','zjGuI','MpJfW','qxnPc','CeYuH','ADoHG','createElement','Fragment','zxeyg','egzGa','pillButton','swervButton','kOyBM','#C7A047','fWvWM','Icxpj','hqQcp','Qxqfr','buttonContent','onairosLogoAlt','logoImage','LobDK','buttonText','swOGo','Small','RbLQL','SWRnj','UZDpR','WuSGe','tsuOR','hlyWg','rynAp','nzdnZ','create','row','center','hidden','bold','transparent','-2deg','600'];_0x5ad7=function(){return _0x318617;};return _0x5ad7();}export default OnairosButton;
+import React, { useState, useCallback, forwardRef, useImperativeHandle, useEffect } from 'react';
+import { TouchableOpacity, Text, StyleSheet, View, ActivityIndicator, Dimensions, Image, Alert } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import { UniversalOnboarding } from './UniversalOnboarding';
+import WelcomeScreen from './WelcomeScreen';
+import { isApiKeyInitialized, getApiConfig } from '../services/apiKeyService';
+import { BRAND_IMAGES } from '../utils/assetRegistry';
+const {
+  width
+} = Dimensions.get('window');
+export const OnairosButton = /*#__PURE__*/forwardRef(({
+  AppName,
+  buttonType = 'normal',
+  buttonWidth = 180,
+  buttonHeight = 48,
+  hasStroke = false,
+  enabled = true,
+  buttonForm = 'default',
+  onResolved,
+  onRejection,
+  preCheck,
+  color = '#1BA9D4',
+  swerv = false,
+  darkMode = false,
+  returnLink,
+  preferredPlatform,
+  autoFetch = false,
+  inferenceData,
+  textLayout = 'right',
+  textColor = 'black',
+  proofMode = false,
+  webpageName,
+  debug = false,
+  testMode = false,
+  requestData,
+  onPress,
+  primaryAuthOnly = false,
+  useNewWelcomeFlow = false
+}, ref) => {
+  const [isLoading, setIsLoading] = useState(false);
+  const [isPressed, setIsPressed] = useState(false);
+  const [showOnboarding, setShowOnboarding] = useState(false);
+  console.log('[OnairosButton] Initializing. Initial showOnboarding:', showOnboarding);
+  useEffect(() => {
+    console.log('[OnairosButton] LogEffect: showOnboarding state changed to:', showOnboarding);
+  }, [showOnboarding]);
+
+  // Expose methods via ref
+  useImperativeHandle(ref, () => ({
+    trigger: async () => {
+      await handlePress();
+      return Promise.resolve();
+    },
+    reset: async () => {
+      return Promise.resolve();
+    }
+  }));
+  const handlePress = async () => {
+    console.log('[OnairosButton] handlePress called.');
+    if (!enabled || isLoading) return;
+    setIsLoading(true);
+    try {
+      // 🔒 CRITICAL: Check if SDK is properly initialized with valid API key
+      if (!isApiKeyInitialized()) {
+        const errorMessage = 'Onairos SDK not initialized. Developers must call initializeApiKey() with a valid API key before using SDK components. Get your API key from https://dashboard.onairos.uk';
+        console.error('❌ [OnairosButton] SDK NOT INITIALIZED:', errorMessage);
+        if (onRejection) {
+          onRejection(errorMessage);
+        } else {
+          Alert.alert('SDK Not Initialized', 'The Onairos SDK requires initialization with a valid API key.\n\nDevelopers: Please call initializeApiKey() before using OnairosButton.', [{
+            text: 'OK'
+          }]);
+        }
+        setIsLoading(false);
+        return;
+      }
+
+      // Log API key status for debugging
+      const config = getApiConfig();
+      if (debug) {
+        var _config$apiKey;
+        console.log('[OnairosButton] SDK initialized with API key:', (config === null || config === void 0 || (_config$apiKey = config.apiKey) === null || _config$apiKey === void 0 ? void 0 : _config$apiKey.substring(0, 8)) + '...');
+      }
+      if (preCheck) {
+        const shouldProceed = await preCheck();
+        if (!shouldProceed) {
+          console.log('[OnairosButton] Precheck failed. Setting showOnboarding to false (indirectly, by not setting to true).');
+          onRejection === null || onRejection === void 0 || onRejection('Precheck validation failed');
+          setIsLoading(false);
+          return;
+        }
+      }
+      console.log('[OnairosButton] handlePress: Setting showOnboarding to true.');
+      setShowOnboarding(true);
+      setIsLoading(false);
+    } catch (error) {
+      console.error('[OnairosButton] Error in handlePress:', error);
+      onRejection === null || onRejection === void 0 || onRejection(error instanceof Error ? error.message : 'Unknown error');
+      setIsLoading(false);
+    }
+  };
+
+  // Compute button text based on buttonForm
+  const getButtonText = () => {
+    switch (buttonForm) {
+      case 'connect':
+        return 'Connect Onairos';
+      case 'login':
+        return 'Sign in with Onairos';
+      case 'signup':
+        return 'Sign up with Onairos';
+      default:
+        return 'Connect Onairos';
+    }
+  };
+
+  // Handle onboarding completion
+  const handleOnboardingComplete = useCallback((token, email) => {
+    console.log('[OnairosButton] handleOnboardingComplete: Setting showOnboarding to false.');
+    setShowOnboarding(false);
+    if (onResolved) {
+      // Call onResolved with the token and email
+      onResolved(token, email);
+    }
+    if (onPress) {
+      onPress();
+    }
+  }, [onResolved, onPress]);
+
+  // Handle onboarding close
+  const handleOnboardingClose = useCallback(() => {
+    console.log('[OnairosButton] handleOnboardingClose: Setting showOnboarding to false.');
+    setShowOnboarding(false);
+    if (onRejection) {
+      onRejection('User closed onboarding');
+    }
+  }, [onRejection]);
+  console.log('[OnairosButton] Rendering JSX with props:', {
+    AppName,
+    buttonType,
+    buttonWidth,
+    buttonHeight,
+    hasStroke,
+    enabled,
+    buttonForm,
+    onResolved,
+    onRejection,
+    preCheck,
+    color,
+    swerv,
+    darkMode,
+    returnLink,
+    preferredPlatform,
+    autoFetch,
+    inferenceData,
+    textLayout,
+    textColor,
+    proofMode,
+    webpageName,
+    debug,
+    testMode,
+    requestData,
+    onPress,
+    primaryAuthOnly,
+    useNewWelcomeFlow
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.button, buttonType === 'pill' && styles.pillButton, hasStroke && styles.strokedButton, {
+      width: buttonWidth,
+      height: buttonHeight
+    }, swerv && styles.swervButton, !enabled && styles.disabledButton],
+    onPress: handlePress,
+    disabled: !enabled || isLoading,
+    onPressIn: () => setIsPressed(true),
+    onPressOut: () => setIsPressed(false)
+  }, /*#__PURE__*/React.createElement(LinearGradient, {
+    colors: ['#f5e7c1', '#C7A047', '#8B6914'],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: {
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0,
+      borderRadius: buttonType === 'pill' ? 24 : 8
+    }
+  }), isLoading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "small",
+    color: "#FFFFFF"
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContent
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.logoContainer
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: BRAND_IMAGES.onairosLogoAlt,
+    style: styles.logoImage,
+    resizeMode: "contain"
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.buttonText, {
+      color: '#FFFFFF'
+    }]
+  }, getButtonText())))), useNewWelcomeFlow ? /*#__PURE__*/React.createElement(WelcomeScreen, {
+    visible: showOnboarding,
+    onClose: handleOnboardingClose,
+    onComplete: handleOnboardingComplete
+  }) : /*#__PURE__*/React.createElement(UniversalOnboarding, {
+    visible: showOnboarding,
+    onClose: handleOnboardingClose,
+    AppName: AppName,
+    requestData: requestData || {
+      Small: {
+        type: 'Small',
+        descriptions: 'Basic tier',
+        reward: 'Free access'
+      },
+      Medium: {
+        type: 'Medium',
+        descriptions: 'Standard tier',
+        reward: 'Premium features'
+      },
+      Large: {
+        type: 'Large',
+        descriptions: 'Premium tier',
+        reward: 'Full personalization'
+      }
+    },
+    returnLink: returnLink || 'onairosevents://auth/callback',
+    onComplete: handleOnboardingComplete,
+    debug: debug,
+    test: testMode,
+    preferredPlatform: preferredPlatform,
+    primaryAuthOnly: primaryAuthOnly
+  }));
+});
+const styles = StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 4,
+    elevation: 3,
+    overflow: 'hidden'
+  },
+  buttonContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  logoContainer: {
+    width: 24,
+    height: 24,
+    // borderRadius: 12, // Removed to eliminate circle shape
+    // backgroundColor: '#FFFFFF', // Removed to eliminate white background
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 4
+  },
+  logoText: {
+    color: '#C7A047',
+    fontWeight: 'bold',
+    fontSize: 14
+  },
+  logoImage: {
+    width: 20,
+    height: 20
+  },
+  pillButton: {
+    borderRadius: 24
+  },
+  strokedButton: {
+    backgroundColor: 'transparent',
+    borderWidth: 1
+  },
+  swervButton: {
+    transform: [{
+      rotate: '-2deg'
+    }]
+  },
+  disabledButton: {
+    opacity: 0.6
+  },
+  buttonText: {
+    fontSize: 16,
+    fontWeight: '600',
+    textAlign: 'center'
+  }
+});
+export default OnairosButton;
+//# sourceMappingURL=OnairosButton.js.map

package/lib/module/components/OnairosSignInButton.js

@@ -1 +1,121 @@
-import React,{useState,useCallback}from'react';import{TouchableOpacity,Text,StyleSheet,View,Image}from'react-native';import AsyncStorage from'@react-native-async-storage/async-storage';import _0x8a2da0 from'./WelcomeScreen';function _0x4975(_0x4efd29,_0x4975e6){_0x4efd29=_0x4efd29-0x0;const _0x5e0b79=_0x4efd();let _0x22cabd=_0x5e0b79[_0x4efd29];return _0x22cabd;}import{triggerHaptic,HapticType}from'../utils/haptics';import{BRAND_IMAGES}from'../utils/assetRegistry';function _0x4efd(){const _0x455547=['#D4A536','#000','🔑\x20Received\x20JWT\x20token\x20from\x20WelcomeScreen,\x20completing\x20sign-in','user_email','🔑\x20OnairosSignInButton:\x20Returning\x20token\x20with\x20email:','TtPbF','🔍\x20OnairosSignInButton:\x20Is\x20JWT\x20token?','lDhdU','HvOay','🔘\x20OnairosSignInButton\x20pressed,\x20showing\x20WelcomeScreen','contain','Sign\x20in\x20with\x20Onairos','ZGamn','RHWdw','gsnty','WEhcG','getItem','upVlh','log','🔑\x20OnairosSignInButton:\x20Returning\x20JWT\x20token\x20with\x20email:','VBrTP','aCmRn','kZrMb','🔍\x20OnairosSignInButton:\x20handleWelcomeComplete\x20called\x20with:','includes','split','cINFt','wCgJO','User\x20closed\x20welcome\x20screen','then','QjIXB','CHLSj','rSzcM','DJeps','container','createElement','button','sNGMO','DDcYP','xxVtO','wirOM','rxdNE','BUTTON_PRESS','zgOwJ','contentRow','onairosLogoAlt','logo','fprLy','Onairos\x20logo','eTcxT','create','center','600'];_0x4efd=function(){return _0x455547;};return _0x4efd();}export const OnairosSignInButton=({AppName:_0x10bedb,buttonWidth:buttonWidth=0x118,buttonHeight:buttonHeight=0x2c,color:color=_0x4975(0x0),textColor:textColor=_0x4975(0x1),onResolved:_0x3f89ea,onRejection:_0x4fe94b,autoFocusEmailInput:autoFocusEmailInput=!![]})=>{const _0x59ccf1={'unTjF':_0x4975(0x2),'upVlh':_0x4975(0x3),'aCmRn':'🔑\x20Received\x20placeholder\x20token\x20from\x20WelcomeScreen,\x20completing\x20sign-in','rSzcM':_0x4975(0x4),'kZrMb':function(_0x33cd79,_0x3cb872,_0x58eb96){return _0x33cd79(_0x3cb872,_0x58eb96);},'QjIXB':function(_0x4168b8,_0x279f47){return _0x4168b8||_0x279f47;},'gsnty':function(_0x5b9557,_0x34a45f){return _0x5b9557(_0x34a45f);},'WEhcG':function(_0x207082,_0x3b929c){return _0x207082===_0x3b929c;},'jtnsL':'OiPIv','Venln':_0x4975(0x5),'ncqqy':_0x4975(0x6),'cINFt':function(_0x580c4f,_0x560d35){return _0x580c4f(_0x560d35);},'ikWnf':'HPEML','wCgJO':_0x4975(0x7),'CHLSj':function(_0x53f26f,_0x3787ff){return _0x53f26f||_0x3787ff;},'TfYMT':function(_0x30b90d,_0x3c19d9,_0x4cde95){return _0x30b90d(_0x3c19d9,_0x4cde95);},'EqTDU':function(_0x4fd14d,_0x539749){return _0x4fd14d(_0x539749);},'DJeps':'User\x20closed\x20welcome\x20screen','sNGMO':function(_0x3a76de,_0x1261ff){return _0x3a76de||_0x1261ff;},'DDcYP':function(_0x32a7f4,_0x4213b5){return _0x32a7f4!==_0x4213b5;},'xxVtO':_0x4975(0x8),'wirOM':_0x4975(0x9),'rxdNE':function(_0xdb80d5,_0x2dd5a1){return _0xdb80d5(_0x2dd5a1);},'zgOwJ':'🔘\x20showWelcomeScreen\x20state\x20set\x20to\x20true','ZGamn':function(_0x47a7b8,_0x26a58a){return _0x47a7b8(_0x26a58a);},'RHWdw':function(_0x4d0300,_0x3517bb){return _0x4d0300(_0x3517bb);},'fLFNl':function(_0x2a2da7,_0x4bb9d2,_0x1f1edf){return _0x2a2da7(_0x4bb9d2,_0x1f1edf);},'fprLy':_0x4975(0xa),'eTcxT':_0x4975(0xb)},[_0x44cee3,_0x585a3d]=_0x59ccf1[_0x4975(0xc)](useState,![]),[_0x25c7d8,_0x330342]=_0x59ccf1[_0x4975(0xd)](useState,''),_0x3332e5=useCallback((_0x55b080,_0x2f6040)=>{const _0x6d94ab={'jRsxd':function(_0x2bf137,_0x360fca){return _0x59ccf1[_0x4975(0xe)](_0x2bf137,_0x360fca);}};if(_0x59ccf1[_0x4975(0xf)](_0x59ccf1['jtnsL'],_0x59ccf1['Venln'])){const _0x39aab5={'VBrTP':function(_0x53e99c,_0x113f3a,_0x13b83d){return _0x53e99c(_0x113f3a,_0x13b83d);}};if(_0x3e89eb)_0x1b836e['log'](_0x59ccf1['unTjF']),AsyncStorage[_0x4975(0x10)](_0x59ccf1[_0x4975(0x11)])['then'](_0x2887d0=>{const _0x57cea9=_0x3a4a19||_0x2887d0||_0x21443d;_0x2be3fb[_0x4975(0x12)](_0x4975(0x13),_0x57cea9),_0x39aab5[_0x4975(0x14)](_0x101c79,_0x1b3974,_0x57cea9);});else{_0x1a91a5['log'](_0x59ccf1[_0x4975(0x15)]);const _0x3594c0=_0xfad3cf||_0x2eb8cd;_0x59a4cf[_0x4975(0x12)](_0x59ccf1['rSzcM'],_0x3594c0),_0x59ccf1[_0x4975(0x16)](_0x5e36e1,_0x571777,_0x3594c0);}}else{console[_0x4975(0x12)](_0x4975(0x17),{'token':_0x55b080,'email':_0x2f6040});const _0x27d048=_0x55b080&&_0x55b080[_0x4975(0x18)]('.')&&_0x55b080[_0x4975(0x19)]('.')['length']===0x3;console[_0x4975(0x12)](_0x59ccf1['ncqqy'],_0x27d048),_0x59ccf1[_0x4975(0x1a)](_0x585a3d,![]);if(_0x3f89ea){if(_0x59ccf1[_0x4975(0xf)](_0x59ccf1['ikWnf'],_0x59ccf1[_0x4975(0x1b)]))_0x5140ff(![]),_0x89eedc&&_0x6d94ab['jRsxd'](_0x26431c,_0x4975(0x1c));else{if(_0x27d048)console[_0x4975(0x12)](_0x4975(0x2)),AsyncStorage[_0x4975(0x10)](_0x59ccf1['upVlh'])[_0x4975(0x1d)](_0xc4f241=>{const _0x4ed297=_0x59ccf1[_0x4975(0x1e)](_0x2f6040,_0xc4f241)||_0x25c7d8;console[_0x4975(0x12)]('🔑\x20OnairosSignInButton:\x20Returning\x20JWT\x20token\x20with\x20email:',_0x4ed297),_0x59ccf1['kZrMb'](_0x3f89ea,_0x55b080,_0x4ed297);});else{console[_0x4975(0x12)](_0x59ccf1[_0x4975(0x15)]);const _0x52d8b1=_0x59ccf1[_0x4975(0x1f)](_0x2f6040,_0x25c7d8);console[_0x4975(0x12)](_0x59ccf1[_0x4975(0x20)],_0x52d8b1),_0x59ccf1['TfYMT'](_0x3f89ea,_0x55b080,_0x52d8b1);}}}}},[_0x3f89ea,_0x25c7d8]),_0x549273=_0x59ccf1['fLFNl'](useCallback,()=>{_0x59ccf1['EqTDU'](_0x585a3d,![]),_0x4fe94b&&_0x4fe94b(_0x59ccf1[_0x4975(0x21)]);},[_0x4fe94b]);return React['createElement'](View,{'style':styles[_0x4975(0x22)]},React[_0x4975(0x23)](TouchableOpacity,{'style':[styles[_0x4975(0x24)],{'width':buttonWidth,'height':buttonHeight,'backgroundColor':color}],'onPress':()=>{const _0xe56afd={'ZLtin':'🔑\x20Received\x20placeholder\x20token\x20from\x20WelcomeScreen,\x20completing\x20sign-in','GSWuo':function(_0x90ee95,_0x321eb0){return _0x59ccf1[_0x4975(0x25)](_0x90ee95,_0x321eb0);},'MFynW':_0x59ccf1[_0x4975(0x20)]};if(_0x59ccf1[_0x4975(0x26)](_0x59ccf1[_0x4975(0x27)],_0x59ccf1[_0x4975(0x27)])){_0x3752d2[_0x4975(0x12)](_0xe56afd['ZLtin']);const _0x567316=_0xe56afd['GSWuo'](_0x309852,_0xd7e9bb);_0x50ad92[_0x4975(0x12)](_0xe56afd['MFynW'],_0x567316),_0x4038a4(_0x50ad64,_0x567316);}else console[_0x4975(0x12)](_0x59ccf1[_0x4975(0x28)]),_0x59ccf1[_0x4975(0x29)](triggerHaptic,HapticType[_0x4975(0x2a)]),_0x585a3d(!![]),console[_0x4975(0x12)](_0x59ccf1[_0x4975(0x2b)]);},'activeOpacity':0.85},React['createElement'](View,{'style':styles[_0x4975(0x2c)]},React[_0x4975(0x23)](Image,{'source':BRAND_IMAGES[_0x4975(0x2d)],'style':styles[_0x4975(0x2e)],'resizeMode':_0x59ccf1[_0x4975(0x2f)],'accessibilityLabel':_0x4975(0x30)}),React[_0x4975(0x23)](Text,{'style':[styles['buttonText'],{'color':textColor}]},_0x59ccf1[_0x4975(0x31)]))),React['createElement'](_0x8a2da0,{'visible':_0x44cee3,'onClose':_0x549273,'onComplete':_0x3332e5}));};const styles=StyleSheet[_0x4975(0x32)]({'button':{'borderRadius':0x18,'justifyContent':_0x4975(0x33),'alignItems':'center','shadowColor':'#000','shadowOffset':{'width':0x0,'height':0x2},'shadowOpacity':0.1,'shadowRadius':0x4,'elevation':0x2,'marginVertical':0x8},'contentRow':{'flexDirection':'row','alignItems':_0x4975(0x33),'justifyContent':_0x4975(0x33)},'logo':{'width':0x1a,'height':0x1a,'marginRight':0xa},'buttonText':{'fontSize':0x10,'fontWeight':_0x4975(0x34),'textAlign':_0x4975(0x33)},'container':{}});
+import React, { useState, useCallback } from 'react';
+import { TouchableOpacity, Text, StyleSheet, View, Image } from 'react-native';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import WelcomeScreen from './WelcomeScreen';
+import { triggerHaptic, HapticType } from '../utils/haptics';
+import { BRAND_IMAGES } from '../utils/assetRegistry';
+export const OnairosSignInButton = ({
+  AppName,
+  buttonWidth = 280,
+  buttonHeight = 44,
+  color = '#D4A536',
+  textColor = '#000',
+  onResolved,
+  onRejection,
+  autoFocusEmailInput = true
+}) => {
+  const [showWelcomeScreen, setShowWelcomeScreen] = useState(false);
+  const [userEmail, setUserEmail] = useState('');
+  const handleWelcomeComplete = useCallback((token, email) => {
+    console.log('🔍 OnairosSignInButton: handleWelcomeComplete called with:', {
+      token,
+      email
+    });
+
+    // Check if we received a JWT token (real authentication) or just a placeholder token
+    const isJWTToken = token && token.includes('.') && token.split('.').length === 3;
+    console.log('🔍 OnairosSignInButton: Is JWT token?', isJWTToken);
+
+    // Close the welcome screen
+    setShowWelcomeScreen(false);
+    if (onResolved) {
+      // For JWT tokens, use the provided email or get from storage
+      if (isJWTToken) {
+        console.log('🔑 Received JWT token from WelcomeScreen, completing sign-in');
+        AsyncStorage.getItem('user_email').then(storedEmail => {
+          const emailToUse = email || storedEmail || userEmail;
+          console.log('🔑 OnairosSignInButton: Returning JWT token with email:', emailToUse);
+          onResolved(token, emailToUse);
+        });
+      } else {
+        // For placeholder tokens, still complete the flow with the provided email
+        console.log('🔑 Received placeholder token from WelcomeScreen, completing sign-in');
+        const emailToUse = email || userEmail;
+        console.log('🔑 OnairosSignInButton: Returning token with email:', emailToUse);
+        onResolved(token, emailToUse);
+      }
+    }
+  }, [onResolved, userEmail]);
+  const handleWelcomeCancel = useCallback(() => {
+    setShowWelcomeScreen(false);
+    if (onRejection) {
+      onRejection('User closed welcome screen');
+    }
+  }, [onRejection]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.button, {
+      width: buttonWidth,
+      height: buttonHeight,
+      backgroundColor: color
+    }],
+    onPress: () => {
+      console.log('🔘 OnairosSignInButton pressed, showing WelcomeScreen');
+      triggerHaptic(HapticType.BUTTON_PRESS);
+      setShowWelcomeScreen(true);
+      console.log('🔘 showWelcomeScreen state set to true');
+    },
+    activeOpacity: 0.85
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.contentRow
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: BRAND_IMAGES.onairosLogoAlt,
+    style: styles.logo,
+    resizeMode: "contain",
+    accessibilityLabel: "Onairos logo"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.buttonText, {
+      color: textColor
+    }]
+  }, "Sign in with Onairos"))), /*#__PURE__*/React.createElement(WelcomeScreen, {
+    visible: showWelcomeScreen,
+    onClose: handleWelcomeCancel,
+    onComplete: handleWelcomeComplete
+  }));
+};
+const styles = StyleSheet.create({
+  button: {
+    borderRadius: 24,
+    justifyContent: 'center',
+    alignItems: 'center',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2,
+    marginVertical: 8
+  },
+  contentRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  logo: {
+    width: 26,
+    height: 26,
+    marginRight: 10
+  },
+  buttonText: {
+    fontSize: 16,
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  container: {
+    // Add any necessary styles for the container
+  }
+});
+//# sourceMappingURL=OnairosSignInButton.js.map