@onairos/react-native 3.1.15 → 3.1.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/OnairosSignInButton.js +19 -83
- package/lib/commonjs/components/OnairosSignInButton.js.map +1 -1
- package/lib/commonjs/index.js +2 -8
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/components/OnairosSignInButton.js +19 -83
- package/lib/module/components/OnairosSignInButton.js.map +1 -1
- package/lib/module/index.js +4 -3
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/components/OnairosSignInButton.d.ts +1 -2
- package/lib/typescript/components/OnairosSignInButton.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +3 -3
- package/lib/typescript/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/OnairosSignInButton.tsx +110 -166
- package/src/index.ts +5 -4
- package/lib/commonjs/components/OnairosButton.js +0 -290
- package/lib/commonjs/components/OnairosButton.js.map +0 -1
- package/lib/module/components/OnairosButton.js +0 -282
- package/lib/module/components/OnairosButton.js.map +0 -1
- package/lib/typescript/components/OnairosButton.d.ts +0 -37
- package/lib/typescript/components/OnairosButton.d.ts.map +0 -1
- package/src/components/OnairosButton.tsx +0 -339
- package/src/index.js +0 -14
|
@@ -1,282 +0,0 @@
|
|
|
1
|
-
import React, { useState, useCallback, forwardRef, useImperativeHandle, useEffect } from 'react';
|
|
2
|
-
import { TouchableOpacity, Text, StyleSheet, View, ActivityIndicator, Dimensions, Image } from 'react-native';
|
|
3
|
-
import LinearGradient from 'react-native-linear-gradient';
|
|
4
|
-
import { UniversalOnboarding } from './UniversalOnboarding';
|
|
5
|
-
import WelcomeScreen from './WelcomeScreen';
|
|
6
|
-
const {
|
|
7
|
-
width
|
|
8
|
-
} = Dimensions.get('window');
|
|
9
|
-
export const OnairosButton = /*#__PURE__*/forwardRef(({
|
|
10
|
-
AppName,
|
|
11
|
-
buttonType = 'normal',
|
|
12
|
-
buttonWidth = 180,
|
|
13
|
-
buttonHeight = 48,
|
|
14
|
-
hasStroke = false,
|
|
15
|
-
enabled = true,
|
|
16
|
-
buttonForm = 'default',
|
|
17
|
-
onResolved,
|
|
18
|
-
onRejection,
|
|
19
|
-
preCheck,
|
|
20
|
-
color = '#1BA9D4',
|
|
21
|
-
swerv = false,
|
|
22
|
-
darkMode = false,
|
|
23
|
-
returnLink,
|
|
24
|
-
preferredPlatform,
|
|
25
|
-
autoFetch = false,
|
|
26
|
-
inferenceData,
|
|
27
|
-
textLayout = 'right',
|
|
28
|
-
textColor = 'black',
|
|
29
|
-
proofMode = false,
|
|
30
|
-
webpageName,
|
|
31
|
-
debug = false,
|
|
32
|
-
testMode = false,
|
|
33
|
-
requestData,
|
|
34
|
-
onPress,
|
|
35
|
-
primaryAuthOnly = false,
|
|
36
|
-
useNewWelcomeFlow = false
|
|
37
|
-
}, ref) => {
|
|
38
|
-
const [isLoading, setIsLoading] = useState(false);
|
|
39
|
-
const [isPressed, setIsPressed] = useState(false);
|
|
40
|
-
const [showOnboarding, setShowOnboarding] = useState(false);
|
|
41
|
-
console.log('[OnairosButton] Initializing. Initial showOnboarding:', showOnboarding);
|
|
42
|
-
useEffect(() => {
|
|
43
|
-
console.log('[OnairosButton] LogEffect: showOnboarding state changed to:', showOnboarding);
|
|
44
|
-
}, [showOnboarding]);
|
|
45
|
-
|
|
46
|
-
// Expose methods via ref
|
|
47
|
-
useImperativeHandle(ref, () => ({
|
|
48
|
-
trigger: async () => {
|
|
49
|
-
await handlePress();
|
|
50
|
-
return Promise.resolve();
|
|
51
|
-
},
|
|
52
|
-
reset: async () => {
|
|
53
|
-
return Promise.resolve();
|
|
54
|
-
}
|
|
55
|
-
}));
|
|
56
|
-
const handlePress = async () => {
|
|
57
|
-
console.log('[OnairosButton] handlePress called.');
|
|
58
|
-
if (!enabled || isLoading) return;
|
|
59
|
-
setIsLoading(true);
|
|
60
|
-
try {
|
|
61
|
-
if (preCheck) {
|
|
62
|
-
const shouldProceed = await preCheck();
|
|
63
|
-
if (!shouldProceed) {
|
|
64
|
-
console.log('[OnairosButton] Precheck failed. Setting showOnboarding to false (indirectly, by not setting to true).');
|
|
65
|
-
onRejection === null || onRejection === void 0 || onRejection('Precheck validation failed');
|
|
66
|
-
setIsLoading(false);
|
|
67
|
-
return;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
console.log('[OnairosButton] handlePress: Setting showOnboarding to true.');
|
|
71
|
-
setShowOnboarding(true);
|
|
72
|
-
setIsLoading(false);
|
|
73
|
-
} catch (error) {
|
|
74
|
-
console.error('[OnairosButton] Error in handlePress:', error);
|
|
75
|
-
onRejection === null || onRejection === void 0 || onRejection(error instanceof Error ? error.message : 'Unknown error');
|
|
76
|
-
setIsLoading(false);
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
// Compute button text based on buttonForm
|
|
81
|
-
const getButtonText = () => {
|
|
82
|
-
switch (buttonForm) {
|
|
83
|
-
case 'connect':
|
|
84
|
-
return 'Connect Onairos';
|
|
85
|
-
case 'login':
|
|
86
|
-
return 'Sign in with Onairos';
|
|
87
|
-
case 'signup':
|
|
88
|
-
return 'Sign up with Onairos';
|
|
89
|
-
default:
|
|
90
|
-
return 'Connect Onairos';
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
// Handle onboarding completion
|
|
95
|
-
const handleOnboardingComplete = useCallback((token, email) => {
|
|
96
|
-
console.log('[OnairosButton] handleOnboardingComplete: Setting showOnboarding to false.');
|
|
97
|
-
setShowOnboarding(false);
|
|
98
|
-
if (onResolved) {
|
|
99
|
-
// Call onResolved with the token and email
|
|
100
|
-
onResolved(token, email);
|
|
101
|
-
}
|
|
102
|
-
if (onPress) {
|
|
103
|
-
onPress();
|
|
104
|
-
}
|
|
105
|
-
}, [onResolved, onPress]);
|
|
106
|
-
|
|
107
|
-
// Handle onboarding close
|
|
108
|
-
const handleOnboardingClose = useCallback(() => {
|
|
109
|
-
console.log('[OnairosButton] handleOnboardingClose: Setting showOnboarding to false.');
|
|
110
|
-
setShowOnboarding(false);
|
|
111
|
-
if (onRejection) {
|
|
112
|
-
onRejection('User closed onboarding');
|
|
113
|
-
}
|
|
114
|
-
}, [onRejection]);
|
|
115
|
-
console.log('[OnairosButton] Rendering JSX with props:', {
|
|
116
|
-
AppName,
|
|
117
|
-
buttonType,
|
|
118
|
-
buttonWidth,
|
|
119
|
-
buttonHeight,
|
|
120
|
-
hasStroke,
|
|
121
|
-
enabled,
|
|
122
|
-
buttonForm,
|
|
123
|
-
onResolved,
|
|
124
|
-
onRejection,
|
|
125
|
-
preCheck,
|
|
126
|
-
color,
|
|
127
|
-
swerv,
|
|
128
|
-
darkMode,
|
|
129
|
-
returnLink,
|
|
130
|
-
preferredPlatform,
|
|
131
|
-
autoFetch,
|
|
132
|
-
inferenceData,
|
|
133
|
-
textLayout,
|
|
134
|
-
textColor,
|
|
135
|
-
proofMode,
|
|
136
|
-
webpageName,
|
|
137
|
-
debug,
|
|
138
|
-
testMode,
|
|
139
|
-
requestData,
|
|
140
|
-
onPress,
|
|
141
|
-
primaryAuthOnly,
|
|
142
|
-
useNewWelcomeFlow
|
|
143
|
-
});
|
|
144
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
145
|
-
style: [styles.button, buttonType === 'pill' && styles.pillButton, hasStroke && styles.strokedButton, {
|
|
146
|
-
width: buttonWidth,
|
|
147
|
-
height: buttonHeight
|
|
148
|
-
}, swerv && styles.swervButton, !enabled && styles.disabledButton],
|
|
149
|
-
onPress: handlePress,
|
|
150
|
-
disabled: !enabled || isLoading,
|
|
151
|
-
onPressIn: () => setIsPressed(true),
|
|
152
|
-
onPressOut: () => setIsPressed(false)
|
|
153
|
-
}, /*#__PURE__*/React.createElement(LinearGradient, {
|
|
154
|
-
colors: ['#f5e7c1', '#C7A047', '#8B6914'],
|
|
155
|
-
start: {
|
|
156
|
-
x: 0,
|
|
157
|
-
y: 0
|
|
158
|
-
},
|
|
159
|
-
end: {
|
|
160
|
-
x: 1,
|
|
161
|
-
y: 0
|
|
162
|
-
},
|
|
163
|
-
style: {
|
|
164
|
-
position: 'absolute',
|
|
165
|
-
left: 0,
|
|
166
|
-
right: 0,
|
|
167
|
-
top: 0,
|
|
168
|
-
bottom: 0,
|
|
169
|
-
borderRadius: buttonType === 'pill' ? 24 : 8
|
|
170
|
-
}
|
|
171
|
-
}), isLoading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
|
|
172
|
-
size: "small",
|
|
173
|
-
color: "#FFFFFF"
|
|
174
|
-
}) : /*#__PURE__*/React.createElement(View, {
|
|
175
|
-
style: styles.buttonContent
|
|
176
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
177
|
-
style: styles.logoContainer
|
|
178
|
-
}, /*#__PURE__*/React.createElement(Image, {
|
|
179
|
-
source: require('../assets/images/onairos_logo.png'),
|
|
180
|
-
style: styles.logoImage,
|
|
181
|
-
resizeMode: "contain"
|
|
182
|
-
})), /*#__PURE__*/React.createElement(Text, {
|
|
183
|
-
style: [styles.buttonText, {
|
|
184
|
-
color: '#FFFFFF'
|
|
185
|
-
}]
|
|
186
|
-
}, getButtonText())))), useNewWelcomeFlow ? /*#__PURE__*/React.createElement(WelcomeScreen, {
|
|
187
|
-
visible: showOnboarding,
|
|
188
|
-
onClose: handleOnboardingClose,
|
|
189
|
-
onComplete: handleOnboardingComplete
|
|
190
|
-
}) : /*#__PURE__*/React.createElement(UniversalOnboarding, {
|
|
191
|
-
visible: showOnboarding,
|
|
192
|
-
onClose: handleOnboardingClose,
|
|
193
|
-
AppName: AppName,
|
|
194
|
-
requestData: requestData || {
|
|
195
|
-
Small: {
|
|
196
|
-
type: 'Small',
|
|
197
|
-
descriptions: 'Basic tier',
|
|
198
|
-
reward: 'Free access'
|
|
199
|
-
},
|
|
200
|
-
Medium: {
|
|
201
|
-
type: 'Medium',
|
|
202
|
-
descriptions: 'Standard tier',
|
|
203
|
-
reward: 'Premium features'
|
|
204
|
-
},
|
|
205
|
-
Large: {
|
|
206
|
-
type: 'Large',
|
|
207
|
-
descriptions: 'Premium tier',
|
|
208
|
-
reward: 'Full personalization'
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
returnLink: returnLink || 'onairosevents://auth/callback',
|
|
212
|
-
onComplete: handleOnboardingComplete,
|
|
213
|
-
debug: debug,
|
|
214
|
-
test: testMode,
|
|
215
|
-
preferredPlatform: preferredPlatform,
|
|
216
|
-
primaryAuthOnly: primaryAuthOnly
|
|
217
|
-
}));
|
|
218
|
-
});
|
|
219
|
-
const styles = StyleSheet.create({
|
|
220
|
-
button: {
|
|
221
|
-
flexDirection: 'row',
|
|
222
|
-
alignItems: 'center',
|
|
223
|
-
justifyContent: 'center',
|
|
224
|
-
paddingVertical: 12,
|
|
225
|
-
paddingHorizontal: 16,
|
|
226
|
-
borderRadius: 8,
|
|
227
|
-
shadowColor: '#000',
|
|
228
|
-
shadowOffset: {
|
|
229
|
-
width: 0,
|
|
230
|
-
height: 2
|
|
231
|
-
},
|
|
232
|
-
shadowOpacity: 0.2,
|
|
233
|
-
shadowRadius: 4,
|
|
234
|
-
elevation: 3,
|
|
235
|
-
overflow: 'hidden'
|
|
236
|
-
},
|
|
237
|
-
buttonContent: {
|
|
238
|
-
flexDirection: 'row',
|
|
239
|
-
alignItems: 'center',
|
|
240
|
-
justifyContent: 'center'
|
|
241
|
-
},
|
|
242
|
-
logoContainer: {
|
|
243
|
-
width: 24,
|
|
244
|
-
height: 24,
|
|
245
|
-
// borderRadius: 12, // Removed to eliminate circle shape
|
|
246
|
-
// backgroundColor: '#FFFFFF', // Removed to eliminate white background
|
|
247
|
-
alignItems: 'center',
|
|
248
|
-
justifyContent: 'center',
|
|
249
|
-
marginRight: 4
|
|
250
|
-
},
|
|
251
|
-
logoText: {
|
|
252
|
-
color: '#C7A047',
|
|
253
|
-
fontWeight: 'bold',
|
|
254
|
-
fontSize: 14
|
|
255
|
-
},
|
|
256
|
-
logoImage: {
|
|
257
|
-
width: 20,
|
|
258
|
-
height: 20
|
|
259
|
-
},
|
|
260
|
-
pillButton: {
|
|
261
|
-
borderRadius: 24
|
|
262
|
-
},
|
|
263
|
-
strokedButton: {
|
|
264
|
-
backgroundColor: 'transparent',
|
|
265
|
-
borderWidth: 1
|
|
266
|
-
},
|
|
267
|
-
swervButton: {
|
|
268
|
-
transform: [{
|
|
269
|
-
rotate: '-2deg'
|
|
270
|
-
}]
|
|
271
|
-
},
|
|
272
|
-
disabledButton: {
|
|
273
|
-
opacity: 0.6
|
|
274
|
-
},
|
|
275
|
-
buttonText: {
|
|
276
|
-
fontSize: 16,
|
|
277
|
-
fontWeight: '600',
|
|
278
|
-
textAlign: 'center'
|
|
279
|
-
}
|
|
280
|
-
});
|
|
281
|
-
export default OnairosButton;
|
|
282
|
-
//# sourceMappingURL=OnairosButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useCallback","forwardRef","useImperativeHandle","useEffect","TouchableOpacity","Text","StyleSheet","View","ActivityIndicator","Dimensions","Image","LinearGradient","UniversalOnboarding","WelcomeScreen","width","get","OnairosButton","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","ref","isLoading","setIsLoading","isPressed","setIsPressed","showOnboarding","setShowOnboarding","console","log","trigger","handlePress","Promise","resolve","reset","shouldProceed","error","Error","message","getButtonText","handleOnboardingComplete","token","email","handleOnboardingClose","createElement","Fragment","style","styles","button","pillButton","strokedButton","height","swervButton","disabledButton","disabled","onPressIn","onPressOut","colors","start","x","y","end","position","left","right","top","bottom","borderRadius","size","buttonContent","logoContainer","source","require","logoImage","resizeMode","buttonText","visible","onClose","onComplete","Small","type","descriptions","reward","Medium","Large","test","create","flexDirection","alignItems","justifyContent","paddingVertical","paddingHorizontal","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","overflow","marginRight","logoText","fontWeight","fontSize","backgroundColor","borderWidth","transform","rotate","opacity","textAlign"],"sourceRoot":"../../../src","sources":["components/OnairosButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface OnairosButtonProps {
|
|
3
|
-
AppName: string;
|
|
4
|
-
buttonType?: 'normal' | 'pill';
|
|
5
|
-
buttonWidth?: number;
|
|
6
|
-
buttonHeight?: number;
|
|
7
|
-
hasStroke?: boolean;
|
|
8
|
-
enabled?: boolean;
|
|
9
|
-
buttonForm?: 'default' | 'login' | 'signup' | 'connect';
|
|
10
|
-
onResolved?: (token: string, email?: string) => void;
|
|
11
|
-
onRejection?: (error: any) => void;
|
|
12
|
-
preCheck?: () => Promise<boolean>;
|
|
13
|
-
color?: string;
|
|
14
|
-
swerv?: boolean;
|
|
15
|
-
darkMode?: boolean;
|
|
16
|
-
returnLink?: string;
|
|
17
|
-
preferredPlatform?: string;
|
|
18
|
-
autoFetch?: boolean;
|
|
19
|
-
inferenceData?: any;
|
|
20
|
-
textLayout?: 'left' | 'right' | 'center';
|
|
21
|
-
textColor?: string;
|
|
22
|
-
proofMode?: boolean;
|
|
23
|
-
webpageName?: string;
|
|
24
|
-
debug?: boolean;
|
|
25
|
-
testMode?: boolean;
|
|
26
|
-
requestData?: any;
|
|
27
|
-
onPress?: () => void;
|
|
28
|
-
primaryAuthOnly?: boolean;
|
|
29
|
-
useNewWelcomeFlow?: boolean;
|
|
30
|
-
}
|
|
31
|
-
export interface OnairosButtonRef {
|
|
32
|
-
trigger: () => Promise<void>;
|
|
33
|
-
reset: () => Promise<void>;
|
|
34
|
-
}
|
|
35
|
-
export declare const OnairosButton: React.ForwardRefExoticComponent<OnairosButtonProps & React.RefAttributes<OnairosButtonRef>>;
|
|
36
|
-
export default OnairosButton;
|
|
37
|
-
//# sourceMappingURL=OnairosButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OnairosButton.d.ts","sourceRoot":"","sources":["../../../src/components/OnairosButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAcjG,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5B;AAID,eAAO,MAAM,aAAa,6FAmOxB,CAAC;AA4DH,eAAe,aAAa,CAAC"}
|
|
@@ -1,339 +0,0 @@
|
|
|
1
|
-
import React, { useState, useCallback, forwardRef, useImperativeHandle, useEffect } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
TouchableOpacity,
|
|
4
|
-
Text,
|
|
5
|
-
StyleSheet,
|
|
6
|
-
View,
|
|
7
|
-
ActivityIndicator,
|
|
8
|
-
Dimensions,
|
|
9
|
-
Image,
|
|
10
|
-
} from 'react-native';
|
|
11
|
-
import LinearGradient from 'react-native-linear-gradient';
|
|
12
|
-
import { UniversalOnboarding } from './UniversalOnboarding';
|
|
13
|
-
import WelcomeScreen from './WelcomeScreen';
|
|
14
|
-
|
|
15
|
-
export interface OnairosButtonProps {
|
|
16
|
-
AppName: string;
|
|
17
|
-
buttonType?: 'normal' | 'pill';
|
|
18
|
-
buttonWidth?: number;
|
|
19
|
-
buttonHeight?: number;
|
|
20
|
-
hasStroke?: boolean;
|
|
21
|
-
enabled?: boolean;
|
|
22
|
-
buttonForm?: 'default' | 'login' | 'signup' | 'connect';
|
|
23
|
-
onResolved?: (token: string, email?: string) => void;
|
|
24
|
-
onRejection?: (error: any) => void;
|
|
25
|
-
preCheck?: () => Promise<boolean>;
|
|
26
|
-
color?: string;
|
|
27
|
-
swerv?: boolean;
|
|
28
|
-
darkMode?: boolean;
|
|
29
|
-
returnLink?: string;
|
|
30
|
-
preferredPlatform?: string;
|
|
31
|
-
autoFetch?: boolean;
|
|
32
|
-
inferenceData?: any;
|
|
33
|
-
textLayout?: 'left' | 'right' | 'center';
|
|
34
|
-
textColor?: string;
|
|
35
|
-
proofMode?: boolean;
|
|
36
|
-
webpageName?: string;
|
|
37
|
-
debug?: boolean;
|
|
38
|
-
testMode?: boolean;
|
|
39
|
-
requestData?: any;
|
|
40
|
-
onPress?: () => void;
|
|
41
|
-
primaryAuthOnly?: boolean;
|
|
42
|
-
useNewWelcomeFlow?: boolean; // NEW: Enable the refreshed welcome screen experience
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export interface OnairosButtonRef {
|
|
46
|
-
trigger: () => Promise<void>;
|
|
47
|
-
reset: () => Promise<void>;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
const { width } = Dimensions.get('window');
|
|
51
|
-
|
|
52
|
-
export const OnairosButton = forwardRef<OnairosButtonRef, OnairosButtonProps>(({
|
|
53
|
-
AppName,
|
|
54
|
-
buttonType = 'normal',
|
|
55
|
-
buttonWidth = 180,
|
|
56
|
-
buttonHeight = 48,
|
|
57
|
-
hasStroke = false,
|
|
58
|
-
enabled = true,
|
|
59
|
-
buttonForm = 'default',
|
|
60
|
-
onResolved,
|
|
61
|
-
onRejection,
|
|
62
|
-
preCheck,
|
|
63
|
-
color = '#1BA9D4',
|
|
64
|
-
swerv = false,
|
|
65
|
-
darkMode = false,
|
|
66
|
-
returnLink,
|
|
67
|
-
preferredPlatform,
|
|
68
|
-
autoFetch = false,
|
|
69
|
-
inferenceData,
|
|
70
|
-
textLayout = 'right',
|
|
71
|
-
textColor = 'black',
|
|
72
|
-
proofMode = false,
|
|
73
|
-
webpageName,
|
|
74
|
-
debug = false,
|
|
75
|
-
testMode = false,
|
|
76
|
-
requestData,
|
|
77
|
-
onPress,
|
|
78
|
-
primaryAuthOnly = false,
|
|
79
|
-
useNewWelcomeFlow = false,
|
|
80
|
-
}, ref) => {
|
|
81
|
-
const [isLoading, setIsLoading] = useState(false);
|
|
82
|
-
const [isPressed, setIsPressed] = useState(false);
|
|
83
|
-
const [showOnboarding, setShowOnboarding] = useState(false);
|
|
84
|
-
console.log('[OnairosButton] Initializing. Initial showOnboarding:', showOnboarding);
|
|
85
|
-
|
|
86
|
-
useEffect(() => {
|
|
87
|
-
console.log('[OnairosButton] LogEffect: showOnboarding state changed to:', showOnboarding);
|
|
88
|
-
}, [showOnboarding]);
|
|
89
|
-
|
|
90
|
-
// Expose methods via ref
|
|
91
|
-
useImperativeHandle(ref, () => ({
|
|
92
|
-
trigger: async () => {
|
|
93
|
-
await handlePress();
|
|
94
|
-
return Promise.resolve();
|
|
95
|
-
},
|
|
96
|
-
reset: async () => {
|
|
97
|
-
return Promise.resolve();
|
|
98
|
-
}
|
|
99
|
-
}));
|
|
100
|
-
|
|
101
|
-
const handlePress = async () => {
|
|
102
|
-
console.log('[OnairosButton] handlePress called.');
|
|
103
|
-
if (!enabled || isLoading) return;
|
|
104
|
-
|
|
105
|
-
setIsLoading(true);
|
|
106
|
-
|
|
107
|
-
try {
|
|
108
|
-
if (preCheck) {
|
|
109
|
-
const shouldProceed = await preCheck();
|
|
110
|
-
if (!shouldProceed) {
|
|
111
|
-
console.log('[OnairosButton] Precheck failed. Setting showOnboarding to false (indirectly, by not setting to true).');
|
|
112
|
-
onRejection?.('Precheck validation failed');
|
|
113
|
-
setIsLoading(false);
|
|
114
|
-
return;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
console.log('[OnairosButton] handlePress: Setting showOnboarding to true.');
|
|
119
|
-
setShowOnboarding(true);
|
|
120
|
-
setIsLoading(false);
|
|
121
|
-
} catch (error) {
|
|
122
|
-
console.error('[OnairosButton] Error in handlePress:', error);
|
|
123
|
-
onRejection?.(error instanceof Error ? error.message : 'Unknown error');
|
|
124
|
-
setIsLoading(false);
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
|
|
128
|
-
// Compute button text based on buttonForm
|
|
129
|
-
const getButtonText = () => {
|
|
130
|
-
switch (buttonForm) {
|
|
131
|
-
case 'connect':
|
|
132
|
-
return 'Connect Onairos';
|
|
133
|
-
case 'login':
|
|
134
|
-
return 'Sign in with Onairos';
|
|
135
|
-
case 'signup':
|
|
136
|
-
return 'Sign up with Onairos';
|
|
137
|
-
default:
|
|
138
|
-
return 'Connect Onairos';
|
|
139
|
-
}
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
// Handle onboarding completion
|
|
143
|
-
const handleOnboardingComplete = useCallback((token: string, email?: string) => {
|
|
144
|
-
console.log('[OnairosButton] handleOnboardingComplete: Setting showOnboarding to false.');
|
|
145
|
-
setShowOnboarding(false);
|
|
146
|
-
|
|
147
|
-
if (onResolved) {
|
|
148
|
-
// Call onResolved with the token and email
|
|
149
|
-
onResolved(token, email);
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
if (onPress) {
|
|
153
|
-
onPress();
|
|
154
|
-
}
|
|
155
|
-
}, [onResolved, onPress]);
|
|
156
|
-
|
|
157
|
-
// Handle onboarding close
|
|
158
|
-
const handleOnboardingClose = useCallback(() => {
|
|
159
|
-
console.log('[OnairosButton] handleOnboardingClose: Setting showOnboarding to false.');
|
|
160
|
-
setShowOnboarding(false);
|
|
161
|
-
if (onRejection) {
|
|
162
|
-
onRejection('User closed onboarding');
|
|
163
|
-
}
|
|
164
|
-
}, [onRejection]);
|
|
165
|
-
|
|
166
|
-
console.log('[OnairosButton] Rendering JSX with props:', {
|
|
167
|
-
AppName,
|
|
168
|
-
buttonType,
|
|
169
|
-
buttonWidth,
|
|
170
|
-
buttonHeight,
|
|
171
|
-
hasStroke,
|
|
172
|
-
enabled,
|
|
173
|
-
buttonForm,
|
|
174
|
-
onResolved,
|
|
175
|
-
onRejection,
|
|
176
|
-
preCheck,
|
|
177
|
-
color,
|
|
178
|
-
swerv,
|
|
179
|
-
darkMode,
|
|
180
|
-
returnLink,
|
|
181
|
-
preferredPlatform,
|
|
182
|
-
autoFetch,
|
|
183
|
-
inferenceData,
|
|
184
|
-
textLayout,
|
|
185
|
-
textColor,
|
|
186
|
-
proofMode,
|
|
187
|
-
webpageName,
|
|
188
|
-
debug,
|
|
189
|
-
testMode,
|
|
190
|
-
requestData,
|
|
191
|
-
onPress,
|
|
192
|
-
primaryAuthOnly,
|
|
193
|
-
useNewWelcomeFlow,
|
|
194
|
-
});
|
|
195
|
-
|
|
196
|
-
return (
|
|
197
|
-
<>
|
|
198
|
-
<View>
|
|
199
|
-
<TouchableOpacity
|
|
200
|
-
style={[
|
|
201
|
-
styles.button,
|
|
202
|
-
buttonType === 'pill' && styles.pillButton,
|
|
203
|
-
hasStroke && styles.strokedButton,
|
|
204
|
-
{
|
|
205
|
-
width: buttonWidth,
|
|
206
|
-
height: buttonHeight,
|
|
207
|
-
},
|
|
208
|
-
swerv && styles.swervButton,
|
|
209
|
-
!enabled && styles.disabledButton
|
|
210
|
-
]}
|
|
211
|
-
onPress={handlePress}
|
|
212
|
-
disabled={!enabled || isLoading}
|
|
213
|
-
onPressIn={() => setIsPressed(true)}
|
|
214
|
-
onPressOut={() => setIsPressed(false)}
|
|
215
|
-
>
|
|
216
|
-
<LinearGradient
|
|
217
|
-
colors={['#f5e7c1', '#C7A047', '#8B6914']}
|
|
218
|
-
start={{x: 0, y: 0}}
|
|
219
|
-
end={{x: 1, y: 0}}
|
|
220
|
-
style={{
|
|
221
|
-
position: 'absolute',
|
|
222
|
-
left: 0,
|
|
223
|
-
right: 0,
|
|
224
|
-
top: 0,
|
|
225
|
-
bottom: 0,
|
|
226
|
-
borderRadius: buttonType === 'pill' ? 24 : 8,
|
|
227
|
-
}}
|
|
228
|
-
/>
|
|
229
|
-
|
|
230
|
-
{isLoading ? (
|
|
231
|
-
<ActivityIndicator
|
|
232
|
-
size="small"
|
|
233
|
-
color="#FFFFFF"
|
|
234
|
-
/>
|
|
235
|
-
) : (
|
|
236
|
-
<View style={styles.buttonContent}>
|
|
237
|
-
<View style={styles.logoContainer}>
|
|
238
|
-
<Image
|
|
239
|
-
source={require('../assets/images/onairos_logo.png')}
|
|
240
|
-
style={styles.logoImage}
|
|
241
|
-
resizeMode="contain"
|
|
242
|
-
/>
|
|
243
|
-
</View>
|
|
244
|
-
<Text style={[styles.buttonText, { color: '#FFFFFF' }]}>
|
|
245
|
-
{getButtonText()}
|
|
246
|
-
</Text>
|
|
247
|
-
</View>
|
|
248
|
-
)}
|
|
249
|
-
</TouchableOpacity>
|
|
250
|
-
</View>
|
|
251
|
-
|
|
252
|
-
{/* Onboarding Modal - Choose between new WelcomeScreen or legacy UniversalOnboarding */}
|
|
253
|
-
{useNewWelcomeFlow ? (
|
|
254
|
-
<WelcomeScreen
|
|
255
|
-
visible={showOnboarding}
|
|
256
|
-
onClose={handleOnboardingClose}
|
|
257
|
-
onComplete={handleOnboardingComplete}
|
|
258
|
-
/>
|
|
259
|
-
) : (
|
|
260
|
-
<UniversalOnboarding
|
|
261
|
-
visible={showOnboarding}
|
|
262
|
-
onClose={handleOnboardingClose}
|
|
263
|
-
AppName={AppName}
|
|
264
|
-
requestData={requestData || {
|
|
265
|
-
Small: { type: 'Small', descriptions: 'Basic tier', reward: 'Free access' },
|
|
266
|
-
Medium: { type: 'Medium', descriptions: 'Standard tier', reward: 'Premium features' },
|
|
267
|
-
Large: { type: 'Large', descriptions: 'Premium tier', reward: 'Full personalization' }
|
|
268
|
-
}}
|
|
269
|
-
returnLink={returnLink || 'onairosevents://auth/callback'}
|
|
270
|
-
onComplete={handleOnboardingComplete}
|
|
271
|
-
debug={debug}
|
|
272
|
-
test={testMode}
|
|
273
|
-
preferredPlatform={preferredPlatform}
|
|
274
|
-
primaryAuthOnly={primaryAuthOnly}
|
|
275
|
-
/>
|
|
276
|
-
)}
|
|
277
|
-
</>
|
|
278
|
-
);
|
|
279
|
-
});
|
|
280
|
-
|
|
281
|
-
const styles = StyleSheet.create({
|
|
282
|
-
button: {
|
|
283
|
-
flexDirection: 'row',
|
|
284
|
-
alignItems: 'center',
|
|
285
|
-
justifyContent: 'center',
|
|
286
|
-
paddingVertical: 12,
|
|
287
|
-
paddingHorizontal: 16,
|
|
288
|
-
borderRadius: 8,
|
|
289
|
-
shadowColor: '#000',
|
|
290
|
-
shadowOffset: { width: 0, height: 2 },
|
|
291
|
-
shadowOpacity: 0.2,
|
|
292
|
-
shadowRadius: 4,
|
|
293
|
-
elevation: 3,
|
|
294
|
-
overflow: 'hidden',
|
|
295
|
-
},
|
|
296
|
-
buttonContent: {
|
|
297
|
-
flexDirection: 'row',
|
|
298
|
-
alignItems: 'center',
|
|
299
|
-
justifyContent: 'center',
|
|
300
|
-
},
|
|
301
|
-
logoContainer: {
|
|
302
|
-
width: 24,
|
|
303
|
-
height: 24,
|
|
304
|
-
// borderRadius: 12, // Removed to eliminate circle shape
|
|
305
|
-
// backgroundColor: '#FFFFFF', // Removed to eliminate white background
|
|
306
|
-
alignItems: 'center',
|
|
307
|
-
justifyContent: 'center',
|
|
308
|
-
marginRight: 4,
|
|
309
|
-
},
|
|
310
|
-
logoText: {
|
|
311
|
-
color: '#C7A047',
|
|
312
|
-
fontWeight: 'bold',
|
|
313
|
-
fontSize: 14,
|
|
314
|
-
},
|
|
315
|
-
logoImage: {
|
|
316
|
-
width: 20,
|
|
317
|
-
height: 20,
|
|
318
|
-
},
|
|
319
|
-
pillButton: {
|
|
320
|
-
borderRadius: 24,
|
|
321
|
-
},
|
|
322
|
-
strokedButton: {
|
|
323
|
-
backgroundColor: 'transparent',
|
|
324
|
-
borderWidth: 1,
|
|
325
|
-
},
|
|
326
|
-
swervButton: {
|
|
327
|
-
transform: [{ rotate: '-2deg' }],
|
|
328
|
-
},
|
|
329
|
-
disabledButton: {
|
|
330
|
-
opacity: 0.6,
|
|
331
|
-
},
|
|
332
|
-
buttonText: {
|
|
333
|
-
fontSize: 16,
|
|
334
|
-
fontWeight: '600',
|
|
335
|
-
textAlign: 'center',
|
|
336
|
-
},
|
|
337
|
-
});
|
|
338
|
-
|
|
339
|
-
export default OnairosButton;
|
package/src/index.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import OnairosButton from './components/OnairosButton';
|
|
2
|
-
import * as AuthUtils from './utils/auth';
|
|
3
|
-
import * as CryptoUtils from './utils/crypto';
|
|
4
|
-
import * as ApiUtils from './utils/api';
|
|
5
|
-
|
|
6
|
-
// Export the main component
|
|
7
|
-
export default OnairosButton;
|
|
8
|
-
|
|
9
|
-
// Export utilities for advanced usage
|
|
10
|
-
export {
|
|
11
|
-
AuthUtils,
|
|
12
|
-
CryptoUtils,
|
|
13
|
-
ApiUtils
|
|
14
|
-
};
|