@onairos/react-native 3.0.20 → 3.0.21

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.
@@ -23,6 +23,7 @@ const PinInput = ({
23
23
  const [pin, setPin] = (0, _react.useState)('');
24
24
  const [error, setError] = (0, _react.useState)(null);
25
25
  const [showPin, setShowPin] = (0, _react.useState)(false);
26
+ const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
26
27
  const validatePin = (0, _react.useCallback)(value => {
27
28
  if (value.length < minLength) {
28
29
  return `PIN must be at least ${minLength} characters`;
@@ -60,9 +61,14 @@ const PinInput = ({
60
61
  color: _constants.COLORS.text.primary
61
62
  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
62
63
  style: styles.title
63
- }, "Create your PIN"), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
64
- style: styles.headerSpacer
65
- })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
64
+ }, "Create your PIN"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
65
+ style: styles.helpButton,
66
+ onPress: () => setShowTooltip(true)
67
+ }, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
68
+ name: "help",
69
+ size: 24,
70
+ color: _constants.COLORS.text.primary
71
+ }))), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
66
72
  style: styles.subtitle
67
73
  }, "This PIN will be used to secure your account"), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
68
74
  style: styles.inputContainer
@@ -72,7 +78,7 @@ const PinInput = ({
72
78
  onChangeText: handlePinChange,
73
79
  secureTextEntry: !showPin,
74
80
  placeholder: "Enter PIN",
75
- keyboardType: "numeric",
81
+ keyboardType: "default",
76
82
  maxLength: 20,
77
83
  autoCapitalize: "none",
78
84
  autoCorrect: false
@@ -108,7 +114,37 @@ const PinInput = ({
108
114
  disabled: !pin
109
115
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
110
116
  style: styles.submitButtonText
111
- }, "Continue"))));
117
+ }, "Continue"))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
118
+ visible: showTooltip,
119
+ transparent: true,
120
+ animationType: "fade",
121
+ onRequestClose: () => setShowTooltip(false)
122
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
123
+ onPress: () => setShowTooltip(false)
124
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
125
+ style: styles.tooltipOverlay
126
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
127
+ style: styles.tooltipContainer
128
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
129
+ style: styles.tooltipTitle
130
+ }, "About Your PIN"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
131
+ style: styles.tooltipText
132
+ }, "Your PIN is used to secure your account and protect your data. It will be required whenever you access sensitive information or perform important actions."), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
133
+ style: styles.tooltipText
134
+ }, "For maximum security, your PIN should:"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
135
+ style: styles.tooltipBullet
136
+ }, "\u2022 Be at least ", minLength, " characters"), requireSpecialChar && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
137
+ style: styles.tooltipBullet
138
+ }, "\u2022 Include special characters like !@#$%^&*()"), requireNumber && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
139
+ style: styles.tooltipBullet
140
+ }, "\u2022 Include at least one number"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
141
+ style: styles.tooltipText
142
+ }, "Your PIN is stored securely and encrypted on your device."), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
143
+ style: styles.tooltipButton,
144
+ onPress: () => setShowTooltip(false)
145
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
146
+ style: styles.tooltipButtonText
147
+ }, "Got it")))))));
112
148
  };
113
149
  exports.PinInput = PinInput;
