rn-inputforge 0.4.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.
- package/README.md +959 -39
- package/lib/commonjs/a11y/audit.js +72 -0
- package/lib/commonjs/a11y/audit.js.map +1 -0
- package/lib/commonjs/a11y/index.js +13 -0
- package/lib/commonjs/a11y/index.js.map +1 -0
- package/lib/commonjs/adapters/index.js +25 -0
- package/lib/commonjs/adapters/index.js.map +1 -0
- package/lib/commonjs/adapters/reactHookForm.js +107 -0
- package/lib/commonjs/adapters/reactHookForm.js.map +1 -0
- package/lib/commonjs/autofill/index.js +25 -0
- package/lib/commonjs/autofill/index.js.map +1 -0
- package/lib/commonjs/autofill/profiles.js +199 -0
- package/lib/commonjs/autofill/profiles.js.map +1 -0
- package/lib/commonjs/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js +99 -0
- package/lib/commonjs/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js.map +1 -0
- package/lib/commonjs/components/FieldFlowA11yAudit/index.js +13 -0
- package/lib/commonjs/components/FieldFlowA11yAudit/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowAffordance/FieldFlowAffordance.js +104 -0
- package/lib/commonjs/components/FieldFlowAffordance/FieldFlowAffordance.js.map +1 -0
- package/lib/commonjs/components/FieldFlowAffordance/index.js +13 -0
- package/lib/commonjs/components/FieldFlowAffordance/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowAuthActions/FieldFlowAuthActions.js +130 -0
- package/lib/commonjs/components/FieldFlowAuthActions/FieldFlowAuthActions.js.map +1 -0
- package/lib/commonjs/components/FieldFlowAuthActions/index.js +13 -0
- package/lib/commonjs/components/FieldFlowAuthActions/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowCompleteness/FieldFlowCompleteness.js +100 -0
- package/lib/commonjs/components/FieldFlowCompleteness/FieldFlowCompleteness.js.map +1 -0
- package/lib/commonjs/components/FieldFlowCompleteness/index.js +13 -0
- package/lib/commonjs/components/FieldFlowCompleteness/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowCreditCard/FieldFlowCreditCard.js +146 -0
- package/lib/commonjs/components/FieldFlowCreditCard/FieldFlowCreditCard.js.map +1 -0
- package/lib/commonjs/components/FieldFlowCreditCard/index.js +13 -0
- package/lib/commonjs/components/FieldFlowCreditCard/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowDraftBanner/FieldFlowDraftBanner.js +156 -0
- package/lib/commonjs/components/FieldFlowDraftBanner/FieldFlowDraftBanner.js.map +1 -0
- package/lib/commonjs/components/FieldFlowDraftBanner/index.js +13 -0
- package/lib/commonjs/components/FieldFlowDraftBanner/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowFormHeader/FieldFlowFormHeader.js +102 -0
- package/lib/commonjs/components/FieldFlowFormHeader/FieldFlowFormHeader.js.map +1 -0
- package/lib/commonjs/components/FieldFlowFormHeader/index.js +13 -0
- package/lib/commonjs/components/FieldFlowFormHeader/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInfoTip/FieldFlowInfoTip.js +121 -0
- package/lib/commonjs/components/FieldFlowInfoTip/FieldFlowInfoTip.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInfoTip/index.js +13 -0
- package/lib/commonjs/components/FieldFlowInfoTip/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js +142 -0
- package/lib/commonjs/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInlineAlert/index.js +13 -0
- package/lib/commonjs/components/FieldFlowInlineAlert/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js +179 -53
- package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js.map +1 -1
- package/lib/commonjs/components/FieldFlowInput/styles.js +60 -8
- package/lib/commonjs/components/FieldFlowInput/styles.js.map +1 -1
- package/lib/commonjs/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js +137 -0
- package/lib/commonjs/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js.map +1 -0
- package/lib/commonjs/components/FieldFlowKeyboardToolbar/index.js +19 -0
- package/lib/commonjs/components/FieldFlowKeyboardToolbar/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowNumberStepper/FieldFlowNumberStepper.js +136 -0
- package/lib/commonjs/components/FieldFlowNumberStepper/FieldFlowNumberStepper.js.map +1 -0
- package/lib/commonjs/components/FieldFlowNumberStepper/index.js +13 -0
- package/lib/commonjs/components/FieldFlowNumberStepper/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.js +122 -0
- package/lib/commonjs/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.js.map +1 -0
- package/lib/commonjs/components/FieldFlowPasswordStrength/index.js +13 -0
- package/lib/commonjs/components/FieldFlowPasswordStrength/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowPhone/FieldFlowPhone.js +263 -0
- package/lib/commonjs/components/FieldFlowPhone/FieldFlowPhone.js.map +1 -0
- package/lib/commonjs/components/FieldFlowPhone/index.js +13 -0
- package/lib/commonjs/components/FieldFlowPhone/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowRating/FieldFlowRating.js +106 -0
- package/lib/commonjs/components/FieldFlowRating/FieldFlowRating.js.map +1 -0
- package/lib/commonjs/components/FieldFlowRating/index.js +13 -0
- package/lib/commonjs/components/FieldFlowRating/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSection/FieldFlowSection.js +141 -0
- package/lib/commonjs/components/FieldFlowSection/FieldFlowSection.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSection/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSection/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSegmented/FieldFlowSegmented.js +195 -0
- package/lib/commonjs/components/FieldFlowSegmented/FieldFlowSegmented.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSegmented/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSegmented/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSignature/FieldFlowSignature.js +200 -0
- package/lib/commonjs/components/FieldFlowSignature/FieldFlowSignature.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSignature/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSignature/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSkeleton/FieldFlowSkeleton.js +101 -0
- package/lib/commonjs/components/FieldFlowSkeleton/FieldFlowSkeleton.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSkeleton/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSkeleton/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSlider/FieldFlowSlider.js +178 -0
- package/lib/commonjs/components/FieldFlowSlider/FieldFlowSlider.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSlider/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSlider/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowStepper/FieldFlowStepper.js +166 -0
- package/lib/commonjs/components/FieldFlowStepper/FieldFlowStepper.js.map +1 -0
- package/lib/commonjs/components/FieldFlowStepper/index.js +13 -0
- package/lib/commonjs/components/FieldFlowStepper/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowTags/FieldFlowTags.js +240 -0
- package/lib/commonjs/components/FieldFlowTags/FieldFlowTags.js.map +1 -0
- package/lib/commonjs/components/FieldFlowTags/index.js +13 -0
- package/lib/commonjs/components/FieldFlowTags/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowTypeahead/FieldFlowTypeahead.js +227 -0
- package/lib/commonjs/components/FieldFlowTypeahead/FieldFlowTypeahead.js.map +1 -0
- package/lib/commonjs/components/FieldFlowTypeahead/index.js +13 -0
- package/lib/commonjs/components/FieldFlowTypeahead/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowUpload/FieldFlowUpload.js +191 -0
- package/lib/commonjs/components/FieldFlowUpload/FieldFlowUpload.js.map +1 -0
- package/lib/commonjs/components/FieldFlowUpload/index.js +13 -0
- package/lib/commonjs/components/FieldFlowUpload/index.js.map +1 -0
- package/lib/commonjs/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +6 -4
- package/lib/commonjs/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -1
- package/lib/commonjs/hooks/index.js +56 -0
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useFieldFlowArray.js +110 -0
- package/lib/commonjs/hooks/useFieldFlowArray.js.map +1 -0
- package/lib/commonjs/hooks/useFieldFlowCompleteness.js +46 -0
- package/lib/commonjs/hooks/useFieldFlowCompleteness.js.map +1 -0
- package/lib/commonjs/hooks/useFieldFlowDirtyGuard.js +53 -0
- package/lib/commonjs/hooks/useFieldFlowDirtyGuard.js.map +1 -0
- package/lib/commonjs/hooks/useFieldFlowDraft.js +168 -0
- package/lib/commonjs/hooks/useFieldFlowDraft.js.map +1 -0
- package/lib/commonjs/hooks/useFieldFlowForm.js +224 -30
- package/lib/commonjs/hooks/useFieldFlowForm.js.map +1 -1
- package/lib/commonjs/hooks/useFieldFlowSteps.js +77 -0
- package/lib/commonjs/hooks/useFieldFlowSteps.js.map +1 -0
- package/lib/commonjs/hooks/useFieldFlowSubmitQueue.js +145 -0
- package/lib/commonjs/hooks/useFieldFlowSubmitQueue.js.map +1 -0
- package/lib/commonjs/hooks/useFormIntelligence.js +130 -0
- package/lib/commonjs/hooks/useFormIntelligence.js.map +1 -0
- package/lib/commonjs/hooks/useKeyboardManager.js +15 -0
- package/lib/commonjs/hooks/useKeyboardManager.js.map +1 -1
- package/lib/commonjs/hooks/useSmartPaste.js +27 -0
- package/lib/commonjs/hooks/useSmartPaste.js.map +1 -0
- package/lib/commonjs/i18n/index.js +25 -0
- package/lib/commonjs/i18n/index.js.map +1 -0
- package/lib/commonjs/i18n/messages.js +88 -0
- package/lib/commonjs/i18n/messages.js.map +1 -0
- package/lib/commonjs/index.js +466 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/intelligence/formAccessibility.js +79 -0
- package/lib/commonjs/intelligence/formAccessibility.js.map +1 -0
- package/lib/commonjs/intelligence/index.js +31 -0
- package/lib/commonjs/intelligence/index.js.map +1 -0
- package/lib/commonjs/intelligence/types.js +2 -0
- package/lib/commonjs/intelligence/types.js.map +1 -0
- package/lib/commonjs/motion/index.js +20 -0
- package/lib/commonjs/motion/index.js.map +1 -0
- package/lib/commonjs/motion/useFieldMotion.js +111 -0
- package/lib/commonjs/motion/useFieldMotion.js.map +1 -0
- package/lib/commonjs/motion/useReducedMotion.js +32 -0
- package/lib/commonjs/motion/useReducedMotion.js.map +1 -0
- package/lib/commonjs/paste/index.js +19 -0
- package/lib/commonjs/paste/index.js.map +1 -0
- package/lib/commonjs/paste/smartPaste.js +113 -0
- package/lib/commonjs/paste/smartPaste.js.map +1 -0
- package/lib/commonjs/schema/FieldFlowSchemaForm.js +219 -0
- package/lib/commonjs/schema/FieldFlowSchemaForm.js.map +1 -0
- package/lib/commonjs/schema/index.js +13 -0
- package/lib/commonjs/schema/index.js.map +1 -0
- package/lib/commonjs/schema/types.js +6 -0
- package/lib/commonjs/schema/types.js.map +1 -0
- package/lib/commonjs/theme/ThemeProvider.js +65 -4
- package/lib/commonjs/theme/ThemeProvider.js.map +1 -1
- package/lib/commonjs/theme/appearance.js +93 -0
- package/lib/commonjs/theme/appearance.js.map +1 -0
- package/lib/commonjs/theme/defaultTheme.js +17 -2
- package/lib/commonjs/theme/defaultTheme.js.map +1 -1
- package/lib/commonjs/theme/index.js +32 -0
- package/lib/commonjs/theme/index.js.map +1 -1
- package/lib/commonjs/theme/presets.js +142 -0
- package/lib/commonjs/theme/presets.js.map +1 -0
- package/lib/commonjs/types/globals.d.js +2 -0
- package/lib/commonjs/types/globals.d.js.map +1 -0
- package/lib/commonjs/utils/affordance.js +151 -0
- package/lib/commonjs/utils/affordance.js.map +1 -0
- package/lib/commonjs/utils/passwordStrength.js +79 -0
- package/lib/commonjs/utils/passwordStrength.js.map +1 -0
- package/lib/commonjs/utils/phoneCountries.js +119 -0
- package/lib/commonjs/utils/phoneCountries.js.map +1 -0
- package/lib/commonjs/validation/validators.js +10 -7
- package/lib/commonjs/validation/validators.js.map +1 -1
- package/lib/module/a11y/audit.js +68 -0
- package/lib/module/a11y/audit.js.map +1 -0
- package/lib/module/a11y/index.js +4 -0
- package/lib/module/a11y/index.js.map +1 -0
- package/lib/module/adapters/index.js +4 -0
- package/lib/module/adapters/index.js.map +1 -0
- package/lib/module/adapters/reactHookForm.js +100 -0
- package/lib/module/adapters/reactHookForm.js.map +1 -0
- package/lib/module/autofill/index.js +4 -0
- package/lib/module/autofill/index.js.map +1 -0
- package/lib/module/autofill/profiles.js +193 -0
- package/lib/module/autofill/profiles.js.map +1 -0
- package/lib/module/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js +94 -0
- package/lib/module/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js.map +1 -0
- package/lib/module/components/FieldFlowA11yAudit/index.js +4 -0
- package/lib/module/components/FieldFlowA11yAudit/index.js.map +1 -0
- package/lib/module/components/FieldFlowAffordance/FieldFlowAffordance.js +99 -0
- package/lib/module/components/FieldFlowAffordance/FieldFlowAffordance.js.map +1 -0
- package/lib/module/components/FieldFlowAffordance/index.js +4 -0
- package/lib/module/components/FieldFlowAffordance/index.js.map +1 -0
- package/lib/module/components/FieldFlowAuthActions/FieldFlowAuthActions.js +125 -0
- package/lib/module/components/FieldFlowAuthActions/FieldFlowAuthActions.js.map +1 -0
- package/lib/module/components/FieldFlowAuthActions/index.js +4 -0
- package/lib/module/components/FieldFlowAuthActions/index.js.map +1 -0
- package/lib/module/components/FieldFlowCompleteness/FieldFlowCompleteness.js +95 -0
- package/lib/module/components/FieldFlowCompleteness/FieldFlowCompleteness.js.map +1 -0
- package/lib/module/components/FieldFlowCompleteness/index.js +4 -0
- package/lib/module/components/FieldFlowCompleteness/index.js.map +1 -0
- package/lib/module/components/FieldFlowCreditCard/FieldFlowCreditCard.js +141 -0
- package/lib/module/components/FieldFlowCreditCard/FieldFlowCreditCard.js.map +1 -0
- package/lib/module/components/FieldFlowCreditCard/index.js +4 -0
- package/lib/module/components/FieldFlowCreditCard/index.js.map +1 -0
- package/lib/module/components/FieldFlowDraftBanner/FieldFlowDraftBanner.js +151 -0
- package/lib/module/components/FieldFlowDraftBanner/FieldFlowDraftBanner.js.map +1 -0
- package/lib/module/components/FieldFlowDraftBanner/index.js +4 -0
- package/lib/module/components/FieldFlowDraftBanner/index.js.map +1 -0
- package/lib/module/components/FieldFlowFormHeader/FieldFlowFormHeader.js +97 -0
- package/lib/module/components/FieldFlowFormHeader/FieldFlowFormHeader.js.map +1 -0
- package/lib/module/components/FieldFlowFormHeader/index.js +4 -0
- package/lib/module/components/FieldFlowFormHeader/index.js.map +1 -0
- package/lib/module/components/FieldFlowInfoTip/FieldFlowInfoTip.js +116 -0
- package/lib/module/components/FieldFlowInfoTip/FieldFlowInfoTip.js.map +1 -0
- package/lib/module/components/FieldFlowInfoTip/index.js +4 -0
- package/lib/module/components/FieldFlowInfoTip/index.js.map +1 -0
- package/lib/module/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js +137 -0
- package/lib/module/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js.map +1 -0
- package/lib/module/components/FieldFlowInlineAlert/index.js +4 -0
- package/lib/module/components/FieldFlowInlineAlert/index.js.map +1 -0
- package/lib/module/components/FieldFlowInput/FieldFlowInput.js +180 -54
- package/lib/module/components/FieldFlowInput/FieldFlowInput.js.map +1 -1
- package/lib/module/components/FieldFlowInput/styles.js +60 -8
- package/lib/module/components/FieldFlowInput/styles.js.map +1 -1
- package/lib/module/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js +131 -0
- package/lib/module/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js.map +1 -0
- package/lib/module/components/FieldFlowKeyboardToolbar/index.js +4 -0
- package/lib/module/components/FieldFlowKeyboardToolbar/index.js.map +1 -0
- package/lib/module/components/FieldFlowNumberStepper/FieldFlowNumberStepper.js +131 -0
- package/lib/module/components/FieldFlowNumberStepper/FieldFlowNumberStepper.js.map +1 -0
- package/lib/module/components/FieldFlowNumberStepper/index.js +4 -0
- package/lib/module/components/FieldFlowNumberStepper/index.js.map +1 -0
- package/lib/module/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.js +117 -0
- package/lib/module/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.js.map +1 -0
- package/lib/module/components/FieldFlowPasswordStrength/index.js +4 -0
- package/lib/module/components/FieldFlowPasswordStrength/index.js.map +1 -0
- package/lib/module/components/FieldFlowPhone/FieldFlowPhone.js +258 -0
- package/lib/module/components/FieldFlowPhone/FieldFlowPhone.js.map +1 -0
- package/lib/module/components/FieldFlowPhone/index.js +4 -0
- package/lib/module/components/FieldFlowPhone/index.js.map +1 -0
- package/lib/module/components/FieldFlowRating/FieldFlowRating.js +101 -0
- package/lib/module/components/FieldFlowRating/FieldFlowRating.js.map +1 -0
- package/lib/module/components/FieldFlowRating/index.js +4 -0
- package/lib/module/components/FieldFlowRating/index.js.map +1 -0
- package/lib/module/components/FieldFlowSection/FieldFlowSection.js +136 -0
- package/lib/module/components/FieldFlowSection/FieldFlowSection.js.map +1 -0
- package/lib/module/components/FieldFlowSection/index.js +4 -0
- package/lib/module/components/FieldFlowSection/index.js.map +1 -0
- package/lib/module/components/FieldFlowSegmented/FieldFlowSegmented.js +190 -0
- package/lib/module/components/FieldFlowSegmented/FieldFlowSegmented.js.map +1 -0
- package/lib/module/components/FieldFlowSegmented/index.js +4 -0
- package/lib/module/components/FieldFlowSegmented/index.js.map +1 -0
- package/lib/module/components/FieldFlowSignature/FieldFlowSignature.js +195 -0
- package/lib/module/components/FieldFlowSignature/FieldFlowSignature.js.map +1 -0
- package/lib/module/components/FieldFlowSignature/index.js +4 -0
- package/lib/module/components/FieldFlowSignature/index.js.map +1 -0
- package/lib/module/components/FieldFlowSkeleton/FieldFlowSkeleton.js +96 -0
- package/lib/module/components/FieldFlowSkeleton/FieldFlowSkeleton.js.map +1 -0
- package/lib/module/components/FieldFlowSkeleton/index.js +4 -0
- package/lib/module/components/FieldFlowSkeleton/index.js.map +1 -0
- package/lib/module/components/FieldFlowSlider/FieldFlowSlider.js +173 -0
- package/lib/module/components/FieldFlowSlider/FieldFlowSlider.js.map +1 -0
- package/lib/module/components/FieldFlowSlider/index.js +4 -0
- package/lib/module/components/FieldFlowSlider/index.js.map +1 -0
- package/lib/module/components/FieldFlowStepper/FieldFlowStepper.js +161 -0
- package/lib/module/components/FieldFlowStepper/FieldFlowStepper.js.map +1 -0
- package/lib/module/components/FieldFlowStepper/index.js +4 -0
- package/lib/module/components/FieldFlowStepper/index.js.map +1 -0
- package/lib/module/components/FieldFlowTags/FieldFlowTags.js +235 -0
- package/lib/module/components/FieldFlowTags/FieldFlowTags.js.map +1 -0
- package/lib/module/components/FieldFlowTags/index.js +4 -0
- package/lib/module/components/FieldFlowTags/index.js.map +1 -0
- package/lib/module/components/FieldFlowTypeahead/FieldFlowTypeahead.js +222 -0
- package/lib/module/components/FieldFlowTypeahead/FieldFlowTypeahead.js.map +1 -0
- package/lib/module/components/FieldFlowTypeahead/index.js +4 -0
- package/lib/module/components/FieldFlowTypeahead/index.js.map +1 -0
- package/lib/module/components/FieldFlowUpload/FieldFlowUpload.js +186 -0
- package/lib/module/components/FieldFlowUpload/FieldFlowUpload.js.map +1 -0
- package/lib/module/components/FieldFlowUpload/index.js +4 -0
- package/lib/module/components/FieldFlowUpload/index.js.map +1 -0
- package/lib/module/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +5 -3
- package/lib/module/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -1
- package/lib/module/hooks/index.js +8 -0
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useFieldFlowArray.js +106 -0
- package/lib/module/hooks/useFieldFlowArray.js.map +1 -0
- package/lib/module/hooks/useFieldFlowCompleteness.js +42 -0
- package/lib/module/hooks/useFieldFlowCompleteness.js.map +1 -0
- package/lib/module/hooks/useFieldFlowDirtyGuard.js +49 -0
- package/lib/module/hooks/useFieldFlowDirtyGuard.js.map +1 -0
- package/lib/module/hooks/useFieldFlowDraft.js +165 -0
- package/lib/module/hooks/useFieldFlowDraft.js.map +1 -0
- package/lib/module/hooks/useFieldFlowForm.js +224 -30
- package/lib/module/hooks/useFieldFlowForm.js.map +1 -1
- package/lib/module/hooks/useFieldFlowSteps.js +73 -0
- package/lib/module/hooks/useFieldFlowSteps.js.map +1 -0
- package/lib/module/hooks/useFieldFlowSubmitQueue.js +141 -0
- package/lib/module/hooks/useFieldFlowSubmitQueue.js.map +1 -0
- package/lib/module/hooks/useFormIntelligence.js +126 -0
- package/lib/module/hooks/useFormIntelligence.js.map +1 -0
- package/lib/module/hooks/useKeyboardManager.js +15 -0
- package/lib/module/hooks/useKeyboardManager.js.map +1 -1
- package/lib/module/hooks/useSmartPaste.js +23 -0
- package/lib/module/hooks/useSmartPaste.js.map +1 -0
- package/lib/module/i18n/index.js +4 -0
- package/lib/module/i18n/index.js.map +1 -0
- package/lib/module/i18n/messages.js +82 -0
- package/lib/module/i18n/messages.js.map +1 -0
- package/lib/module/index.js +46 -2
- package/lib/module/index.js.map +1 -1
- package/lib/module/intelligence/formAccessibility.js +72 -0
- package/lib/module/intelligence/formAccessibility.js.map +1 -0
- package/lib/module/intelligence/index.js +4 -0
- package/lib/module/intelligence/index.js.map +1 -0
- package/lib/module/intelligence/types.js +2 -0
- package/lib/module/intelligence/types.js.map +1 -0
- package/lib/module/motion/index.js +5 -0
- package/lib/module/motion/index.js.map +1 -0
- package/lib/module/motion/useFieldMotion.js +107 -0
- package/lib/module/motion/useFieldMotion.js.map +1 -0
- package/lib/module/motion/useReducedMotion.js +29 -0
- package/lib/module/motion/useReducedMotion.js.map +1 -0
- package/lib/module/paste/index.js +4 -0
- package/lib/module/paste/index.js.map +1 -0
- package/lib/module/paste/smartPaste.js +108 -0
- package/lib/module/paste/smartPaste.js.map +1 -0
- package/lib/module/schema/FieldFlowSchemaForm.js +214 -0
- package/lib/module/schema/FieldFlowSchemaForm.js.map +1 -0
- package/lib/module/schema/index.js +4 -0
- package/lib/module/schema/index.js.map +1 -0
- package/lib/module/schema/types.js +4 -0
- package/lib/module/schema/types.js.map +1 -0
- package/lib/module/theme/ThemeProvider.js +66 -5
- package/lib/module/theme/ThemeProvider.js.map +1 -1
- package/lib/module/theme/appearance.js +87 -0
- package/lib/module/theme/appearance.js.map +1 -0
- package/lib/module/theme/defaultTheme.js +17 -2
- package/lib/module/theme/defaultTheme.js.map +1 -1
- package/lib/module/theme/index.js +2 -0
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/theme/presets.js +138 -0
- package/lib/module/theme/presets.js.map +1 -0
- package/lib/module/types/globals.d.js +2 -0
- package/lib/module/types/globals.d.js.map +1 -0
- package/lib/module/utils/affordance.js +140 -0
- package/lib/module/utils/affordance.js.map +1 -0
- package/lib/module/utils/passwordStrength.js +74 -0
- package/lib/module/utils/passwordStrength.js.map +1 -0
- package/lib/module/utils/phoneCountries.js +113 -0
- package/lib/module/utils/phoneCountries.js.map +1 -0
- package/lib/module/validation/validators.js +10 -7
- package/lib/module/validation/validators.js.map +1 -1
- package/lib/typescript/a11y/audit.d.ts +32 -0
- package/lib/typescript/a11y/audit.d.ts.map +1 -0
- package/lib/typescript/a11y/index.d.ts +3 -0
- package/lib/typescript/a11y/index.d.ts.map +1 -0
- package/lib/typescript/adapters/index.d.ts +3 -0
- package/lib/typescript/adapters/index.d.ts.map +1 -0
- package/lib/typescript/adapters/reactHookForm.d.ts +56 -0
- package/lib/typescript/adapters/reactHookForm.d.ts.map +1 -0
- package/lib/typescript/autofill/index.d.ts +3 -0
- package/lib/typescript/autofill/index.d.ts.map +1 -0
- package/lib/typescript/autofill/profiles.d.ts +48 -0
- package/lib/typescript/autofill/profiles.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowA11yAudit/FieldFlowA11yAudit.d.ts +21 -0
- package/lib/typescript/components/FieldFlowA11yAudit/FieldFlowA11yAudit.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowA11yAudit/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowA11yAudit/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowAffordance/FieldFlowAffordance.d.ts +29 -0
- package/lib/typescript/components/FieldFlowAffordance/FieldFlowAffordance.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowAffordance/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowAffordance/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowAuthActions/FieldFlowAuthActions.d.ts +29 -0
- package/lib/typescript/components/FieldFlowAuthActions/FieldFlowAuthActions.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowAuthActions/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowAuthActions/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowCompleteness/FieldFlowCompleteness.d.ts +25 -0
- package/lib/typescript/components/FieldFlowCompleteness/FieldFlowCompleteness.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowCompleteness/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowCompleteness/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowCreditCard/FieldFlowCreditCard.d.ts +27 -0
- package/lib/typescript/components/FieldFlowCreditCard/FieldFlowCreditCard.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowCreditCard/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowCreditCard/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowDraftBanner/FieldFlowDraftBanner.d.ts +24 -0
- package/lib/typescript/components/FieldFlowDraftBanner/FieldFlowDraftBanner.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowDraftBanner/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowDraftBanner/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowFormHeader/FieldFlowFormHeader.d.ts +23 -0
- package/lib/typescript/components/FieldFlowFormHeader/FieldFlowFormHeader.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowFormHeader/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowFormHeader/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInfoTip/FieldFlowInfoTip.d.ts +19 -0
- package/lib/typescript/components/FieldFlowInfoTip/FieldFlowInfoTip.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInfoTip/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowInfoTip/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInlineAlert/FieldFlowInlineAlert.d.ts +22 -0
- package/lib/typescript/components/FieldFlowInlineAlert/FieldFlowInlineAlert.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInlineAlert/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowInlineAlert/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInput/FieldFlowInput.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowInput/styles.d.ts +52 -1
- package/lib/typescript/components/FieldFlowInput/styles.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowInput/types.d.ts +50 -0
- package/lib/typescript/components/FieldFlowInput/types.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.d.ts +30 -0
- package/lib/typescript/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowKeyboardToolbar/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowKeyboardToolbar/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowNumberStepper/FieldFlowNumberStepper.d.ts +34 -0
- package/lib/typescript/components/FieldFlowNumberStepper/FieldFlowNumberStepper.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowNumberStepper/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowNumberStepper/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.d.ts +26 -0
- package/lib/typescript/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowPasswordStrength/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowPasswordStrength/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowPhone/FieldFlowPhone.d.ts +40 -0
- package/lib/typescript/components/FieldFlowPhone/FieldFlowPhone.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowPhone/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowPhone/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowRating/FieldFlowRating.d.ts +30 -0
- package/lib/typescript/components/FieldFlowRating/FieldFlowRating.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowRating/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowRating/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSection/FieldFlowSection.d.ts +35 -0
- package/lib/typescript/components/FieldFlowSection/FieldFlowSection.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSection/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSection/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSegmented/FieldFlowSegmented.d.ts +28 -0
- package/lib/typescript/components/FieldFlowSegmented/FieldFlowSegmented.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSegmented/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSegmented/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSignature/FieldFlowSignature.d.ts +41 -0
- package/lib/typescript/components/FieldFlowSignature/FieldFlowSignature.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSignature/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSignature/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSkeleton/FieldFlowSkeleton.d.ts +21 -0
- package/lib/typescript/components/FieldFlowSkeleton/FieldFlowSkeleton.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSkeleton/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSkeleton/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSlider/FieldFlowSlider.d.ts +30 -0
- package/lib/typescript/components/FieldFlowSlider/FieldFlowSlider.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSlider/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSlider/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowStepper/FieldFlowStepper.d.ts +31 -0
- package/lib/typescript/components/FieldFlowStepper/FieldFlowStepper.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowStepper/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowStepper/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowTags/FieldFlowTags.d.ts +41 -0
- package/lib/typescript/components/FieldFlowTags/FieldFlowTags.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowTags/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowTags/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowTypeahead/FieldFlowTypeahead.d.ts +43 -0
- package/lib/typescript/components/FieldFlowTypeahead/FieldFlowTypeahead.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowTypeahead/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowTypeahead/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowUpload/FieldFlowUpload.d.ts +52 -0
- package/lib/typescript/components/FieldFlowUpload/FieldFlowUpload.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowUpload/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowUpload/index.d.ts.map +1 -0
- package/lib/typescript/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts +3 -2
- package/lib/typescript/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts.map +1 -1
- package/lib/typescript/hooks/index.d.ts +17 -1
- package/lib/typescript/hooks/index.d.ts.map +1 -1
- package/lib/typescript/hooks/useFieldFlowArray.d.ts +54 -0
- package/lib/typescript/hooks/useFieldFlowArray.d.ts.map +1 -0
- package/lib/typescript/hooks/useFieldFlowCompleteness.d.ts +28 -0
- package/lib/typescript/hooks/useFieldFlowCompleteness.d.ts.map +1 -0
- package/lib/typescript/hooks/useFieldFlowDirtyGuard.d.ts +26 -0
- package/lib/typescript/hooks/useFieldFlowDirtyGuard.d.ts.map +1 -0
- package/lib/typescript/hooks/useFieldFlowDraft.d.ts +64 -0
- package/lib/typescript/hooks/useFieldFlowDraft.d.ts.map +1 -0
- package/lib/typescript/hooks/useFieldFlowForm.d.ts +80 -2
- package/lib/typescript/hooks/useFieldFlowForm.d.ts.map +1 -1
- package/lib/typescript/hooks/useFieldFlowSteps.d.ts +42 -0
- package/lib/typescript/hooks/useFieldFlowSteps.d.ts.map +1 -0
- package/lib/typescript/hooks/useFieldFlowSubmitQueue.d.ts +45 -0
- package/lib/typescript/hooks/useFieldFlowSubmitQueue.d.ts.map +1 -0
- package/lib/typescript/hooks/useFormIntelligence.d.ts +23 -0
- package/lib/typescript/hooks/useFormIntelligence.d.ts.map +1 -0
- package/lib/typescript/hooks/useKeyboardManager.d.ts +6 -0
- package/lib/typescript/hooks/useKeyboardManager.d.ts.map +1 -1
- package/lib/typescript/hooks/useSmartPaste.d.ts +14 -0
- package/lib/typescript/hooks/useSmartPaste.d.ts.map +1 -0
- package/lib/typescript/i18n/index.d.ts +3 -0
- package/lib/typescript/i18n/index.d.ts.map +1 -0
- package/lib/typescript/i18n/messages.d.ts +16 -0
- package/lib/typescript/i18n/messages.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +73 -5
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/intelligence/formAccessibility.d.ts +21 -0
- package/lib/typescript/intelligence/formAccessibility.d.ts.map +1 -0
- package/lib/typescript/intelligence/index.d.ts +4 -0
- package/lib/typescript/intelligence/index.d.ts.map +1 -0
- package/lib/typescript/intelligence/types.d.ts +36 -0
- package/lib/typescript/intelligence/types.d.ts.map +1 -0
- package/lib/typescript/motion/index.d.ts +4 -0
- package/lib/typescript/motion/index.d.ts.map +1 -0
- package/lib/typescript/motion/useFieldMotion.d.ts +31 -0
- package/lib/typescript/motion/useFieldMotion.d.ts.map +1 -0
- package/lib/typescript/motion/useReducedMotion.d.ts +5 -0
- package/lib/typescript/motion/useReducedMotion.d.ts.map +1 -0
- package/lib/typescript/paste/index.d.ts +3 -0
- package/lib/typescript/paste/index.d.ts.map +1 -0
- package/lib/typescript/paste/smartPaste.d.ts +32 -0
- package/lib/typescript/paste/smartPaste.d.ts.map +1 -0
- package/lib/typescript/schema/FieldFlowSchemaForm.d.ts +28 -0
- package/lib/typescript/schema/FieldFlowSchemaForm.d.ts.map +1 -0
- package/lib/typescript/schema/index.d.ts +4 -0
- package/lib/typescript/schema/index.d.ts.map +1 -0
- package/lib/typescript/schema/types.d.ts +43 -0
- package/lib/typescript/schema/types.d.ts.map +1 -0
- package/lib/typescript/theme/ThemeProvider.d.ts +18 -4
- package/lib/typescript/theme/ThemeProvider.d.ts.map +1 -1
- package/lib/typescript/theme/appearance.d.ts +19 -0
- package/lib/typescript/theme/appearance.d.ts.map +1 -0
- package/lib/typescript/theme/defaultTheme.d.ts.map +1 -1
- package/lib/typescript/theme/index.d.ts +3 -0
- package/lib/typescript/theme/index.d.ts.map +1 -1
- package/lib/typescript/theme/presets.d.ts +134 -0
- package/lib/typescript/theme/presets.d.ts.map +1 -0
- package/lib/typescript/types/index.d.ts +26 -0
- package/lib/typescript/types/index.d.ts.map +1 -1
- package/lib/typescript/utils/affordance.d.ts +36 -0
- package/lib/typescript/utils/affordance.d.ts.map +1 -0
- package/lib/typescript/utils/passwordStrength.d.ts +26 -0
- package/lib/typescript/utils/passwordStrength.d.ts.map +1 -0
- package/lib/typescript/utils/phoneCountries.d.ts +12 -0
- package/lib/typescript/utils/phoneCountries.d.ts.map +1 -0
- package/lib/typescript/validation/validators.d.ts +3 -1
- package/lib/typescript/validation/validators.d.ts.map +1 -1
- package/package.json +19 -2
- package/src/a11y/audit.ts +99 -0
- package/src/a11y/index.ts +7 -0
- package/src/adapters/index.ts +9 -0
- package/src/adapters/reactHookForm.tsx +152 -0
- package/src/autofill/index.ts +10 -0
- package/src/autofill/profiles.ts +224 -0
- package/src/components/FieldFlowA11yAudit/FieldFlowA11yAudit.tsx +112 -0
- package/src/components/FieldFlowA11yAudit/index.ts +2 -0
- package/src/components/FieldFlowAffordance/FieldFlowAffordance.tsx +143 -0
- package/src/components/FieldFlowAffordance/index.ts +2 -0
- package/src/components/FieldFlowAuthActions/FieldFlowAuthActions.tsx +146 -0
- package/src/components/FieldFlowAuthActions/index.ts +6 -0
- package/src/components/FieldFlowCompleteness/FieldFlowCompleteness.tsx +109 -0
- package/src/components/FieldFlowCompleteness/index.ts +2 -0
- package/src/components/FieldFlowCreditCard/FieldFlowCreditCard.tsx +152 -0
- package/src/components/FieldFlowCreditCard/index.ts +2 -0
- package/src/components/FieldFlowDraftBanner/FieldFlowDraftBanner.tsx +169 -0
- package/src/components/FieldFlowDraftBanner/index.ts +2 -0
- package/src/components/FieldFlowFormHeader/FieldFlowFormHeader.tsx +106 -0
- package/src/components/FieldFlowFormHeader/index.ts +2 -0
- package/src/components/FieldFlowInfoTip/FieldFlowInfoTip.tsx +120 -0
- package/src/components/FieldFlowInfoTip/index.ts +2 -0
- package/src/components/FieldFlowInlineAlert/FieldFlowInlineAlert.tsx +134 -0
- package/src/components/FieldFlowInlineAlert/index.ts +2 -0
- package/src/components/FieldFlowInput/FieldFlowInput.tsx +240 -61
- package/src/components/FieldFlowInput/styles.ts +69 -11
- package/src/components/FieldFlowInput/types.ts +54 -0
- package/src/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.tsx +150 -0
- package/src/components/FieldFlowKeyboardToolbar/index.ts +5 -0
- package/src/components/FieldFlowNumberStepper/FieldFlowNumberStepper.tsx +156 -0
- package/src/components/FieldFlowNumberStepper/index.ts +2 -0
- package/src/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.tsx +148 -0
- package/src/components/FieldFlowPasswordStrength/index.ts +2 -0
- package/src/components/FieldFlowPhone/FieldFlowPhone.tsx +298 -0
- package/src/components/FieldFlowPhone/index.ts +2 -0
- package/src/components/FieldFlowRating/FieldFlowRating.tsx +121 -0
- package/src/components/FieldFlowRating/index.ts +2 -0
- package/src/components/FieldFlowSection/FieldFlowSection.tsx +176 -0
- package/src/components/FieldFlowSection/index.ts +2 -0
- package/src/components/FieldFlowSegmented/FieldFlowSegmented.tsx +248 -0
- package/src/components/FieldFlowSegmented/index.ts +2 -0
- package/src/components/FieldFlowSignature/FieldFlowSignature.tsx +241 -0
- package/src/components/FieldFlowSignature/index.ts +7 -0
- package/src/components/FieldFlowSkeleton/FieldFlowSkeleton.tsx +105 -0
- package/src/components/FieldFlowSkeleton/index.ts +2 -0
- package/src/components/FieldFlowSlider/FieldFlowSlider.tsx +190 -0
- package/src/components/FieldFlowSlider/index.ts +2 -0
- package/src/components/FieldFlowStepper/FieldFlowStepper.tsx +190 -0
- package/src/components/FieldFlowStepper/index.ts +2 -0
- package/src/components/FieldFlowTags/FieldFlowTags.tsx +319 -0
- package/src/components/FieldFlowTags/index.ts +2 -0
- package/src/components/FieldFlowTypeahead/FieldFlowTypeahead.tsx +261 -0
- package/src/components/FieldFlowTypeahead/index.ts +2 -0
- package/src/components/FieldFlowUpload/FieldFlowUpload.tsx +226 -0
- package/src/components/FieldFlowUpload/index.ts +6 -0
- package/src/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.tsx +8 -4
- package/src/hooks/index.ts +48 -0
- package/src/hooks/useFieldFlowArray.ts +153 -0
- package/src/hooks/useFieldFlowCompleteness.ts +69 -0
- package/src/hooks/useFieldFlowDirtyGuard.ts +70 -0
- package/src/hooks/useFieldFlowDraft.ts +221 -0
- package/src/hooks/useFieldFlowForm.ts +357 -28
- package/src/hooks/useFieldFlowSteps.ts +130 -0
- package/src/hooks/useFieldFlowSubmitQueue.ts +206 -0
- package/src/hooks/useFormIntelligence.ts +207 -0
- package/src/hooks/useKeyboardManager.ts +26 -0
- package/src/hooks/useSmartPaste.ts +33 -0
- package/src/i18n/index.ts +6 -0
- package/src/i18n/messages.ts +101 -0
- package/src/index.ts +251 -3
- package/src/intelligence/formAccessibility.ts +87 -0
- package/src/intelligence/index.ts +12 -0
- package/src/intelligence/types.ts +34 -0
- package/src/motion/index.ts +3 -0
- package/src/motion/useFieldMotion.ts +120 -0
- package/src/motion/useReducedMotion.ts +31 -0
- package/src/paste/index.ts +7 -0
- package/src/paste/smartPaste.ts +132 -0
- package/src/schema/FieldFlowSchemaForm.tsx +274 -0
- package/src/schema/index.ts +8 -0
- package/src/schema/types.ts +63 -0
- package/src/theme/ThemeProvider.tsx +96 -7
- package/src/theme/appearance.ts +105 -0
- package/src/theme/defaultTheme.ts +11 -0
- package/src/theme/index.ts +3 -0
- package/src/theme/presets.ts +120 -0
- package/src/types/globals.d.ts +2 -0
- package/src/types/index.ts +28 -0
- package/src/utils/affordance.ts +138 -0
- package/src/utils/passwordStrength.ts +109 -0
- package/src/utils/phoneCountries.ts +44 -0
- package/src/validation/validators.ts +17 -7
|
@@ -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 @@
|
|
|
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":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAwC,cAAc;AACrF,SAASC,iBAAiB,EAAEC,SAAS,QAAQ,2BAA2B;AACxE,SAASC,YAAY,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwBxD,OAAO,SAASC,qBAAqBA,CAAC;EACpCC,YAAY;EACZC,KAAK,GAAG,eAAe;EACvBC,YAAY,GAAG,IAAI;EACnBC,eAAe;EACfC,cAAc;EACdC,UAAU;EACVC,KAAK,EAAEC,aAAa;EACpBC;AAC0B,CAAC,EAAE;EAC7B,MAAMC,YAAY,GAAGjB,iBAAiB,CAAC,CAAC;EACxC,MAAMc,KAAK,GAAGlB,OAAO,CACnB,MAAOmB,aAAa,GAAGd,SAAS,CAACgB,YAAY,IAAIf,YAAY,EAAEa,aAAa,CAAC,GAAGE,YAAY,IAAIf,YAAa,EAC7G,CAACe,YAAY,EAAEF,aAAa,CAC9B,CAAC;EACD,MAAMG,MAAM,GAAGtB,OAAO,CAAC,MAAMuB,YAAY,CAACL,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAE1D,MAAMM,aAAa,GACjBT,eAAe,GAAGH,YAAY,CAACa,SAAS,CAAC,KACxCb,YAAY,CAACc,UAAU,GACpB,SAAS,GACT,GAAGd,YAAY,CAACa,SAAS,SAASb,YAAY,CAACa,SAAS,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC;EAEvF,oBACEf,KAAA,CAACP,IAAI;IAACwB,KAAK,EAAE,CAACL,MAAM,CAACM,IAAI,EAAEZ,cAAc,CAAE;IAACI,MAAM,EAAEA,MAAO;IAACS,iBAAiB,EAAC,aAAa;IAAAC,QAAA,gBACzFpB,KAAA,CAACP,IAAI;MAACwB,KAAK,EAAEL,MAAM,CAACS,MAAO;MAAAD,QAAA,gBACzBtB,IAAA,CAACN,IAAI;QAACyB,KAAK,EAAE,CAACL,MAAM,CAACT,KAAK,EAAEI,UAAU,CAAE;QAAAa,QAAA,EAAEjB;MAAK,CAAO,CAAC,eACvDH,KAAA,CAACR,IAAI;QAACyB,KAAK,EAAEL,MAAM,CAACU,OAAQ;QAAAF,QAAA,GAAElB,YAAY,CAACoB,OAAO,EAAC,GAAC;MAAA,CAAM,CAAC;IAAA,CACvD,CAAC,eACPtB,KAAA,CAACP,IAAI;MAACwB,KAAK,EAAEL,MAAM,CAACW,KAAM;MAAAH,QAAA,gBACxBtB,IAAA,CAACL,IAAI;QAACwB,KAAK,EAAE,CAACL,MAAM,CAACY,IAAI,EAAE;UAAEC,IAAI,EAAEC,IAAI,CAACC,GAAG,CAAC,KAAK,EAAEzB,YAAY,CAAC0B,QAAQ;QAAE,CAAC;MAAE,CAAE,CAAC,eAChF9B,IAAA,CAACL,IAAI;QAACwB,KAAK,EAAE;UAAEQ,IAAI,EAAEC,IAAI,CAACC,GAAG,CAAC,KAAK,EAAE,CAAC,GAAGzB,YAAY,CAAC0B,QAAQ;QAAE;MAAE,CAAE,CAAC;IAAA,CACjE,CAAC,eACP5B,KAAA,CAACR,IAAI;MAACyB,KAAK,EAAEL,MAAM,CAACiB,IAAK;MAAAT,QAAA,GACtBN,aAAa,EACbV,YAAY,IAAI,CAACF,YAAY,CAACc,UAAU,GACrC,OAAOd,YAAY,CAAC4B,oBAAoB,GAAG,GAC3C,EAAE;IAAA,CACF,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,SAASjB,YAAYA,CAACL,KAAqB,EAAE;EAC3C,OAAOjB,UAAU,CAACwC,MAAM,CAAC;IACvBb,IAAI,EAAE;MACJc,YAAY,EAAExB,KAAK,CAACyB,OAAO,CAACC,GAAG,GAAG,CAAC;MACnCC,OAAO,EAAE3B,KAAK,CAACyB,OAAO,CAACG,iBAAiB;MACxCC,YAAY,EAAE7B,KAAK,CAACyB,OAAO,CAACI,YAAY,GAAG,CAAC;MAC5CC,eAAe,EAAE9B,KAAK,CAAC+B,MAAM,CAACC,kBAAkB;MAChDC,WAAW,EAAElD,UAAU,CAACmD,aAAa;MACrCC,WAAW,EAAEnC,KAAK,CAAC+B,MAAM,CAACK;IAC5B,CAAC;IACDvB,MAAM,EAAE;MAAEwB,aAAa,EAAE,KAAK;MAAEC,cAAc,EAAE,eAAe;MAAEd,YAAY,EAAE;IAAE,CAAC;IAClF7B,KAAK,EAAE;MACL4C,QAAQ,EAAEvC,KAAK,CAACwC,UAAU,CAACC,cAAc,GAAG,CAAC;MAC7CC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAE3C,KAAK,CAAC+B,MAAM,CAACa;IACtB,CAAC;IACD9B,OAAO,EAAE;MACPyB,QAAQ,EAAEvC,KAAK,CAACwC,UAAU,CAACC,cAAc,GAAG,CAAC;MAC7CC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAE3C,KAAK,CAAC+B,MAAM,CAACc;IACtB,CAAC;IACD9B,KAAK,EAAE;MACLsB,aAAa,EAAE,KAAK;MACpBS,MAAM,EAAE,CAAC;MACTjB,YAAY,EAAE,CAAC;MACfkB,QAAQ,EAAE,QAAQ;MAClBjB,eAAe,EAAE9B,KAAK,CAAC+B,MAAM,CAACK;IAChC,CAAC;IACDpB,IAAI,EAAE;MACJc,eAAe,EAAE9B,KAAK,CAAC+B,MAAM,CAACc,aAAa;MAC3ChB,YAAY,EAAE;IAChB,CAAC;IACDR,IAAI,EAAE;MACJ2B,SAAS,EAAE,CAAC;MACZT,QAAQ,EAAEvC,KAAK,CAACwC,UAAU,CAACC,cAAc;MACzCE,KAAK,EAAE3C,KAAK,CAAC+B,MAAM,CAACkB;IACtB;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FieldFlowCompleteness"],"sourceRoot":"../../../../src","sources":["components/FieldFlowCompleteness/index.ts"],"mappings":";;AAAA,SAASA,qBAAqB,QAAQ,yBAAyB","ignoreList":[]}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo } from 'react';
|
|
4
|
+
import { StyleSheet, Text, View } from 'react-native';
|
|
5
|
+
import { FieldFlowMaskedInput } from '../FieldFlowMaskedInput';
|
|
6
|
+
import { FieldFlowInput } from '../FieldFlowInput';
|
|
7
|
+
import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
|
|
8
|
+
import { defaultTheme } from '../../theme/defaultTheme';
|
|
9
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
function formatExpiry(raw) {
|
|
11
|
+
const digits = raw.replace(/\D/g, '').slice(0, 4);
|
|
12
|
+
if (digits.length <= 2) return digits;
|
|
13
|
+
return `${digits.slice(0, 2)}/${digits.slice(2)}`;
|
|
14
|
+
}
|
|
15
|
+
export function FieldFlowCreditCard({
|
|
16
|
+
value,
|
|
17
|
+
onChange,
|
|
18
|
+
label = 'Card details',
|
|
19
|
+
helperText,
|
|
20
|
+
errorText,
|
|
21
|
+
errors,
|
|
22
|
+
disabled,
|
|
23
|
+
required,
|
|
24
|
+
showName = false,
|
|
25
|
+
containerStyle,
|
|
26
|
+
labelStyle,
|
|
27
|
+
theme: themeOverride,
|
|
28
|
+
testID
|
|
29
|
+
}) {
|
|
30
|
+
const contextTheme = useFieldFlowTheme();
|
|
31
|
+
const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
|
|
32
|
+
const styles = useMemo(() => createStyles(theme), [theme]);
|
|
33
|
+
const patch = partial => onChange({
|
|
34
|
+
...value,
|
|
35
|
+
...partial
|
|
36
|
+
});
|
|
37
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
38
|
+
style: [styles.wrap, containerStyle],
|
|
39
|
+
testID: testID,
|
|
40
|
+
children: [label ? /*#__PURE__*/_jsxs(Text, {
|
|
41
|
+
style: [styles.label, labelStyle],
|
|
42
|
+
children: [label, required ? ' *' : '']
|
|
43
|
+
}) : null, /*#__PURE__*/_jsx(FieldFlowMaskedInput, {
|
|
44
|
+
mask: "card",
|
|
45
|
+
label: "Card number",
|
|
46
|
+
leftIcon: "creditCard",
|
|
47
|
+
value: value.number,
|
|
48
|
+
valueMode: "raw",
|
|
49
|
+
onChangeText: (_formatted, raw) => patch({
|
|
50
|
+
number: raw
|
|
51
|
+
}),
|
|
52
|
+
errorText: errors?.number,
|
|
53
|
+
disabled: disabled,
|
|
54
|
+
theme: themeOverride
|
|
55
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
56
|
+
style: styles.row,
|
|
57
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
58
|
+
style: styles.half,
|
|
59
|
+
children: /*#__PURE__*/_jsx(FieldFlowInput, {
|
|
60
|
+
label: "Expiry",
|
|
61
|
+
placeholder: "MM/YY",
|
|
62
|
+
keyboardType: "number-pad",
|
|
63
|
+
value: value.expiry,
|
|
64
|
+
onChangeText: text => patch({
|
|
65
|
+
expiry: formatExpiry(text)
|
|
66
|
+
}),
|
|
67
|
+
maxLength: 5,
|
|
68
|
+
errorText: errors?.expiry,
|
|
69
|
+
disabled: disabled,
|
|
70
|
+
leftIcon: "calendar",
|
|
71
|
+
theme: themeOverride
|
|
72
|
+
})
|
|
73
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
74
|
+
style: styles.half,
|
|
75
|
+
children: /*#__PURE__*/_jsx(FieldFlowInput, {
|
|
76
|
+
label: "CVC",
|
|
77
|
+
placeholder: "123",
|
|
78
|
+
keyboardType: "number-pad",
|
|
79
|
+
value: value.cvc,
|
|
80
|
+
onChangeText: text => patch({
|
|
81
|
+
cvc: text.replace(/\D/g, '').slice(0, 4)
|
|
82
|
+
}),
|
|
83
|
+
maxLength: 4,
|
|
84
|
+
errorText: errors?.cvc,
|
|
85
|
+
disabled: disabled,
|
|
86
|
+
leftIcon: "lock",
|
|
87
|
+
secureTextEntry: true,
|
|
88
|
+
theme: themeOverride
|
|
89
|
+
})
|
|
90
|
+
})]
|
|
91
|
+
}), showName ? /*#__PURE__*/_jsx(FieldFlowInput, {
|
|
92
|
+
label: "Name on card",
|
|
93
|
+
value: value.name ?? '',
|
|
94
|
+
onChangeText: name => patch({
|
|
95
|
+
name
|
|
96
|
+
}),
|
|
97
|
+
errorText: errors?.name,
|
|
98
|
+
disabled: disabled,
|
|
99
|
+
leftIcon: "user",
|
|
100
|
+
autoCapitalize: "words",
|
|
101
|
+
theme: themeOverride
|
|
102
|
+
}) : null, errorText ? /*#__PURE__*/_jsx(Text, {
|
|
103
|
+
style: styles.error,
|
|
104
|
+
children: errorText
|
|
105
|
+
}) : helperText ? /*#__PURE__*/_jsx(Text, {
|
|
106
|
+
style: styles.helper,
|
|
107
|
+
children: helperText
|
|
108
|
+
}) : null]
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
function createStyles(theme) {
|
|
112
|
+
return StyleSheet.create({
|
|
113
|
+
wrap: {
|
|
114
|
+
marginBottom: theme.spacing.gap
|
|
115
|
+
},
|
|
116
|
+
label: {
|
|
117
|
+
fontSize: theme.typography.fontSize + 1,
|
|
118
|
+
fontWeight: '600',
|
|
119
|
+
color: theme.colors.text,
|
|
120
|
+
marginBottom: theme.spacing.gap
|
|
121
|
+
},
|
|
122
|
+
row: {
|
|
123
|
+
flexDirection: 'row',
|
|
124
|
+
gap: 12
|
|
125
|
+
},
|
|
126
|
+
half: {
|
|
127
|
+
flex: 1
|
|
128
|
+
},
|
|
129
|
+
helper: {
|
|
130
|
+
fontSize: theme.typography.helperFontSize,
|
|
131
|
+
color: theme.colors.label,
|
|
132
|
+
marginTop: -4
|
|
133
|
+
},
|
|
134
|
+
error: {
|
|
135
|
+
fontSize: theme.typography.helperFontSize,
|
|
136
|
+
color: theme.colors.error,
|
|
137
|
+
marginTop: -4
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
//# sourceMappingURL=FieldFlowCreditCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","StyleSheet","Text","View","FieldFlowMaskedInput","FieldFlowInput","useFieldFlowTheme","mergeDeep","defaultTheme","jsxs","_jsxs","jsx","_jsx","formatExpiry","raw","digits","replace","slice","length","FieldFlowCreditCard","value","onChange","label","helperText","errorText","errors","disabled","required","showName","containerStyle","labelStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","patch","partial","style","wrap","children","mask","leftIcon","number","valueMode","onChangeText","_formatted","row","half","placeholder","keyboardType","expiry","text","maxLength","cvc","secureTextEntry","name","autoCapitalize","error","helper","create","marginBottom","spacing","gap","fontSize","typography","fontWeight","color","colors","flexDirection","flex","helperFontSize","marginTop"],"sourceRoot":"../../../../src","sources":["components/FieldFlowCreditCard/FieldFlowCreditCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FieldFlowCreditCard"],"sourceRoot":"../../../../src","sources":["components/FieldFlowCreditCard/index.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,uBAAuB","ignoreList":[]}
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo } from 'react';
|
|
4
|
+
import { 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/renderIcon';
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
function formatRelativeTime(savedAt) {
|
|
10
|
+
const delta = Math.max(0, Date.now() - savedAt);
|
|
11
|
+
const minutes = Math.floor(delta / 60000);
|
|
12
|
+
if (minutes < 1) return 'just now';
|
|
13
|
+
if (minutes < 60) return `${minutes}m ago`;
|
|
14
|
+
const hours = Math.floor(minutes / 60);
|
|
15
|
+
if (hours < 24) return `${hours}h ago`;
|
|
16
|
+
const days = Math.floor(hours / 24);
|
|
17
|
+
return `${days}d ago`;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Themed “Resume where you left off?” banner for `useFieldFlowDraft`.
|
|
22
|
+
*/
|
|
23
|
+
export function FieldFlowDraftBanner({
|
|
24
|
+
visible,
|
|
25
|
+
savedAt,
|
|
26
|
+
title = 'Resume your draft?',
|
|
27
|
+
subtitle,
|
|
28
|
+
resumeLabel = 'Resume',
|
|
29
|
+
discardLabel = 'Discard',
|
|
30
|
+
onResume,
|
|
31
|
+
onDiscard,
|
|
32
|
+
containerStyle,
|
|
33
|
+
titleStyle,
|
|
34
|
+
subtitleStyle,
|
|
35
|
+
theme: themeOverride,
|
|
36
|
+
testID
|
|
37
|
+
}) {
|
|
38
|
+
const contextTheme = useFieldFlowTheme();
|
|
39
|
+
const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
|
|
40
|
+
const styles = useMemo(() => createStyles(theme), [theme]);
|
|
41
|
+
const resolvedSubtitle = subtitle ?? (savedAt ? `Saved ${formatRelativeTime(savedAt)}. Pick up where you left off.` : 'Pick up where you left off.');
|
|
42
|
+
if (!visible) return null;
|
|
43
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
44
|
+
style: [styles.banner, containerStyle],
|
|
45
|
+
testID: testID,
|
|
46
|
+
accessibilityRole: "summary",
|
|
47
|
+
accessibilityLabel: `${title}. ${resolvedSubtitle}`,
|
|
48
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
49
|
+
style: styles.iconWrap,
|
|
50
|
+
children: renderFieldFlowIcon('file', theme.colors.borderFocused, 18)
|
|
51
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
52
|
+
style: styles.copy,
|
|
53
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
54
|
+
style: [styles.title, titleStyle],
|
|
55
|
+
children: title
|
|
56
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
57
|
+
style: [styles.subtitle, subtitleStyle],
|
|
58
|
+
children: resolvedSubtitle
|
|
59
|
+
})]
|
|
60
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
61
|
+
style: styles.actions,
|
|
62
|
+
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
63
|
+
onPress: onDiscard,
|
|
64
|
+
hitSlop: 6,
|
|
65
|
+
accessibilityRole: "button",
|
|
66
|
+
accessibilityLabel: discardLabel,
|
|
67
|
+
style: styles.ghostBtn,
|
|
68
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
69
|
+
style: styles.ghostText,
|
|
70
|
+
children: discardLabel
|
|
71
|
+
})
|
|
72
|
+
}), /*#__PURE__*/_jsx(Pressable, {
|
|
73
|
+
onPress: onResume,
|
|
74
|
+
hitSlop: 6,
|
|
75
|
+
accessibilityRole: "button",
|
|
76
|
+
accessibilityLabel: resumeLabel,
|
|
77
|
+
style: styles.primaryBtn,
|
|
78
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
79
|
+
style: styles.primaryText,
|
|
80
|
+
children: resumeLabel
|
|
81
|
+
})
|
|
82
|
+
})]
|
|
83
|
+
})]
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
function createStyles(theme) {
|
|
87
|
+
return StyleSheet.create({
|
|
88
|
+
banner: {
|
|
89
|
+
flexDirection: 'row',
|
|
90
|
+
flexWrap: 'wrap',
|
|
91
|
+
alignItems: 'center',
|
|
92
|
+
gap: theme.spacing.gap,
|
|
93
|
+
padding: theme.spacing.paddingHorizontal,
|
|
94
|
+
marginBottom: theme.spacing.gap * 2,
|
|
95
|
+
borderRadius: theme.spacing.borderRadius,
|
|
96
|
+
borderWidth: theme.spacing.borderWidth,
|
|
97
|
+
borderColor: theme.colors.borderFocused,
|
|
98
|
+
backgroundColor: theme.colors.background
|
|
99
|
+
},
|
|
100
|
+
iconWrap: {
|
|
101
|
+
width: 32,
|
|
102
|
+
height: 32,
|
|
103
|
+
borderRadius: 8,
|
|
104
|
+
alignItems: 'center',
|
|
105
|
+
justifyContent: 'center',
|
|
106
|
+
backgroundColor: theme.colors.backgroundDisabled
|
|
107
|
+
},
|
|
108
|
+
copy: {
|
|
109
|
+
flex: 1,
|
|
110
|
+
minWidth: 140
|
|
111
|
+
},
|
|
112
|
+
title: {
|
|
113
|
+
fontSize: theme.typography.fontSize,
|
|
114
|
+
fontWeight: '600',
|
|
115
|
+
color: theme.colors.text,
|
|
116
|
+
fontFamily: theme.typography.fontFamily
|
|
117
|
+
},
|
|
118
|
+
subtitle: {
|
|
119
|
+
marginTop: 2,
|
|
120
|
+
fontSize: theme.typography.helperFontSize,
|
|
121
|
+
color: theme.colors.label,
|
|
122
|
+
fontFamily: theme.typography.fontFamily
|
|
123
|
+
},
|
|
124
|
+
actions: {
|
|
125
|
+
flexDirection: 'row',
|
|
126
|
+
alignItems: 'center',
|
|
127
|
+
gap: theme.spacing.gap
|
|
128
|
+
},
|
|
129
|
+
ghostBtn: {
|
|
130
|
+
paddingHorizontal: 10,
|
|
131
|
+
paddingVertical: 8
|
|
132
|
+
},
|
|
133
|
+
ghostText: {
|
|
134
|
+
fontSize: theme.typography.helperFontSize,
|
|
135
|
+
color: theme.colors.label,
|
|
136
|
+
fontWeight: '500'
|
|
137
|
+
},
|
|
138
|
+
primaryBtn: {
|
|
139
|
+
paddingHorizontal: 12,
|
|
140
|
+
paddingVertical: 8,
|
|
141
|
+
borderRadius: theme.spacing.borderRadius,
|
|
142
|
+
backgroundColor: theme.colors.borderFocused
|
|
143
|
+
},
|
|
144
|
+
primaryText: {
|
|
145
|
+
fontSize: theme.typography.helperFontSize,
|
|
146
|
+
color: '#FFFFFF',
|
|
147
|
+
fontWeight: '600'
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
//# sourceMappingURL=FieldFlowDraftBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","Pressable","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","renderFieldFlowIcon","jsx","_jsx","jsxs","_jsxs","formatRelativeTime","savedAt","delta","Math","max","Date","now","minutes","floor","hours","days","FieldFlowDraftBanner","visible","title","subtitle","resumeLabel","discardLabel","onResume","onDiscard","containerStyle","titleStyle","subtitleStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","resolvedSubtitle","style","banner","accessibilityRole","accessibilityLabel","children","iconWrap","colors","borderFocused","copy","actions","onPress","hitSlop","ghostBtn","ghostText","primaryBtn","primaryText","create","flexDirection","flexWrap","alignItems","gap","spacing","padding","paddingHorizontal","marginBottom","borderRadius","borderWidth","borderColor","backgroundColor","background","width","height","justifyContent","backgroundDisabled","flex","minWidth","fontSize","typography","fontWeight","color","text","fontFamily","marginTop","helperFontSize","label","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/FieldFlowDraftBanner/FieldFlowDraftBanner.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FieldFlowDraftBanner"],"sourceRoot":"../../../../src","sources":["components/FieldFlowDraftBanner/index.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}
|