rn-inputforge 0.5.0 → 0.5.1

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.
Files changed (277) hide show
  1. package/README.md +236 -0
  2. package/lib/commonjs/a11y/audit.js +72 -0
  3. package/lib/commonjs/a11y/audit.js.map +1 -0
  4. package/lib/commonjs/a11y/index.js +13 -0
  5. package/lib/commonjs/a11y/index.js.map +1 -0
  6. package/lib/commonjs/autofill/index.js +25 -0
  7. package/lib/commonjs/autofill/index.js.map +1 -0
  8. package/lib/commonjs/autofill/profiles.js +199 -0
  9. package/lib/commonjs/autofill/profiles.js.map +1 -0
  10. package/lib/commonjs/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js +99 -0
  11. package/lib/commonjs/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js.map +1 -0
  12. package/lib/commonjs/components/FieldFlowA11yAudit/index.js +13 -0
  13. package/lib/commonjs/components/FieldFlowA11yAudit/index.js.map +1 -0
  14. package/lib/commonjs/components/FieldFlowAuthActions/FieldFlowAuthActions.js +130 -0
  15. package/lib/commonjs/components/FieldFlowAuthActions/FieldFlowAuthActions.js.map +1 -0
  16. package/lib/commonjs/components/FieldFlowAuthActions/index.js +13 -0
  17. package/lib/commonjs/components/FieldFlowAuthActions/index.js.map +1 -0
  18. package/lib/commonjs/components/FieldFlowCompleteness/FieldFlowCompleteness.js +100 -0
  19. package/lib/commonjs/components/FieldFlowCompleteness/FieldFlowCompleteness.js.map +1 -0
  20. package/lib/commonjs/components/FieldFlowCompleteness/index.js +13 -0
  21. package/lib/commonjs/components/FieldFlowCompleteness/index.js.map +1 -0
  22. package/lib/commonjs/components/FieldFlowFormHeader/FieldFlowFormHeader.js +102 -0
  23. package/lib/commonjs/components/FieldFlowFormHeader/FieldFlowFormHeader.js.map +1 -0
  24. package/lib/commonjs/components/FieldFlowFormHeader/index.js +13 -0
  25. package/lib/commonjs/components/FieldFlowFormHeader/index.js.map +1 -0
  26. package/lib/commonjs/components/FieldFlowInfoTip/FieldFlowInfoTip.js +121 -0
  27. package/lib/commonjs/components/FieldFlowInfoTip/FieldFlowInfoTip.js.map +1 -0
  28. package/lib/commonjs/components/FieldFlowInfoTip/index.js +13 -0
  29. package/lib/commonjs/components/FieldFlowInfoTip/index.js.map +1 -0
  30. package/lib/commonjs/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js +142 -0
  31. package/lib/commonjs/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js.map +1 -0
  32. package/lib/commonjs/components/FieldFlowInlineAlert/index.js +13 -0
  33. package/lib/commonjs/components/FieldFlowInlineAlert/index.js.map +1 -0
  34. package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js +44 -18
  35. package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js.map +1 -1
  36. package/lib/commonjs/components/FieldFlowInput/styles.js +49 -13
  37. package/lib/commonjs/components/FieldFlowInput/styles.js.map +1 -1
  38. package/lib/commonjs/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js +137 -0
  39. package/lib/commonjs/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js.map +1 -0
  40. package/lib/commonjs/components/FieldFlowKeyboardToolbar/index.js +19 -0
  41. package/lib/commonjs/components/FieldFlowKeyboardToolbar/index.js.map +1 -0
  42. package/lib/commonjs/components/FieldFlowSkeleton/FieldFlowSkeleton.js +101 -0
  43. package/lib/commonjs/components/FieldFlowSkeleton/FieldFlowSkeleton.js.map +1 -0
  44. package/lib/commonjs/components/FieldFlowSkeleton/index.js +13 -0
  45. package/lib/commonjs/components/FieldFlowSkeleton/index.js.map +1 -0
  46. package/lib/commonjs/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +6 -4
  47. package/lib/commonjs/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -1
  48. package/lib/commonjs/hooks/index.js +21 -0
  49. package/lib/commonjs/hooks/index.js.map +1 -1
  50. package/lib/commonjs/hooks/useFieldFlowCompleteness.js +46 -0
  51. package/lib/commonjs/hooks/useFieldFlowCompleteness.js.map +1 -0
  52. package/lib/commonjs/hooks/useFieldFlowSubmitQueue.js +145 -0
  53. package/lib/commonjs/hooks/useFieldFlowSubmitQueue.js.map +1 -0
  54. package/lib/commonjs/hooks/useKeyboardManager.js +15 -0
  55. package/lib/commonjs/hooks/useKeyboardManager.js.map +1 -1
  56. package/lib/commonjs/hooks/useSmartPaste.js +27 -0
  57. package/lib/commonjs/hooks/useSmartPaste.js.map +1 -0
  58. package/lib/commonjs/index.js +144 -0
  59. package/lib/commonjs/index.js.map +1 -1
  60. package/lib/commonjs/paste/index.js +19 -0
  61. package/lib/commonjs/paste/index.js.map +1 -0
  62. package/lib/commonjs/paste/smartPaste.js +113 -0
  63. package/lib/commonjs/paste/smartPaste.js.map +1 -0
  64. package/lib/commonjs/schema/FieldFlowSchemaForm.js +219 -0
  65. package/lib/commonjs/schema/FieldFlowSchemaForm.js.map +1 -0
  66. package/lib/commonjs/schema/index.js +13 -0
  67. package/lib/commonjs/schema/index.js.map +1 -0
  68. package/lib/commonjs/schema/types.js +6 -0
  69. package/lib/commonjs/schema/types.js.map +1 -0
  70. package/lib/commonjs/theme/ThemeProvider.js +65 -4
  71. package/lib/commonjs/theme/ThemeProvider.js.map +1 -1
  72. package/lib/commonjs/theme/appearance.js +93 -0
  73. package/lib/commonjs/theme/appearance.js.map +1 -0
  74. package/lib/commonjs/theme/defaultTheme.js +17 -2
  75. package/lib/commonjs/theme/defaultTheme.js.map +1 -1
  76. package/lib/commonjs/theme/index.js +19 -0
  77. package/lib/commonjs/theme/index.js.map +1 -1
  78. package/lib/commonjs/types/globals.d.js +2 -0
  79. package/lib/commonjs/types/globals.d.js.map +1 -0
  80. package/lib/module/a11y/audit.js +68 -0
  81. package/lib/module/a11y/audit.js.map +1 -0
  82. package/lib/module/a11y/index.js +4 -0
  83. package/lib/module/a11y/index.js.map +1 -0
  84. package/lib/module/autofill/index.js +4 -0
  85. package/lib/module/autofill/index.js.map +1 -0
  86. package/lib/module/autofill/profiles.js +193 -0
  87. package/lib/module/autofill/profiles.js.map +1 -0
  88. package/lib/module/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js +94 -0
  89. package/lib/module/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js.map +1 -0
  90. package/lib/module/components/FieldFlowA11yAudit/index.js +4 -0
  91. package/lib/module/components/FieldFlowA11yAudit/index.js.map +1 -0
  92. package/lib/module/components/FieldFlowAuthActions/FieldFlowAuthActions.js +125 -0
  93. package/lib/module/components/FieldFlowAuthActions/FieldFlowAuthActions.js.map +1 -0
  94. package/lib/module/components/FieldFlowAuthActions/index.js +4 -0
  95. package/lib/module/components/FieldFlowAuthActions/index.js.map +1 -0
  96. package/lib/module/components/FieldFlowCompleteness/FieldFlowCompleteness.js +95 -0
  97. package/lib/module/components/FieldFlowCompleteness/FieldFlowCompleteness.js.map +1 -0
  98. package/lib/module/components/FieldFlowCompleteness/index.js +4 -0
  99. package/lib/module/components/FieldFlowCompleteness/index.js.map +1 -0
  100. package/lib/module/components/FieldFlowFormHeader/FieldFlowFormHeader.js +97 -0
  101. package/lib/module/components/FieldFlowFormHeader/FieldFlowFormHeader.js.map +1 -0
  102. package/lib/module/components/FieldFlowFormHeader/index.js +4 -0
  103. package/lib/module/components/FieldFlowFormHeader/index.js.map +1 -0
  104. package/lib/module/components/FieldFlowInfoTip/FieldFlowInfoTip.js +116 -0
  105. package/lib/module/components/FieldFlowInfoTip/FieldFlowInfoTip.js.map +1 -0
  106. package/lib/module/components/FieldFlowInfoTip/index.js +4 -0
  107. package/lib/module/components/FieldFlowInfoTip/index.js.map +1 -0
  108. package/lib/module/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js +137 -0
  109. package/lib/module/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js.map +1 -0
  110. package/lib/module/components/FieldFlowInlineAlert/index.js +4 -0
  111. package/lib/module/components/FieldFlowInlineAlert/index.js.map +1 -0
  112. package/lib/module/components/FieldFlowInput/FieldFlowInput.js +44 -18
  113. package/lib/module/components/FieldFlowInput/FieldFlowInput.js.map +1 -1
  114. package/lib/module/components/FieldFlowInput/styles.js +49 -13
  115. package/lib/module/components/FieldFlowInput/styles.js.map +1 -1
  116. package/lib/module/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js +131 -0
  117. package/lib/module/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js.map +1 -0
  118. package/lib/module/components/FieldFlowKeyboardToolbar/index.js +4 -0
  119. package/lib/module/components/FieldFlowKeyboardToolbar/index.js.map +1 -0
  120. package/lib/module/components/FieldFlowSkeleton/FieldFlowSkeleton.js +96 -0
  121. package/lib/module/components/FieldFlowSkeleton/FieldFlowSkeleton.js.map +1 -0
  122. package/lib/module/components/FieldFlowSkeleton/index.js +4 -0
  123. package/lib/module/components/FieldFlowSkeleton/index.js.map +1 -0
  124. package/lib/module/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +5 -3
  125. package/lib/module/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -1
  126. package/lib/module/hooks/index.js +3 -0
  127. package/lib/module/hooks/index.js.map +1 -1
  128. package/lib/module/hooks/useFieldFlowCompleteness.js +42 -0
  129. package/lib/module/hooks/useFieldFlowCompleteness.js.map +1 -0
  130. package/lib/module/hooks/useFieldFlowSubmitQueue.js +141 -0
  131. package/lib/module/hooks/useFieldFlowSubmitQueue.js.map +1 -0
  132. package/lib/module/hooks/useKeyboardManager.js +15 -0
  133. package/lib/module/hooks/useKeyboardManager.js.map +1 -1
  134. package/lib/module/hooks/useSmartPaste.js +23 -0
  135. package/lib/module/hooks/useSmartPaste.js.map +1 -0
  136. package/lib/module/index.js +17 -2
  137. package/lib/module/index.js.map +1 -1
  138. package/lib/module/paste/index.js +4 -0
  139. package/lib/module/paste/index.js.map +1 -0
  140. package/lib/module/paste/smartPaste.js +108 -0
  141. package/lib/module/paste/smartPaste.js.map +1 -0
  142. package/lib/module/schema/FieldFlowSchemaForm.js +214 -0
  143. package/lib/module/schema/FieldFlowSchemaForm.js.map +1 -0
  144. package/lib/module/schema/index.js +4 -0
  145. package/lib/module/schema/index.js.map +1 -0
  146. package/lib/module/schema/types.js +4 -0
  147. package/lib/module/schema/types.js.map +1 -0
  148. package/lib/module/theme/ThemeProvider.js +66 -5
  149. package/lib/module/theme/ThemeProvider.js.map +1 -1
  150. package/lib/module/theme/appearance.js +87 -0
  151. package/lib/module/theme/appearance.js.map +1 -0
  152. package/lib/module/theme/defaultTheme.js +17 -2
  153. package/lib/module/theme/defaultTheme.js.map +1 -1
  154. package/lib/module/theme/index.js +1 -0
  155. package/lib/module/theme/index.js.map +1 -1
  156. package/lib/module/types/globals.d.js +2 -0
  157. package/lib/module/types/globals.d.js.map +1 -0
  158. package/lib/typescript/a11y/audit.d.ts +32 -0
  159. package/lib/typescript/a11y/audit.d.ts.map +1 -0
  160. package/lib/typescript/a11y/index.d.ts +3 -0
  161. package/lib/typescript/a11y/index.d.ts.map +1 -0
  162. package/lib/typescript/autofill/index.d.ts +3 -0
  163. package/lib/typescript/autofill/index.d.ts.map +1 -0
  164. package/lib/typescript/autofill/profiles.d.ts +48 -0
  165. package/lib/typescript/autofill/profiles.d.ts.map +1 -0
  166. package/lib/typescript/components/FieldFlowA11yAudit/FieldFlowA11yAudit.d.ts +21 -0
  167. package/lib/typescript/components/FieldFlowA11yAudit/FieldFlowA11yAudit.d.ts.map +1 -0
  168. package/lib/typescript/components/FieldFlowA11yAudit/index.d.ts +3 -0
  169. package/lib/typescript/components/FieldFlowA11yAudit/index.d.ts.map +1 -0
  170. package/lib/typescript/components/FieldFlowAuthActions/FieldFlowAuthActions.d.ts +29 -0
  171. package/lib/typescript/components/FieldFlowAuthActions/FieldFlowAuthActions.d.ts.map +1 -0
  172. package/lib/typescript/components/FieldFlowAuthActions/index.d.ts +3 -0
  173. package/lib/typescript/components/FieldFlowAuthActions/index.d.ts.map +1 -0
  174. package/lib/typescript/components/FieldFlowCompleteness/FieldFlowCompleteness.d.ts +25 -0
  175. package/lib/typescript/components/FieldFlowCompleteness/FieldFlowCompleteness.d.ts.map +1 -0
  176. package/lib/typescript/components/FieldFlowCompleteness/index.d.ts +3 -0
  177. package/lib/typescript/components/FieldFlowCompleteness/index.d.ts.map +1 -0
  178. package/lib/typescript/components/FieldFlowFormHeader/FieldFlowFormHeader.d.ts +23 -0
  179. package/lib/typescript/components/FieldFlowFormHeader/FieldFlowFormHeader.d.ts.map +1 -0
  180. package/lib/typescript/components/FieldFlowFormHeader/index.d.ts +3 -0
  181. package/lib/typescript/components/FieldFlowFormHeader/index.d.ts.map +1 -0
  182. package/lib/typescript/components/FieldFlowInfoTip/FieldFlowInfoTip.d.ts +19 -0
  183. package/lib/typescript/components/FieldFlowInfoTip/FieldFlowInfoTip.d.ts.map +1 -0
  184. package/lib/typescript/components/FieldFlowInfoTip/index.d.ts +3 -0
  185. package/lib/typescript/components/FieldFlowInfoTip/index.d.ts.map +1 -0
  186. package/lib/typescript/components/FieldFlowInlineAlert/FieldFlowInlineAlert.d.ts +22 -0
  187. package/lib/typescript/components/FieldFlowInlineAlert/FieldFlowInlineAlert.d.ts.map +1 -0
  188. package/lib/typescript/components/FieldFlowInlineAlert/index.d.ts +3 -0
  189. package/lib/typescript/components/FieldFlowInlineAlert/index.d.ts.map +1 -0
  190. package/lib/typescript/components/FieldFlowInput/FieldFlowInput.d.ts.map +1 -1
  191. package/lib/typescript/components/FieldFlowInput/styles.d.ts +36 -1
  192. package/lib/typescript/components/FieldFlowInput/styles.d.ts.map +1 -1
  193. package/lib/typescript/components/FieldFlowInput/types.d.ts +18 -0
  194. package/lib/typescript/components/FieldFlowInput/types.d.ts.map +1 -1
  195. package/lib/typescript/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.d.ts +30 -0
  196. package/lib/typescript/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.d.ts.map +1 -0
  197. package/lib/typescript/components/FieldFlowKeyboardToolbar/index.d.ts +3 -0
  198. package/lib/typescript/components/FieldFlowKeyboardToolbar/index.d.ts.map +1 -0
  199. package/lib/typescript/components/FieldFlowSkeleton/FieldFlowSkeleton.d.ts +21 -0
  200. package/lib/typescript/components/FieldFlowSkeleton/FieldFlowSkeleton.d.ts.map +1 -0
  201. package/lib/typescript/components/FieldFlowSkeleton/index.d.ts +3 -0
  202. package/lib/typescript/components/FieldFlowSkeleton/index.d.ts.map +1 -0
  203. package/lib/typescript/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts +3 -2
  204. package/lib/typescript/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts.map +1 -1
  205. package/lib/typescript/hooks/index.d.ts +6 -0
  206. package/lib/typescript/hooks/index.d.ts.map +1 -1
  207. package/lib/typescript/hooks/useFieldFlowCompleteness.d.ts +28 -0
  208. package/lib/typescript/hooks/useFieldFlowCompleteness.d.ts.map +1 -0
  209. package/lib/typescript/hooks/useFieldFlowSubmitQueue.d.ts +45 -0
  210. package/lib/typescript/hooks/useFieldFlowSubmitQueue.d.ts.map +1 -0
  211. package/lib/typescript/hooks/useKeyboardManager.d.ts +6 -0
  212. package/lib/typescript/hooks/useKeyboardManager.d.ts.map +1 -1
  213. package/lib/typescript/hooks/useSmartPaste.d.ts +14 -0
  214. package/lib/typescript/hooks/useSmartPaste.d.ts.map +1 -0
  215. package/lib/typescript/index.d.ts +28 -4
  216. package/lib/typescript/index.d.ts.map +1 -1
  217. package/lib/typescript/paste/index.d.ts +3 -0
  218. package/lib/typescript/paste/index.d.ts.map +1 -0
  219. package/lib/typescript/paste/smartPaste.d.ts +32 -0
  220. package/lib/typescript/paste/smartPaste.d.ts.map +1 -0
  221. package/lib/typescript/schema/FieldFlowSchemaForm.d.ts +28 -0
  222. package/lib/typescript/schema/FieldFlowSchemaForm.d.ts.map +1 -0
  223. package/lib/typescript/schema/index.d.ts +4 -0
  224. package/lib/typescript/schema/index.d.ts.map +1 -0
  225. package/lib/typescript/schema/types.d.ts +43 -0
  226. package/lib/typescript/schema/types.d.ts.map +1 -0
  227. package/lib/typescript/theme/ThemeProvider.d.ts +18 -4
  228. package/lib/typescript/theme/ThemeProvider.d.ts.map +1 -1
  229. package/lib/typescript/theme/appearance.d.ts +19 -0
  230. package/lib/typescript/theme/appearance.d.ts.map +1 -0
  231. package/lib/typescript/theme/defaultTheme.d.ts.map +1 -1
  232. package/lib/typescript/theme/index.d.ts +1 -0
  233. package/lib/typescript/theme/index.d.ts.map +1 -1
  234. package/lib/typescript/types/index.d.ts +26 -0
  235. package/lib/typescript/types/index.d.ts.map +1 -1
  236. package/package.json +2 -2
  237. package/src/a11y/audit.ts +99 -0
  238. package/src/a11y/index.ts +7 -0
  239. package/src/autofill/index.ts +10 -0
  240. package/src/autofill/profiles.ts +224 -0
  241. package/src/components/FieldFlowA11yAudit/FieldFlowA11yAudit.tsx +112 -0
  242. package/src/components/FieldFlowA11yAudit/index.ts +2 -0
  243. package/src/components/FieldFlowAuthActions/FieldFlowAuthActions.tsx +146 -0
  244. package/src/components/FieldFlowAuthActions/index.ts +6 -0
  245. package/src/components/FieldFlowCompleteness/FieldFlowCompleteness.tsx +109 -0
  246. package/src/components/FieldFlowCompleteness/index.ts +2 -0
  247. package/src/components/FieldFlowFormHeader/FieldFlowFormHeader.tsx +106 -0
  248. package/src/components/FieldFlowFormHeader/index.ts +2 -0
  249. package/src/components/FieldFlowInfoTip/FieldFlowInfoTip.tsx +120 -0
  250. package/src/components/FieldFlowInfoTip/index.ts +2 -0
  251. package/src/components/FieldFlowInlineAlert/FieldFlowInlineAlert.tsx +134 -0
  252. package/src/components/FieldFlowInlineAlert/index.ts +2 -0
  253. package/src/components/FieldFlowInput/FieldFlowInput.tsx +71 -13
  254. package/src/components/FieldFlowInput/styles.ts +58 -16
  255. package/src/components/FieldFlowInput/types.ts +21 -0
  256. package/src/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.tsx +150 -0
  257. package/src/components/FieldFlowKeyboardToolbar/index.ts +5 -0
  258. package/src/components/FieldFlowSkeleton/FieldFlowSkeleton.tsx +105 -0
  259. package/src/components/FieldFlowSkeleton/index.ts +2 -0
  260. package/src/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.tsx +8 -4
  261. package/src/hooks/index.ts +17 -0
  262. package/src/hooks/useFieldFlowCompleteness.ts +69 -0
  263. package/src/hooks/useFieldFlowSubmitQueue.ts +206 -0
  264. package/src/hooks/useKeyboardManager.ts +26 -0
  265. package/src/hooks/useSmartPaste.ts +33 -0
  266. package/src/index.ts +90 -0
  267. package/src/paste/index.ts +7 -0
  268. package/src/paste/smartPaste.ts +132 -0
  269. package/src/schema/FieldFlowSchemaForm.tsx +274 -0
  270. package/src/schema/index.ts +8 -0
  271. package/src/schema/types.ts +63 -0
  272. package/src/theme/ThemeProvider.tsx +96 -7
  273. package/src/theme/appearance.ts +105 -0
  274. package/src/theme/defaultTheme.ts +11 -0
  275. package/src/theme/index.ts +1 -0
  276. package/src/types/globals.d.ts +2 -0
  277. package/src/types/index.ts +28 -0