114
150
  const styles = _reactNative.StyleSheet.create({
@@ -128,8 +164,10 @@ const styles = _reactNative.StyleSheet.create({
128
164
  backButton: {
129
165
  padding: 8
130
166
  },
131
- headerSpacer: {
132
- width: 40 // Same width as backButton for alignment
167
+ helpButton: {
168
+ padding: 8,
169
+ width: 40,
170
+ alignItems: 'center'
133
171
  },
134
172
  title: {
135
173
  fontSize: 20,
@@ -214,6 +252,51 @@ const styles = _reactNative.StyleSheet.create({
214
252
  color: '#fff',
215
253
  fontSize: 16,
216
254
  fontWeight: '600'
255
+ },
256
+ tooltipOverlay: {
257
+ flex: 1,
258
+ backgroundColor: 'rgba(0, 0, 0, 0.5)',
259
+ justifyContent: 'center',
260
+ alignItems: 'center',
261
+ padding: 20
262
+ },
263
+ tooltipContainer: {
264
+ backgroundColor: '#fff',
265
+ borderRadius: 16,
266
+ padding: 20,
267
+ width: '90%',
268
+ maxWidth: 400
269
+ },
270
+ tooltipTitle: {
271
+ fontSize: 18,
272
+ fontWeight: '600',
273
+ marginBottom: 12,
274
+ color: _constants.COLORS.text.primary,
275
+ textAlign: 'center'
276
+ },
277
+ tooltipText: {
278
+ fontSize: 14,
279
+ color: _constants.COLORS.text.secondary,
280
+ marginBottom: 12
281
+ },
282
+ tooltipBullet: {
283
+ fontSize: 14,
284
+ color: _constants.COLORS.text.secondary,
285
+ marginBottom: 6,
286
+ marginLeft: 10
287
+ },
288
+ tooltipButton: {
289
+ backgroundColor: _constants.COLORS.primary,
290
+ paddingVertical: 12,
291
+ paddingHorizontal: 24,
292
+ borderRadius: 8,
293
+ alignSelf: 'center',
294
+ marginTop: 12
295
+ },
296
+ tooltipButtonText: {
297
+ color: '#fff',
298
+ fontSize: 16,
299
+ fontWeight: '600'
217
300
  }
218
301
  });
219
302
  //# sourceMappingURL=PinInput.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_MaterialIcons","_interopRequireDefault","_constants","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","width","Dimensions","PinInput","onSubmit","minLength","requireSpecialChar","requireNumber","onBack","pin","setPin","useState","error","setError","showPin","setShowPin","validatePin","useCallback","value","length","test","handleSubmit","validationError","handlePinChange","createElement","View","style","styles","container","header","TouchableOpacity","backButton","onPress","name","size","color","COLORS","text","primary","Text","title","headerSpacer","subtitle","inputContainer","TextInput","input","onChangeText","secureTextEntry","placeholder","keyboardType","maxLength","autoCapitalize","autoCorrect","visibilityButton","secondary","requirements","requirementTitle","requirement","requirementMet","footer","cancelButton","cancelButtonText","submitButton","submitButtonDisabled","disabled","submitButtonText","exports","StyleSheet","create","flex","padding","backgroundColor","flexDirection","alignItems","justifyContent","marginBottom","paddingVertical","fontSize","fontWeight","textAlign","borderWidth","borderColor","border","borderRadius","success","marginTop","borderTopWidth","borderTopColor","paddingTop","paddingHorizontal","opacity"],"sourceRoot":"..\\..\\..\\src","sources":["components/PinInput.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_MaterialIcons","_interopRequireDefault","_constants","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","width","Dimensions","PinInput","onSubmit","minLength","requireSpecialChar","requireNumber","onBack","pin","setPin","useState","error","setError","showPin","setShowPin","showTooltip","setShowTooltip","validatePin","useCallback","value","length","test","handleSubmit","validationError","handlePinChange","createElement","View","style","styles","container","header","TouchableOpacity","backButton","onPress","name","size","color","COLORS","text","primary","Text","title","helpButton","subtitle","inputContainer","TextInput","input","onChangeText","secureTextEntry","placeholder","keyboardType","maxLength","autoCapitalize","autoCorrect","visibilityButton","secondary","requirements","requirementTitle","requirement","requirementMet","footer","cancelButton","cancelButtonText","submitButton","submitButtonDisabled","disabled","submitButtonText","Modal","visible","transparent","animationType","onRequestClose","TouchableWithoutFeedback","tooltipOverlay","tooltipContainer","tooltipTitle","tooltipText","tooltipBullet","tooltipButton","tooltipButtonText","exports","StyleSheet","create","flex","padding","backgroundColor","flexDirection","alignItems","justifyContent","marginBottom","paddingVertical","fontSize","fontWeight","textAlign","borderWidth","borderColor","border","borderRadius","success","marginTop","borderTopWidth","borderTopColor","paddingTop","paddingHorizontal","opacity","maxWidth","marginLeft","alignSelf"],"sourceRoot":"..\\..\\..\\src","sources":["components/PinInput.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,5 +1,5 @@
1
1
  import React, { useState, useCallback } from 'react';
2
- import { View, Text, StyleSheet, TextInput, TouchableOpacity, Dimensions } from 'react-native';
2
+ import { View, Text, StyleSheet, TextInput, TouchableOpacity, Dimensions, Modal, TouchableWithoutFeedback } from 'react-native';
3
3
  import Icon from 'react-native-vector-icons/MaterialIcons';
4
4
  import { COLORS } from '../constants';
5
5
  const {
@@ -15,6 +15,7 @@ export const PinInput = ({
15
15
  const [pin, setPin] = useState('');
16
16
  const [error, setError] = useState(null);
17
17
  const [showPin, setShowPin] = useState(false);
18
+ const [showTooltip, setShowTooltip] = useState(false);
18
19
  const validatePin = useCallback(value => {
19
20
  if (value.length < minLength) {
20
21
  return `PIN must be at least ${minLength} characters`;
@@ -52,9 +53,14 @@ export const PinInput = ({
52
53
  color: COLORS.text.primary
53
54
  })), /*#__PURE__*/React.createElement(Text, {
54
55
  style: styles.title
55
- }, "Create your PIN"), /*#__PURE__*/React.createElement(View, {
56
- style: styles.headerSpacer
57
- })), /*#__PURE__*/React.createElement(Text, {
56
+ }, "Create your PIN"), /*#__PURE__*/React.createElement(TouchableOpacity, {
57
+ style: styles.helpButton,
58
+ onPress: () => setShowTooltip(true)
59
+ }, /*#__PURE__*/React.createElement(Icon, {
60
+ name: "help",
61
+ size: 24,
62
+ color: COLORS.text.primary
63
+ }))), /*#__PURE__*/React.createElement(Text, {
58
64
  style: styles.subtitle
59
65
  }, "This PIN will be used to secure your account"), /*#__PURE__*/React.createElement(View, {
60
66
  style: styles.inputContainer
@@ -64,7 +70,7 @@ export const PinInput = ({
64
70
  onChangeText: handlePinChange,
65
71
  secureTextEntry: !showPin,
66
72
  placeholder: "Enter PIN",
67
- keyboardType: "numeric",
73
+ keyboardType: "default",
68
74
  maxLength: 20,
69
75
  autoCapitalize: "none",
70
76
  autoCorrect: false
@@ -100,7 +106,37 @@ export const PinInput = ({
100
106
  disabled: !pin
101
107
  }, /*#__PURE__*/React.createElement(Text, {
102
108
  style: styles.submitButtonText
103
- }, "Continue"))));
109
+ }, "Continue"))), /*#__PURE__*/React.createElement(Modal, {
110
+ visible: showTooltip,
111
+ transparent: true,
112
+ animationType: "fade",
113
+ onRequestClose: () => setShowTooltip(false)
114
+ }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
115
+ onPress: () => setShowTooltip(false)
116
+ }, /*#__PURE__*/React.createElement(View, {
117
+ style: styles.tooltipOverlay
118
+ }, /*#__PURE__*/React.createElement(View, {
119
+ style: styles.tooltipContainer
120
+ }, /*#__PURE__*/React.createElement(Text, {
121
+ style: styles.tooltipTitle
122
+ }, "About Your PIN"), /*#__PURE__*/React.createElement(Text, {
123
+ style: styles.tooltipText
124
+ }, "Your PIN is used to secure your account and protect your data. It will be required whenever you access sensitive information or perform important actions."), /*#__PURE__*/React.createElement(Text, {
125
+ style: styles.tooltipText
126
+ }, "For maximum security, your PIN should:"), /*#__PURE__*/React.createElement(Text, {
127
+ style: styles.tooltipBullet
128
+ }, "\u2022 Be at least ", minLength, " characters"), requireSpecialChar && /*#__PURE__*/React.createElement(Text, {
129
+ style: styles.tooltipBullet
130
+ }, "\u2022 Include special characters like !@#$%^&*()"), requireNumber && /*#__PURE__*/React.createElement(Text, {
131
+ style: styles.tooltipBullet
132
+ }, "\u2022 Include at least one number"), /*#__PURE__*/React.createElement(Text, {
133
+ style: styles.tooltipText
134
+ }, "Your PIN is stored securely and encrypted on your device."), /*#__PURE__*/React.createElement(TouchableOpacity, {
135
+ style: styles.tooltipButton,
136
+ onPress: () => setShowTooltip(false)
137
+ }, /*#__PURE__*/React.createElement(Text, {
138
+ style: styles.tooltipButtonText
139
+ }, "Got it")))))));
104
140
  };
105
141
  const styles = StyleSheet.create({
106
142
  container: {
@@ -119,8 +155,10 @@ const styles = StyleSheet.create({
119
155
  backButton: {
120
156
  padding: 8
121
157
  },
122
- headerSpacer: {
123
- width: 40 // Same width as backButton for alignment
158
+ helpButton: {
159
+ padding: 8,
160
+ width: 40,
161
+ alignItems: 'center'
124
162
  },
125
163
  title: {
126
164
  fontSize: 20,
@@ -205,6 +243,51 @@ const styles = StyleSheet.create({
205
243
  color: '#fff',
206
244
  fontSize: 16,
207
245
  fontWeight: '600'
246
+ },
247
+ tooltipOverlay: {
248
+ flex: 1,
249
+ backgroundColor: 'rgba(0, 0, 0, 0.5)',
250
+ justifyContent: 'center',
251
+ alignItems: 'center',
252
+ padding: 20
253
+ },
254
+ tooltipContainer: {
255
+ backgroundColor: '#fff',
256
+ borderRadius: 16,
257
+ padding: 20,
258
+ width: '90%',
259
+ maxWidth: 400
260
+ },
261
+ tooltipTitle: {
262
+ fontSize: 18,
263
+ fontWeight: '600',
264
+ marginBottom: 12,
265
+ color: COLORS.text.primary,
266
+ textAlign: 'center'
267
+ },
268
+ tooltipText: {
269
+ fontSize: 14,
270
+ color: COLORS.text.secondary,
271
+ marginBottom: 12
272
+ },
273
+ tooltipBullet: {
274
+ fontSize: 14,
275
+ color: COLORS.text.secondary,
276
+ marginBottom: 6,
277
+ marginLeft: 10
278
+ },
279
+ tooltipButton: {
280
+ backgroundColor: COLORS.primary,
281
+ paddingVertical: 12,
282
+ paddingHorizontal: 24,
283
+ borderRadius: 8,
284
+ alignSelf: 'center',
285
+ marginTop: 12
286
+ },
287
+ tooltipButtonText: {
288
+ color: '#fff',
289
+ fontSize: 16,
290
+ fontWeight: '600'
208
291
  }
209
292
  });
210
293
  //# sourceMappingURL=PinInput.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","useCallback","View","Text","StyleSheet","TextInput","TouchableOpacity","Dimensions","Icon","COLORS","width","get","PinInput","onSubmit","minLength","requireSpecialChar","requireNumber","onBack","pin","setPin","error","setError","showPin","setShowPin","validatePin","value","length","test","handleSubmit","validationError","handlePinChange","createElement","style","styles","container","header","backButton","onPress","name","size","color","text","primary","title","headerSpacer","subtitle","inputContainer","input","onChangeText","secureTextEntry","placeholder","keyboardType","maxLength","autoCapitalize","autoCorrect","visibilityButton","secondary","requirements","requirementTitle","requirement","requirementMet","footer","cancelButton","cancelButtonText","submitButton","submitButtonDisabled","disabled","submitButtonText","create","flex","padding","backgroundColor","flexDirection","alignItems","justifyContent","marginBottom","paddingVertical","fontSize","fontWeight","textAlign","borderWidth","borderColor","border","borderRadius","success","marginTop","borderTopWidth","borderTopColor","paddingTop","paddingHorizontal","opacity"],"sourceRoot":"..\\..\\..\\src","sources":["components/PinInput.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","useState","useCallback","View","Text","StyleSheet","TextInput","TouchableOpacity","Dimensions","Modal","TouchableWithoutFeedback","Icon","COLORS","width","get","PinInput","onSubmit","minLength","requireSpecialChar","requireNumber","onBack","pin","setPin","error","setError","showPin","setShowPin","showTooltip","setShowTooltip","validatePin","value","length","test","handleSubmit","validationError","handlePinChange","createElement","style","styles","container","header","backButton","onPress","name","size","color","text","primary","title","helpButton","subtitle","inputContainer","input","onChangeText","secureTextEntry","placeholder","keyboardType","maxLength","autoCapitalize","autoCorrect","visibilityButton","secondary","requirements","requirementTitle","requirement","requirementMet","footer","cancelButton","cancelButtonText","submitButton","submitButtonDisabled","disabled","submitButtonText","visible","transparent","animationType","onRequestClose","tooltipOverlay","tooltipContainer","tooltipTitle","tooltipText","tooltipBullet","tooltipButton","tooltipButtonText","create","flex","padding","backgroundColor","flexDirection","alignItems","justifyContent","marginBottom","paddingVertical","fontSize","fontWeight","textAlign","borderWidth","borderColor","border","borderRadius","success","marginTop","borderTopWidth","borderTopColor","paddingTop","paddingHorizontal","opacity","maxWidth","marginLeft","alignSelf"],"sourceRoot":"..\\..\\..\\src","sources":["components/PinInput.tsx"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"PinInput.d.ts","sourceRoot":"","sources":["../../../src/components/PinInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAYrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAI9C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+H5C,CAAC"}
1
+ {"version":3,"file":"PinInput.d.ts","sourceRoot":"","sources":["../../../src/components/PinInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAc7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAI9C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2K5C,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onairos/react-native",
3
- "version": "3.0.20",
3
+ "version": "3.0.21",
4
4
  "description": "Onairos React Native SDK for social media authentication and AI model training",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -1,4 +1,4 @@
1
- import React, { useState, useCallback } from 'react';
1
+ import React, { useState, useCallback, useRef } from 'react';
2
2
  import {
3
3
  View,
4
4
  Text,
@@ -7,6 +7,8 @@ import {
7
7
  TouchableOpacity,
8
8
  Keyboard,
9
9
  Dimensions,
10
+ Modal,
11
+ TouchableWithoutFeedback,
10
12
  } from 'react-native';
11
13
  import Icon from 'react-native-vector-icons/MaterialIcons';
12
14
  import { COLORS } from '../constants';
@@ -24,6 +26,7 @@ export const PinInput: React.FC<PinInputProps> = ({
24
26
  const [pin, setPin] = useState('');
25
27
  const [error, setError] = useState<string | null>(null);
26
28
  const [showPin, setShowPin] = useState(false);
29
+ const [showTooltip, setShowTooltip] = useState(false);
27
30
 
28
31
  const validatePin = useCallback((value: string) => {
29
32
  if (value.length < minLength) {
@@ -61,7 +64,12 @@ export const PinInput: React.FC<PinInputProps> = ({
61
64
  </TouchableOpacity>
62
65
  )}
63
66
  <Text style={styles.title}>Create your PIN</Text>
64
- <View style={styles.headerSpacer} />
67
+ <TouchableOpacity
68
+ style={styles.helpButton}
69
+ onPress={() => setShowTooltip(true)}
70
+ >
71
+ <Icon name="help" size={24} color={COLORS.text.primary} />
72
+ </TouchableOpacity>
65
73
  </View>
66
74
 
67
75
  <Text style={styles.subtitle}>
@@ -75,7 +83,7 @@ export const PinInput: React.FC<PinInputProps> = ({
75
83
  onChangeText={handlePinChange}
76
84
  secureTextEntry={!showPin}
77
85
  placeholder="Enter PIN"
78
- keyboardType="numeric"
86
+ keyboardType="default"
79
87
  maxLength={20}
80
88
  autoCapitalize="none"
81
89
  autoCorrect={false}
@@ -139,6 +147,44 @@ export const PinInput: React.FC<PinInputProps> = ({
139
147
  <Text style={styles.submitButtonText}>Continue</Text>
140
148
  </TouchableOpacity>
141
149
  </View>
150
+
151
+ {/* PIN Information Tooltip Modal */}
152
+ <Modal
153
+ visible={showTooltip}
154
+ transparent
155
+ animationType="fade"
156
+ onRequestClose={() => setShowTooltip(false)}
157
+ >
158
+ <TouchableWithoutFeedback onPress={() => setShowTooltip(false)}>
159
+ <View style={styles.tooltipOverlay}>
160
+ <View style={styles.tooltipContainer}>
161
+ <Text style={styles.tooltipTitle}>About Your PIN</Text>
162
+ <Text style={styles.tooltipText}>
163
+ Your PIN is used to secure your account and protect your data. It will be required whenever you access sensitive information or perform important actions.
164
+ </Text>
165
+ <Text style={styles.tooltipText}>
166
+ For maximum security, your PIN should:
167
+ </Text>
168
+ <Text style={styles.tooltipBullet}>• Be at least {minLength} characters</Text>
169
+ {requireSpecialChar && (
170
+ <Text style={styles.tooltipBullet}>• Include special characters like !@#$%^&*()</Text>
171
+ )}
172
+ {requireNumber && (
173
+ <Text style={styles.tooltipBullet}>• Include at least one number</Text>
174
+ )}
175
+ <Text style={styles.tooltipText}>
176
+ Your PIN is stored securely and encrypted on your device.
177
+ </Text>
178
+ <TouchableOpacity
179
+ style={styles.tooltipButton}
180
+ onPress={() => setShowTooltip(false)}
181
+ >
182
+ <Text style={styles.tooltipButtonText}>Got it</Text>
183
+ </TouchableOpacity>
184
+ </View>
185
+ </View>
186
+ </TouchableWithoutFeedback>
187
+ </Modal>
142
188
  </View>
143
189
  );
144
190
  };
@@ -160,8 +206,10 @@ const styles = StyleSheet.create({
160
206
  backButton: {
161
207
  padding: 8,
162
208
  },
163
- headerSpacer: {
164
- width: 40, // Same width as backButton for alignment
209
+ helpButton: {
210
+ padding: 8,
211
+ width: 40,
212
+ alignItems: 'center',
165
213
  },
166
214
  title: {
167
215
  fontSize: 20,
@@ -247,4 +295,49 @@ const styles = StyleSheet.create({
247
295
  fontSize: 16,
248
296
  fontWeight: '600',
249
297
  },
298
+ tooltipOverlay: {
299
+ flex: 1,
300
+ backgroundColor: 'rgba(0, 0, 0, 0.5)',
301
+ justifyContent: 'center',
302
+ alignItems: 'center',
303
+ padding: 20,
304
+ },
305
+ tooltipContainer: {
306
+ backgroundColor: '#fff',
307
+ borderRadius: 16,
308
+ padding: 20,
309
+ width: '90%',
310
+ maxWidth: 400,
311
+ },
312
+ tooltipTitle: {
313
+ fontSize: 18,
314
+ fontWeight: '600',
315
+ marginBottom: 12,
316
+ color: COLORS.text.primary,
317
+ textAlign: 'center',
318
+ },
319
+ tooltipText: {
320
+ fontSize: 14,
321
+ color: COLORS.text.secondary,
322
+ marginBottom: 12,
323
+ },
324
+ tooltipBullet: {
325
+ fontSize: 14,
326
+ color: COLORS.text.secondary,
327
+ marginBottom: 6,
328
+ marginLeft: 10,
329
+ },
330
+ tooltipButton: {
331
+ backgroundColor: COLORS.primary,
332
+ paddingVertical: 12,
333
+ paddingHorizontal: 24,
334
+ borderRadius: 8,
335
+ alignSelf: 'center',
336
+ marginTop: 12,
337
+ },
338
+ tooltipButtonText: {
339
+ color: '#fff',
340
+ fontSize: 16,
341
+ fontWeight: '600',
342
+ },
250
343
  });