@@ -0,0 +1,68 @@
1
+ "use strict";
2
+
3
+ /**
4
+ * Dev-time accessibility audit for FieldFlow forms.
5
+ * Call in `__DEV__` and log / render via `FieldFlowA11yAudit`.
6
+ */
7
+ export function runA11yAudit(input) {
8
+ const minHit = input.minHitTarget ?? 44;
9
+ const issues = [];
10
+ for (const field of input.fields) {
11
+ if (!field.label && !field.hasAccessibilityLabel) {
12
+ issues.push({
13
+ id: `label-${field.name}`,
14
+ severity: 'error',
15
+ field: field.name,
16
+ message: `Field "${field.name}" has no visible label or accessibilityLabel`
17
+ });
18
+ }
19
+ if (field.placeholderOnly && !field.label) {
20
+ issues.push({
21
+ id: `placeholder-${field.name}`,
22
+ severity: 'warn',
23
+ field: field.name,
24
+ message: `Field "${field.name}" relies on placeholder as the only label`
25
+ });
26
+ }
27
+ if (field.required && field.label && !/\*|required/i.test(field.label) && !field.hasAccessibilityLabel) {
28
+ issues.push({
29
+ id: `required-${field.name}`,
30
+ severity: 'info',
31
+ field: field.name,
32
+ message: `Required field "${field.name}" — ensure required state is announced`
33
+ });
34
+ }
35
+ if (field.hasError && !field.errorText) {
36
+ issues.push({
37
+ id: `error-text-${field.name}`,
38
+ severity: 'error',
39
+ field: field.name,
40
+ message: `Field "${field.name}" is in error state without errorText for screen readers`
41
+ });
42
+ }
43
+ if (field.hitHeight != null && field.hitHeight < minHit) {
44
+ issues.push({
45
+ id: `hit-${field.name}`,
46
+ severity: 'warn',
47
+ field: field.name,
48
+ message: `Field "${field.name}" hit target ~${field.hitHeight}px (min ${minHit})`
49
+ });
50
+ }
51
+ }
52
+ if (input.respectsReducedMotion === false) {
53
+ issues.push({
54
+ id: 'reduced-motion',
55
+ severity: 'warn',
56
+ message: 'Animations may not respect Reduce Motion — use motion={false} or useReducedMotion'
57
+ });
58
+ }
59
+ if (input.fields.length === 0) {
60
+ issues.push({
61
+ id: 'empty',
62
+ severity: 'info',
63
+ message: 'No fields registered for audit'
64
+ });
65
+ }
66
+ return issues;
67
+ }
68
+ //# sourceMappingURL=audit.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["runA11yAudit","input","minHit","minHitTarget","issues","field","fields","label","hasAccessibilityLabel","push","id","name","severity","message","placeholderOnly","required","test","hasError","errorText","hitHeight","respectsReducedMotion","length"],"sourceRoot":"../../../src","sources":["a11y/audit.ts"],"mappings":";;AA8BA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAYA,CAACC,KAA8B,EAAwB;EACjF,MAAMC,MAAM,GAAGD,KAAK,CAACE,YAAY,IAAI,EAAE;EACvC,MAAMC,MAA4B,GAAG,EAAE;EAEvC,KAAK,MAAMC,KAAK,IAAIJ,KAAK,CAACK,MAAM,EAAE;IAChC,IAAI,CAACD,KAAK,CAACE,KAAK,IAAI,CAACF,KAAK,CAACG,qBAAqB,EAAE;MAChDJ,MAAM,CAACK,IAAI,CAAC;QACVC,EAAE,EAAE,SAASL,KAAK,CAACM,IAAI,EAAE;QACzBC,QAAQ,EAAE,OAAO;QACjBP,KAAK,EAAEA,KAAK,CAACM,IAAI;QACjBE,OAAO,EAAE,UAAUR,KAAK,CAACM,IAAI;MAC/B,CAAC,CAAC;IACJ;IACA,IAAIN,KAAK,CAACS,eAAe,IAAI,CAACT,KAAK,CAACE,KAAK,EAAE;MACzCH,MAAM,CAACK,IAAI,CAAC;QACVC,EAAE,EAAE,eAAeL,KAAK,CAACM,IAAI,EAAE;QAC/BC,QAAQ,EAAE,MAAM;QAChBP,KAAK,EAAEA,KAAK,CAACM,IAAI;QACjBE,OAAO,EAAE,UAAUR,KAAK,CAACM,IAAI;MAC/B,CAAC,CAAC;IACJ;IACA,IAAIN,KAAK,CAACU,QAAQ,IAAIV,KAAK,CAACE,KAAK,IAAI,CAAC,cAAc,CAACS,IAAI,CAACX,KAAK,CAACE,KAAK,CAAC,IAAI,CAACF,KAAK,CAACG,qBAAqB,EAAE;MACtGJ,MAAM,CAACK,IAAI,CAAC;QACVC,EAAE,EAAE,YAAYL,KAAK,CAACM,IAAI,EAAE;QAC5BC,QAAQ,EAAE,MAAM;QAChBP,KAAK,EAAEA,KAAK,CAACM,IAAI;QACjBE,OAAO,EAAE,mBAAmBR,KAAK,CAACM,IAAI;MACxC,CAAC,CAAC;IACJ;IACA,IAAIN,KAAK,CAACY,QAAQ,IAAI,CAACZ,KAAK,CAACa,SAAS,EAAE;MACtCd,MAAM,CAACK,IAAI,CAAC;QACVC,EAAE,EAAE,cAAcL,KAAK,CAACM,IAAI,EAAE;QAC9BC,QAAQ,EAAE,OAAO;QACjBP,KAAK,EAAEA,KAAK,CAACM,IAAI;QACjBE,OAAO,EAAE,UAAUR,KAAK,CAACM,IAAI;MAC/B,CAAC,CAAC;IACJ;IACA,IAAIN,KAAK,CAACc,SAAS,IAAI,IAAI,IAAId,KAAK,CAACc,SAAS,GAAGjB,MAAM,EAAE;MACvDE,MAAM,CAACK,IAAI,CAAC;QACVC,EAAE,EAAE,OAAOL,KAAK,CAACM,IAAI,EAAE;QACvBC,QAAQ,EAAE,MAAM;QAChBP,KAAK,EAAEA,KAAK,CAACM,IAAI;QACjBE,OAAO,EAAE,UAAUR,KAAK,CAACM,IAAI,iBAAiBN,KAAK,CAACc,SAAS,WAAWjB,MAAM;MAChF,CAAC,CAAC;IACJ;EACF;EAEA,IAAID,KAAK,CAACmB,qBAAqB,KAAK,KAAK,EAAE;IACzChB,MAAM,CAACK,IAAI,CAAC;MACVC,EAAE,EAAE,gBAAgB;MACpBE,QAAQ,EAAE,MAAM;MAChBC,OAAO,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,IAAIZ,KAAK,CAACK,MAAM,CAACe,MAAM,KAAK,CAAC,EAAE;IAC7BjB,MAAM,CAACK,IAAI,CAAC;MACVC,EAAE,EAAE,OAAO;MACXE,QAAQ,EAAE,MAAM;MAChBC,OAAO,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,OAAOT,MAAM;AACf","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export { runA11yAudit } from './audit';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["runA11yAudit"],"sourceRoot":"../../../src","sources":["a11y/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,SAAS","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export { getAutofillProps, autofillRoleFromFieldType, autofillProfiles } from './profiles';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["getAutofillProps","autofillRoleFromFieldType","autofillProfiles"],"sourceRoot":"../../../src","sources":["autofill/index.ts"],"mappings":";;AAAA,SACEA,gBAAgB,EAChBC,yBAAyB,EACzBC,gBAAgB,QACX,YAAY","ignoreList":[]}
@@ -0,0 +1,193 @@
1
+ "use strict";
2
+
3
+ /**
4
+ * Semantic autofill roles — map to platform `autoComplete` + iOS `textContentType`.
5
+ * Pass as `autofill="email"` on `FieldFlowInput`, or use a profile bundle.
6
+ */
7
+
8
+ const ROLE_MAP = {
9
+ off: {
10
+ autoComplete: 'off',
11
+ textContentType: 'none',
12
+ importantForAutofill: 'no'
13
+ },
14
+ name: {
15
+ autoComplete: 'name',
16
+ textContentType: 'name',
17
+ importantForAutofill: 'yes',
18
+ autoCapitalize: 'words'
19
+ },
20
+ givenName: {
21
+ autoComplete: 'given-name',
22
+ textContentType: 'givenName',
23
+ importantForAutofill: 'yes',
24
+ autoCapitalize: 'words'
25
+ },
26
+ familyName: {
27
+ autoComplete: 'family-name',
28
+ textContentType: 'familyName',
29
+ importantForAutofill: 'yes',
30
+ autoCapitalize: 'words'
31
+ },
32
+ email: {
33
+ autoComplete: 'email',
34
+ textContentType: 'emailAddress',
35
+ importantForAutofill: 'yes',
36
+ autoCapitalize: 'none',
37
+ autoCorrect: false
38
+ },
39
+ username: {
40
+ autoComplete: 'username',
41
+ textContentType: 'username',
42
+ importantForAutofill: 'yes',
43
+ autoCapitalize: 'none',
44
+ autoCorrect: false
45
+ },
46
+ password: {
47
+ autoComplete: 'password',
48
+ textContentType: 'password',
49
+ importantForAutofill: 'yes',
50
+ autoCapitalize: 'none',
51
+ autoCorrect: false
52
+ },
53
+ newPassword: {
54
+ autoComplete: 'password-new',
55
+ textContentType: 'newPassword',
56
+ importantForAutofill: 'yes',
57
+ autoCapitalize: 'none',
58
+ autoCorrect: false
59
+ },
60
+ oneTimeCode: {
61
+ autoComplete: 'sms-otp',
62
+ textContentType: 'oneTimeCode',
63
+ importantForAutofill: 'yes',
64
+ autoCapitalize: 'none',
65
+ autoCorrect: false
66
+ },
67
+ tel: {
68
+ autoComplete: 'tel',
69
+ textContentType: 'telephoneNumber',
70
+ importantForAutofill: 'yes'
71
+ },
72
+ streetAddress: {
73
+ autoComplete: 'street-address',
74
+ textContentType: 'fullStreetAddress',
75
+ importantForAutofill: 'yes'
76
+ },
77
+ postalCode: {
78
+ autoComplete: 'postal-code',
79
+ textContentType: 'postalCode',
80
+ importantForAutofill: 'yes'
81
+ },
82
+ addressCity: {
83
+ autoComplete: 'postal-address-locality',
84
+ textContentType: 'addressCity',
85
+ importantForAutofill: 'yes',
86
+ autoCapitalize: 'words'
87
+ },
88
+ addressState: {
89
+ autoComplete: 'postal-address-region',
90
+ textContentType: 'addressState',
91
+ importantForAutofill: 'yes'
92
+ },
93
+ country: {
94
+ autoComplete: 'country',
95
+ textContentType: 'countryName',
96
+ importantForAutofill: 'yes'
97
+ },
98
+ ccNumber: {
99
+ autoComplete: 'cc-number',
100
+ textContentType: 'creditCardNumber',
101
+ importantForAutofill: 'yes'
102
+ },
103
+ ccExp: {
104
+ autoComplete: 'cc-exp',
105
+ textContentType: 'creditCardExpiration',
106
+ importantForAutofill: 'yes'
107
+ },
108
+ ccCsc: {
109
+ autoComplete: 'cc-csc',
110
+ textContentType: 'creditCardSecurityCode',
111
+ importantForAutofill: 'yes'
112
+ },
113
+ ccName: {
114
+ autoComplete: 'cc-name',
115
+ textContentType: 'creditCardName',
116
+ importantForAutofill: 'yes',
117
+ autoCapitalize: 'words'
118
+ },
119
+ organization: {
120
+ autoComplete: 'organization',
121
+ textContentType: 'organizationName',
122
+ importantForAutofill: 'yes',
123
+ autoCapitalize: 'words'
124
+ },
125
+ url: {
126
+ autoComplete: 'url',
127
+ textContentType: 'URL',
128
+ importantForAutofill: 'yes',
129
+ autoCapitalize: 'none',
130
+ autoCorrect: false
131
+ },
132
+ birthdate: {
133
+ autoComplete: 'birthdate-full',
134
+ textContentType: 'none',
135
+ importantForAutofill: 'yes'
136
+ }
137
+ };
138
+
139
+ /** Resolve platform autofill props for a semantic role. */
140
+ export function getAutofillProps(role) {
141
+ return ROLE_MAP[role] ?? ROLE_MAP.off;
142
+ }
143
+
144
+ /** Infer a sensible autofill role from FieldFlow `type` when no explicit role is set. */
145
+ export function autofillRoleFromFieldType(type) {
146
+ switch (type) {
147
+ case 'email':
148
+ return 'email';
149
+ case 'phone':
150
+ return 'tel';
151
+ case 'password':
152
+ return 'password';
153
+ default:
154
+ return undefined;
155
+ }
156
+ }
157
+
158
+ /**
159
+ * Named screen profiles — spread onto multiple fields.
160
+ * Example: `autofillProfiles.signup.email` → role `'email'`.
161
+ */
162
+ export const autofillProfiles = {
163
+ login: {
164
+ email: 'email',
165
+ username: 'username',
166
+ password: 'password'
167
+ },
168
+ signup: {
169
+ name: 'name',
170
+ email: 'email',
171
+ password: 'newPassword',
172
+ phone: 'tel'
173
+ },
174
+ shipping: {
175
+ name: 'name',
176
+ street: 'streetAddress',
177
+ city: 'addressCity',
178
+ state: 'addressState',
179
+ postalCode: 'postalCode',
180
+ country: 'country',
181
+ phone: 'tel'
182
+ },
183
+ payment: {
184
+ name: 'ccName',
185
+ number: 'ccNumber',
186
+ expiry: 'ccExp',
187
+ cvc: 'ccCsc'
188
+ },
189
+ otp: {
190
+ code: 'oneTimeCode'
191
+ }
192
+ };
193
+ //# sourceMappingURL=profiles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["ROLE_MAP","off","autoComplete","textContentType","importantForAutofill","name","autoCapitalize","givenName","familyName","email","autoCorrect","username","password","newPassword","oneTimeCode","tel","streetAddress","postalCode","addressCity","addressState","country","ccNumber","ccExp","ccCsc","ccName","organization","url","birthdate","getAutofillProps","role","autofillRoleFromFieldType","type","undefined","autofillProfiles","login","signup","phone","shipping","street","city","state","payment","number","expiry","cvc","otp","code"],"sourceRoot":"../../../src","sources":["autofill/profiles.ts"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,94 @@
1
+ "use strict";
2
+
3
+ import React, { useMemo } from 'react';
4
+ import { StyleSheet, Text, View } from 'react-native';
5
+ import { runA11yAudit } from '../../a11y';
6
+ import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
7
+ import { defaultTheme } from '../../theme/defaultTheme';
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ /**
10
+ * Dev overlay listing accessibility issues for the current form.
11
+ * No-ops in production when `devOnly` is true.
12
+ */
13
+ export function FieldFlowA11yAudit({
14
+ audit,
15
+ issues: issuesProp,
16
+ devOnly = true,
17
+ title = 'FieldFlow a11y audit',
18
+ containerStyle,
19
+ theme: themeOverride,
20
+ testID
21
+ }) {
22
+ // Prefer RN `__DEV__`; fall back without assuming Node `process` types.
23
+ const isDev = typeof __DEV__ !== 'undefined' ? __DEV__ : typeof process !== 'undefined' && typeof process.env !== 'undefined' && process.env.NODE_ENV !== 'production';
24
+ const issues = useMemo(() => {
25
+ if (issuesProp) return issuesProp;
26
+ if (audit) return runA11yAudit(audit);
27
+ return [];
28
+ }, [audit, issuesProp]);
29
+ const contextTheme = useFieldFlowTheme();
30
+ const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
31
+ const styles = useMemo(() => createStyles(theme), [theme]);
32
+ if (devOnly && !isDev) return null;
33
+ if (issues.length === 0) {
34
+ return /*#__PURE__*/_jsxs(View, {
35
+ style: [styles.wrap, styles.ok, containerStyle],
36
+ testID: testID,
37
+ children: [/*#__PURE__*/_jsx(Text, {
38
+ style: styles.title,
39
+ children: title
40
+ }), /*#__PURE__*/_jsx(Text, {
41
+ style: styles.okText,
42
+ children: "No issues found"
43
+ })]
44
+ });
45
+ }
46
+ return /*#__PURE__*/_jsxs(View, {
47
+ style: [styles.wrap, containerStyle],
48
+ testID: testID,
49
+ children: [/*#__PURE__*/_jsxs(Text, {
50
+ style: styles.title,
51
+ children: [title, " (", issues.length, ")"]
52
+ }), issues.map(issue => /*#__PURE__*/_jsxs(Text, {
53
+ style: [styles.item, issue.severity === 'error' && styles.error, issue.severity === 'warn' && styles.warn],
54
+ children: ["[", issue.severity, "] ", issue.field ? `${issue.field}: ` : '', issue.message]
55
+ }, issue.id))]
56
+ });
57
+ }
58
+ function createStyles(theme) {
59
+ return StyleSheet.create({
60
+ wrap: {
61
+ marginVertical: 8,
62
+ padding: 12,
63
+ borderRadius: 8,
64
+ borderWidth: 1,
65
+ borderColor: theme.colors.borderError,
66
+ backgroundColor: theme.colors.background
67
+ },
68
+ ok: {
69
+ borderColor: theme.colors.borderSuccess
70
+ },
71
+ title: {
72
+ fontWeight: '700',
73
+ marginBottom: 6,
74
+ color: theme.colors.text,
75
+ fontSize: theme.typography.helperFontSize + 1
76
+ },
77
+ item: {
78
+ fontSize: theme.typography.helperFontSize,
79
+ color: theme.colors.label,
80
+ marginBottom: 4
81
+ },
82
+ error: {
83
+ color: theme.colors.error
84
+ },
85
+ warn: {
86
+ color: '#B45309'
87
+ },
88
+ okText: {
89
+ color: theme.colors.success,
90
+ fontSize: theme.typography.helperFontSize
91
+ }
92
+ });
93
+ }
94
+ //# sourceMappingURL=FieldFlowA11yAudit.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useMemo","StyleSheet","Text","View","runA11yAudit","useFieldFlowTheme","mergeDeep","defaultTheme","jsx","_jsx","jsxs","_jsxs","FieldFlowA11yAudit","audit","issues","issuesProp","devOnly","title","containerStyle","theme","themeOverride","testID","isDev","__DEV__","process","env","NODE_ENV","contextTheme","styles","createStyles","length","style","wrap","ok","children","okText","map","issue","item","severity","error","warn","field","message","id","create","marginVertical","padding","borderRadius","borderWidth","borderColor","colors","borderError","backgroundColor","background","borderSuccess","fontWeight","marginBottom","color","text","fontSize","typography","helperFontSize","label","success"],"sourceRoot":"../../../../src","sources":["components/FieldFlowA11yAudit/FieldFlowA11yAudit.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export { FieldFlowA11yAudit } from './FieldFlowA11yAudit';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["FieldFlowA11yAudit"],"sourceRoot":"../../../../src","sources":["components/FieldFlowA11yAudit/index.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,sBAAsB","ignoreList":[]}
@@ -0,0 +1,125 @@
1
+ "use strict";
2
+
3
+ import React, { useMemo } from 'react';
4
+ import { ActivityIndicator, Pressable, StyleSheet, Text, View } from 'react-native';
5
+ import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
6
+ import { defaultTheme } from '../../theme/defaultTheme';
7
+ import { renderFieldFlowIcon } from '../../icons';
8
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
9
+ /**
10
+ * Auth action strip for passkey / SSO / biometric — place above password fields.
11
+ * All providers are injected; FieldFlow only themes the chrome.
12
+ */
13
+ export function FieldFlowAuthActions({
14
+ actions,
15
+ title = 'Sign in faster',
16
+ dividerLabel = 'or continue with email',
17
+ loadingId,
18
+ containerStyle,
19
+ titleStyle,
20
+ theme: themeOverride,
21
+ testID
22
+ }) {
23
+ const contextTheme = useFieldFlowTheme();
24
+ const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
25
+ const styles = useMemo(() => createStyles(theme), [theme]);
26
+ if (!actions.length) return null;
27
+ return /*#__PURE__*/_jsxs(View, {
28
+ style: [styles.wrap, containerStyle],
29
+ testID: testID,
30
+ children: [title ? /*#__PURE__*/_jsx(Text, {
31
+ style: [styles.title, titleStyle],
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsx(View, {
34
+ style: styles.row,
35
+ children: actions.map(action => {
36
+ const loading = loadingId === action.id;
37
+ return /*#__PURE__*/_jsx(Pressable, {
38
+ style: [styles.btn, (action.disabled || loading) && styles.btnDisabled],
39
+ disabled: action.disabled || loading,
40
+ onPress: () => void action.onPress(),
41
+ accessibilityRole: "button",
42
+ accessibilityLabel: action.label,
43
+ children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
44
+ size: "small",
45
+ color: theme.colors.borderFocused
46
+ }) : /*#__PURE__*/_jsxs(_Fragment, {
47
+ children: [action.icon ? renderFieldFlowIcon(action.icon, theme.colors.text, 18) : null, /*#__PURE__*/_jsx(Text, {
48
+ style: styles.btnLabel,
49
+ numberOfLines: 1,
50
+ children: action.label
51
+ })]
52
+ })
53
+ }, action.id);
54
+ })
55
+ }), dividerLabel ? /*#__PURE__*/_jsxs(View, {
56
+ style: styles.dividerRow,
57
+ children: [/*#__PURE__*/_jsx(View, {
58
+ style: styles.line
59
+ }), /*#__PURE__*/_jsx(Text, {
60
+ style: styles.divider,
61
+ children: dividerLabel
62
+ }), /*#__PURE__*/_jsx(View, {
63
+ style: styles.line
64
+ })]
65
+ }) : null]
66
+ });
67
+ }
68
+ function createStyles(theme) {
69
+ return StyleSheet.create({
70
+ wrap: {
71
+ marginBottom: theme.spacing.gap * 2
72
+ },
73
+ title: {
74
+ fontSize: theme.typography.labelFontSize,
75
+ color: theme.colors.label,
76
+ fontWeight: '500',
77
+ marginBottom: theme.spacing.gap,
78
+ textAlign: 'center'
79
+ },
80
+ row: {
81
+ flexDirection: 'row',
82
+ flexWrap: 'wrap',
83
+ gap: 8,
84
+ justifyContent: 'center'
85
+ },
86
+ btn: {
87
+ flexGrow: 1,
88
+ minWidth: '30%',
89
+ flexDirection: 'row',
90
+ alignItems: 'center',
91
+ justifyContent: 'center',
92
+ gap: 8,
93
+ paddingVertical: 12,
94
+ paddingHorizontal: 12,
95
+ borderRadius: theme.spacing.borderRadius,
96
+ borderWidth: theme.spacing.borderWidth,
97
+ borderColor: theme.colors.border,
98
+ backgroundColor: theme.colors.background
99
+ },
100
+ btnDisabled: {
101
+ opacity: 0.5
102
+ },
103
+ btnLabel: {
104
+ fontSize: theme.typography.helperFontSize + 1,
105
+ fontWeight: '600',
106
+ color: theme.colors.text
107
+ },
108
+ dividerRow: {
109
+ flexDirection: 'row',
110
+ alignItems: 'center',
111
+ marginTop: theme.spacing.gap * 1.5,
112
+ gap: 10
113
+ },
114
+ line: {
115
+ flex: 1,
116
+ height: StyleSheet.hairlineWidth,
117
+ backgroundColor: theme.colors.border
118
+ },
119
+ divider: {
120
+ fontSize: theme.typography.helperFontSize,
121
+ color: theme.colors.placeholder
122
+ }
123
+ });
124
+ }
125
+ //# sourceMappingURL=FieldFlowAuthActions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useMemo","ActivityIndicator","Pressable","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","renderFieldFlowIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FieldFlowAuthActions","actions","title","dividerLabel","loadingId","containerStyle","titleStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","length","style","wrap","children","row","map","action","loading","id","btn","disabled","btnDisabled","onPress","accessibilityRole","accessibilityLabel","label","size","color","colors","borderFocused","icon","text","btnLabel","numberOfLines","dividerRow","line","divider","create","marginBottom","spacing","gap","fontSize","typography","labelFontSize","fontWeight","textAlign","flexDirection","flexWrap","justifyContent","flexGrow","minWidth","alignItems","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor","border","backgroundColor","background","opacity","helperFontSize","marginTop","flex","height","hairlineWidth","placeholder"],"sourceRoot":"../../../../src","sources":["components/FieldFlowAuthActions/FieldFlowAuthActions.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export { FieldFlowAuthActions } from './FieldFlowAuthActions';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["FieldFlowAuthActions"],"sourceRoot":"../../../../src","sources":["components/FieldFlowAuthActions/index.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}
@@ -0,0 +1,95 @@
1
+ "use strict";
2
+
3
+ import React, { useMemo } from 'react';
4
+ import { StyleSheet, Text, View } from 'react-native';
5
+ import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
6
+ import { defaultTheme } from '../../theme/defaultTheme';
7
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
+ export function FieldFlowCompleteness({
9
+ completeness,
10
+ title = 'Form progress',
11
+ showEstimate = true,
12
+ formatRemaining,
13
+ containerStyle,
14
+ titleStyle,
15
+ theme: themeOverride,
16
+ testID
17
+ }) {
18
+ const contextTheme = useFieldFlowTheme();
19
+ const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
20
+ const styles = useMemo(() => createStyles(theme), [theme]);
21
+ const remainingCopy = formatRemaining?.(completeness.remaining) ?? (completeness.isComplete ? 'All set' : `${completeness.remaining} field${completeness.remaining === 1 ? '' : 's'} left`);
22
+ return /*#__PURE__*/_jsxs(View, {
23
+ style: [styles.wrap, containerStyle],
24
+ testID: testID,
25
+ accessibilityRole: "progressbar",
26
+ children: [/*#__PURE__*/_jsxs(View, {
27
+ style: styles.header,
28
+ children: [/*#__PURE__*/_jsx(Text, {
29
+ style: [styles.title, titleStyle],
30
+ children: title
31
+ }), /*#__PURE__*/_jsxs(Text, {
32
+ style: styles.percent,
33
+ children: [completeness.percent, "%"]
34
+ })]
35
+ }), /*#__PURE__*/_jsxs(View, {
36
+ style: styles.track,
37
+ children: [/*#__PURE__*/_jsx(View, {
38
+ style: [styles.fill, {
39
+ flex: Math.max(0.001, completeness.progress)
40
+ }]
41
+ }), /*#__PURE__*/_jsx(View, {
42
+ style: {
43
+ flex: Math.max(0.001, 1 - completeness.progress)
44
+ }
45
+ })]
46
+ }), /*#__PURE__*/_jsxs(Text, {
47
+ style: styles.meta,
48
+ children: [remainingCopy, showEstimate && !completeness.isComplete ? ` · ~${completeness.estimatedSecondsLeft}s` : '']
49
+ })]
50
+ });
51
+ }
52
+ function createStyles(theme) {
53
+ return StyleSheet.create({
54
+ wrap: {
55
+ marginBottom: theme.spacing.gap * 2,
56
+ padding: theme.spacing.paddingHorizontal,
57
+ borderRadius: theme.spacing.borderRadius + 2,
58
+ backgroundColor: theme.colors.backgroundDisabled,
59
+ borderWidth: StyleSheet.hairlineWidth,
60
+ borderColor: theme.colors.border
61
+ },
62
+ header: {
63
+ flexDirection: 'row',
64
+ justifyContent: 'space-between',
65
+ marginBottom: 8
66
+ },
67
+ title: {
68
+ fontSize: theme.typography.helperFontSize + 1,
69
+ fontWeight: '600',
70
+ color: theme.colors.text
71
+ },
72
+ percent: {
73
+ fontSize: theme.typography.helperFontSize + 1,
74
+ fontWeight: '700',
75
+ color: theme.colors.borderFocused
76
+ },
77
+ track: {
78
+ flexDirection: 'row',
79
+ height: 6,
80
+ borderRadius: 3,
81
+ overflow: 'hidden',
82
+ backgroundColor: theme.colors.border
83
+ },
84
+ fill: {
85
+ backgroundColor: theme.colors.borderFocused,
86
+ borderRadius: 3
87
+ },
88
+ meta: {
89
+ marginTop: 8,
90
+ fontSize: theme.typography.helperFontSize,
91
+ color: theme.colors.label
92
+ }
93
+ });
94
+ }
95
+ //# sourceMappingURL=FieldFlowCompleteness.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useMemo","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","jsx","_jsx","jsxs","_jsxs","FieldFlowCompleteness","completeness","title","showEstimate","formatRemaining","containerStyle","titleStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","remainingCopy","remaining","isComplete","style","wrap","accessibilityRole","children","header","percent","track","fill","flex","Math","max","progress","meta","estimatedSecondsLeft","create","marginBottom","spacing","gap","padding","paddingHorizontal","borderRadius","backgroundColor","colors","backgroundDisabled","borderWidth","hairlineWidth","borderColor","border","flexDirection","justifyContent","fontSize","typography","helperFontSize","fontWeight","color","text","borderFocused","height","overflow","marginTop","label"],"sourceRoot":"../../../../src","sources":["components/FieldFlowCompleteness/FieldFlowCompleteness.tsx"],"mappings":"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","ignoreList":[]}