@1money/component-ui 0.0.90-alpha.0 → 0.0.90-alpha.2
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/es/business/Dialog/BaseDialog/BaseDialog.js +128 -0
- package/es/business/Dialog/BaseDialog/constants.js +13 -0
- package/es/business/Dialog/BaseDialog/index.js +5 -0
- package/es/business/Dialog/BaseDialog/interface.js +2 -0
- package/es/business/Dialog/BaseDialog/style/css.js +2 -0
- package/es/business/Dialog/BaseDialog/style/index.js +2 -0
- package/es/business/Dialog/Descriptions/Descriptions.js +94 -0
- package/es/business/Dialog/Descriptions/constants.js +24 -0
- package/es/business/Dialog/Descriptions/index.js +5 -0
- package/es/business/{DialogV2/FormDialog → Dialog/Descriptions}/interface.js +1 -1
- package/es/business/Dialog/{ResultDialog → Descriptions}/style/css.js +2 -2
- package/es/business/Dialog/{ResultDialog → Descriptions}/style/index.js +2 -2
- package/es/business/Dialog/DetailsDialog/DetailsDialog.js +94 -0
- package/es/business/Dialog/DetailsDialog/index.js +5 -0
- package/es/business/Dialog/DetailsDialog/interface.js +2 -0
- package/es/business/Dialog/DetailsDialog/style/css.js +2 -0
- package/es/business/Dialog/DetailsDialog/style/index.js +2 -0
- package/es/business/Dialog/FormDialog/FormDialog.js +100 -0
- package/es/business/Dialog/FormDialog/index.js +6 -0
- package/es/business/Dialog/FormDialog/interface.js +2 -0
- package/es/business/Dialog/FormDialog/style/css.js +2 -0
- package/es/business/Dialog/FormDialog/style/index.js +2 -0
- package/es/business/Dialog/VerificationDialog/VerificationDialog.js +203 -95
- package/es/business/Dialog/VerificationDialog/constants.d.ts +8 -35
- package/es/business/Dialog/VerificationDialog/constants.js +8 -30
- package/es/business/Dialog/VerificationDialog/index.d.ts +2 -1
- package/es/business/Dialog/VerificationDialog/index.js +3 -2
- package/es/business/Dialog/VerificationDialog/interface.d.ts +42 -106
- package/es/business/Dialog/VerificationDialog/style/VerificationDialog.css +19 -6
- package/es/business/Dialog/index.d.ts +4 -2
- package/es/business/Dialog/index.js +8 -3
- package/es/business/Dialog/variants/DeleteDialog.js +20 -0
- package/es/business/Dialog/variants/FailureDialog.js +20 -0
- package/es/business/Dialog/variants/LoadingDialog.js +162 -0
- package/es/business/Dialog/variants/PendingDialog.js +19 -0
- package/es/business/Dialog/variants/SuccessDialog.js +19 -0
- package/es/business/Dialog/variants/index.js +9 -0
- package/es/business/Dialog/variants/style/css.js +2 -0
- package/es/business/Dialog/variants/style/index.js +2 -0
- package/es/business/FieldList/index.d.ts +30 -0
- package/es/business/FieldList/index.js +52 -0
- package/es/business/FieldList/style/FieldList.css +89 -0
- package/es/business/FieldList/style/css.js +2 -0
- package/es/business/FieldList/style/index.d.ts +1 -0
- package/es/business/FieldList/style/index.js +2 -0
- package/es/business/FormPage/FormPage.d.ts +1 -1
- package/es/business/FormPage/FormPage.js +13 -6
- package/es/business/FormPage/interface.d.ts +9 -2
- package/es/business/index.d.ts +3 -0
- package/es/business/index.js +3 -1
- package/es/business/shared/formCore/BaseProForm.d.ts +7 -5
- package/es/business/shared/formCore/BaseProForm.js +10 -8
- package/es/components/FormLayout/FormLayout.d.ts +1 -1
- package/es/components/FormLayout/FormLayout.js +12 -8
- package/es/components/FormLayout/config.d.ts +46 -2
- package/es/components/FormLayout/config.js +36 -3
- package/es/components/FormLayout/index.d.ts +1 -1
- package/es/components/FormLayout/index.js +2 -2
- package/es/components/FormLayout/interface.d.ts +9 -2
- package/es/index.css +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/lib/business/Dialog/BaseDialog/BaseDialog.js +137 -0
- package/lib/business/Dialog/BaseDialog/constants.js +19 -0
- package/lib/business/Dialog/BaseDialog/index.js +30 -0
- package/lib/business/Dialog/BaseDialog/interface.js +6 -0
- package/lib/business/{DialogV2/variants → Dialog/BaseDialog}/style/css.js +2 -2
- package/lib/business/{DialogV2/variants → Dialog/BaseDialog}/style/index.js +2 -2
- package/lib/business/Dialog/Descriptions/Descriptions.js +104 -0
- package/lib/business/Dialog/Descriptions/constants.js +30 -0
- package/lib/business/Dialog/Descriptions/index.js +30 -0
- package/lib/business/{DialogV2/BaseDialog → Dialog/Descriptions}/interface.js +1 -1
- package/lib/business/{DialogV2/BaseDialog → Dialog/Descriptions}/style/css.js +2 -2
- package/lib/business/{DialogV2/FormDialog → Dialog/Descriptions}/style/index.js +2 -2
- package/lib/business/Dialog/DetailsDialog/DetailsDialog.js +104 -0
- package/lib/business/Dialog/DetailsDialog/index.js +30 -0
- package/lib/business/Dialog/DetailsDialog/interface.js +6 -0
- package/lib/business/Dialog/DetailsDialog/style/css.js +4 -0
- package/lib/business/Dialog/DetailsDialog/style/index.js +4 -0
- package/lib/business/Dialog/FormDialog/FormDialog.js +109 -0
- package/lib/business/{DialogV2 → Dialog}/FormDialog/index.js +1 -1
- package/lib/business/Dialog/FormDialog/interface.js +6 -0
- package/lib/business/Dialog/FormDialog/style/css.js +4 -0
- package/lib/business/Dialog/FormDialog/style/index.js +4 -0
- package/lib/business/Dialog/VerificationDialog/VerificationDialog.js +204 -92
- package/lib/business/Dialog/VerificationDialog/constants.d.ts +8 -35
- package/lib/business/Dialog/VerificationDialog/constants.js +9 -31
- package/lib/business/Dialog/VerificationDialog/index.d.ts +2 -1
- package/lib/business/Dialog/VerificationDialog/index.js +4 -17
- package/lib/business/Dialog/VerificationDialog/interface.d.ts +42 -106
- package/lib/business/Dialog/VerificationDialog/style/VerificationDialog.css +19 -6
- package/lib/business/Dialog/index.d.ts +4 -2
- package/lib/business/Dialog/index.js +31 -9
- package/lib/business/Dialog/variants/DeleteDialog.js +26 -0
- package/lib/business/Dialog/variants/FailureDialog.js +26 -0
- package/lib/business/Dialog/variants/LoadingDialog.js +172 -0
- package/lib/business/Dialog/variants/PendingDialog.js +25 -0
- package/lib/business/Dialog/variants/SuccessDialog.js +25 -0
- package/lib/business/{DialogV2 → Dialog}/variants/index.js +1 -1
- package/lib/business/Dialog/variants/style/css.js +4 -0
- package/lib/business/Dialog/variants/style/index.js +4 -0
- package/lib/business/FieldList/index.d.ts +30 -0
- package/lib/business/FieldList/index.js +60 -0
- package/lib/business/FieldList/style/FieldList.css +89 -0
- package/lib/business/FieldList/style/css.js +4 -0
- package/lib/business/FieldList/style/index.d.ts +1 -0
- package/lib/business/FieldList/style/index.js +4 -0
- package/lib/business/FormPage/FormPage.d.ts +1 -1
- package/lib/business/FormPage/FormPage.js +13 -6
- package/lib/business/FormPage/interface.d.ts +9 -2
- package/lib/business/index.d.ts +3 -0
- package/lib/business/index.js +27 -1
- package/lib/business/shared/formCore/BaseProForm.d.ts +7 -5
- package/lib/business/shared/formCore/BaseProForm.js +9 -7
- package/lib/components/FormLayout/FormLayout.d.ts +1 -1
- package/lib/components/FormLayout/FormLayout.js +10 -6
- package/lib/components/FormLayout/config.d.ts +46 -2
- package/lib/components/FormLayout/config.js +37 -4
- package/lib/components/FormLayout/index.d.ts +1 -1
- package/lib/components/FormLayout/index.js +22 -1
- package/lib/components/FormLayout/interface.d.ts +9 -2
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/package.json +29 -9
- package/scripts/mcp-server/examples.generated.json +6 -0
- package/scripts/mcp-server/index.generated.json +50 -0
- package/es/business/Dialog/ResultDialog/ResultDialog.d.ts +0 -3
- package/es/business/Dialog/ResultDialog/ResultDialog.js +0 -126
- package/es/business/Dialog/ResultDialog/constants.d.ts +0 -27
- package/es/business/Dialog/ResultDialog/constants.js +0 -24
- package/es/business/Dialog/ResultDialog/index.d.ts +0 -3
- package/es/business/Dialog/ResultDialog/index.js +0 -4
- package/es/business/Dialog/ResultDialog/interface.d.ts +0 -95
- package/es/business/Dialog/ResultDialog/interface.js +0 -2
- package/es/business/Dialog/ResultDialog/presets.d.ts +0 -178
- package/es/business/Dialog/ResultDialog/presets.js +0 -139
- package/es/business/Dialog/ResultDialog/style/ResultDialog.css +0 -29
- package/es/business/Dialog/ResultDialog/style/index.d.ts +0 -1
- package/es/business/Dialog/TransactionDialog/TransactionDialog.d.ts +0 -3
- package/es/business/Dialog/TransactionDialog/TransactionDialog.js +0 -174
- package/es/business/Dialog/TransactionDialog/constants.d.ts +0 -34
- package/es/business/Dialog/TransactionDialog/constants.js +0 -33
- package/es/business/Dialog/TransactionDialog/index.d.ts +0 -3
- package/es/business/Dialog/TransactionDialog/index.js +0 -4
- package/es/business/Dialog/TransactionDialog/interface.d.ts +0 -116
- package/es/business/Dialog/TransactionDialog/interface.js +0 -2
- package/es/business/Dialog/TransactionDialog/presets.d.ts +0 -89
- package/es/business/Dialog/TransactionDialog/presets.js +0 -62
- package/es/business/Dialog/TransactionDialog/style/TransactionDialog.css +0 -36
- package/es/business/Dialog/TransactionDialog/style/css.js +0 -2
- package/es/business/Dialog/TransactionDialog/style/index.d.ts +0 -1
- package/es/business/Dialog/TransactionDialog/style/index.js +0 -2
- package/es/business/Dialog/VerificationDialog/ResendRow.d.ts +0 -14
- package/es/business/Dialog/VerificationDialog/ResendRow.js +0 -65
- package/es/business/Dialog/VerificationDialog/hooks/index.d.ts +0 -4
- package/es/business/Dialog/VerificationDialog/hooks/index.js +0 -3
- package/es/business/Dialog/VerificationDialog/hooks/useOtpVerification.d.ts +0 -50
- package/es/business/Dialog/VerificationDialog/hooks/useOtpVerification.js +0 -138
- package/es/business/Dialog/VerificationDialog/hooks/useResendCountdown.d.ts +0 -26
- package/es/business/Dialog/VerificationDialog/hooks/useResendCountdown.js +0 -103
- package/es/business/DialogV2/BaseDialog/BaseDialog.js +0 -128
- package/es/business/DialogV2/BaseDialog/constants.js +0 -13
- package/es/business/DialogV2/BaseDialog/index.js +0 -5
- package/es/business/DialogV2/BaseDialog/interface.js +0 -2
- package/es/business/DialogV2/BaseDialog/style/css.js +0 -2
- package/es/business/DialogV2/BaseDialog/style/index.js +0 -2
- package/es/business/DialogV2/Descriptions/Descriptions.js +0 -94
- package/es/business/DialogV2/Descriptions/constants.js +0 -24
- package/es/business/DialogV2/Descriptions/index.js +0 -5
- package/es/business/DialogV2/Descriptions/interface.js +0 -2
- package/es/business/DialogV2/Descriptions/style/css.js +0 -2
- package/es/business/DialogV2/Descriptions/style/index.js +0 -2
- package/es/business/DialogV2/DetailsDialog/DetailsDialog.js +0 -94
- package/es/business/DialogV2/DetailsDialog/index.js +0 -5
- package/es/business/DialogV2/DetailsDialog/interface.js +0 -2
- package/es/business/DialogV2/DetailsDialog/style/css.js +0 -2
- package/es/business/DialogV2/DetailsDialog/style/index.js +0 -2
- package/es/business/DialogV2/FormDialog/FormDialog.js +0 -100
- package/es/business/DialogV2/FormDialog/index.js +0 -6
- package/es/business/DialogV2/FormDialog/style/css.js +0 -2
- package/es/business/DialogV2/FormDialog/style/index.js +0 -2
- package/es/business/DialogV2/VerificationDialog/VerificationDialog.d.ts +0 -3
- package/es/business/DialogV2/VerificationDialog/VerificationDialog.js +0 -224
- package/es/business/DialogV2/VerificationDialog/constants.d.ts +0 -8
- package/es/business/DialogV2/VerificationDialog/constants.js +0 -9
- package/es/business/DialogV2/VerificationDialog/index.d.ts +0 -4
- package/es/business/DialogV2/VerificationDialog/index.js +0 -5
- package/es/business/DialogV2/VerificationDialog/interface.d.ts +0 -60
- package/es/business/DialogV2/VerificationDialog/interface.js +0 -2
- package/es/business/DialogV2/VerificationDialog/style/VerificationDialog.css +0 -43
- package/es/business/DialogV2/VerificationDialog/style/css.js +0 -2
- package/es/business/DialogV2/VerificationDialog/style/index.d.ts +0 -1
- package/es/business/DialogV2/VerificationDialog/style/index.js +0 -2
- package/es/business/DialogV2/index.d.ts +0 -5
- package/es/business/DialogV2/index.js +0 -10
- package/es/business/DialogV2/variants/DeleteDialog.js +0 -20
- package/es/business/DialogV2/variants/FailureDialog.js +0 -20
- package/es/business/DialogV2/variants/LoadingDialog.js +0 -162
- package/es/business/DialogV2/variants/PendingDialog.js +0 -19
- package/es/business/DialogV2/variants/SuccessDialog.js +0 -19
- package/es/business/DialogV2/variants/index.js +0 -9
- package/es/business/DialogV2/variants/style/css.js +0 -2
- package/es/business/DialogV2/variants/style/index.js +0 -2
- package/lib/business/Dialog/ResultDialog/ResultDialog.d.ts +0 -3
- package/lib/business/Dialog/ResultDialog/ResultDialog.js +0 -132
- package/lib/business/Dialog/ResultDialog/constants.d.ts +0 -27
- package/lib/business/Dialog/ResultDialog/constants.js +0 -30
- package/lib/business/Dialog/ResultDialog/index.d.ts +0 -3
- package/lib/business/Dialog/ResultDialog/index.js +0 -40
- package/lib/business/Dialog/ResultDialog/interface.d.ts +0 -95
- package/lib/business/Dialog/ResultDialog/interface.js +0 -6
- package/lib/business/Dialog/ResultDialog/presets.d.ts +0 -178
- package/lib/business/Dialog/ResultDialog/presets.js +0 -145
- package/lib/business/Dialog/ResultDialog/style/ResultDialog.css +0 -29
- package/lib/business/Dialog/ResultDialog/style/css.js +0 -4
- package/lib/business/Dialog/ResultDialog/style/index.d.ts +0 -1
- package/lib/business/Dialog/ResultDialog/style/index.js +0 -4
- package/lib/business/Dialog/TransactionDialog/TransactionDialog.d.ts +0 -3
- package/lib/business/Dialog/TransactionDialog/TransactionDialog.js +0 -180
- package/lib/business/Dialog/TransactionDialog/constants.d.ts +0 -34
- package/lib/business/Dialog/TransactionDialog/constants.js +0 -39
- package/lib/business/Dialog/TransactionDialog/index.d.ts +0 -3
- package/lib/business/Dialog/TransactionDialog/index.js +0 -40
- package/lib/business/Dialog/TransactionDialog/interface.d.ts +0 -116
- package/lib/business/Dialog/TransactionDialog/interface.js +0 -6
- package/lib/business/Dialog/TransactionDialog/presets.d.ts +0 -89
- package/lib/business/Dialog/TransactionDialog/presets.js +0 -68
- package/lib/business/Dialog/TransactionDialog/style/TransactionDialog.css +0 -36
- package/lib/business/Dialog/TransactionDialog/style/css.js +0 -4
- package/lib/business/Dialog/TransactionDialog/style/index.d.ts +0 -1
- package/lib/business/Dialog/TransactionDialog/style/index.js +0 -4
- package/lib/business/Dialog/VerificationDialog/ResendRow.d.ts +0 -14
- package/lib/business/Dialog/VerificationDialog/ResendRow.js +0 -71
- package/lib/business/Dialog/VerificationDialog/hooks/index.d.ts +0 -4
- package/lib/business/Dialog/VerificationDialog/hooks/index.js +0 -20
- package/lib/business/Dialog/VerificationDialog/hooks/useOtpVerification.d.ts +0 -50
- package/lib/business/Dialog/VerificationDialog/hooks/useOtpVerification.js +0 -145
- package/lib/business/Dialog/VerificationDialog/hooks/useResendCountdown.d.ts +0 -26
- package/lib/business/Dialog/VerificationDialog/hooks/useResendCountdown.js +0 -110
- package/lib/business/DialogV2/BaseDialog/BaseDialog.js +0 -137
- package/lib/business/DialogV2/BaseDialog/constants.js +0 -19
- package/lib/business/DialogV2/BaseDialog/index.js +0 -30
- package/lib/business/DialogV2/BaseDialog/style/index.js +0 -4
- package/lib/business/DialogV2/Descriptions/Descriptions.js +0 -104
- package/lib/business/DialogV2/Descriptions/constants.js +0 -30
- package/lib/business/DialogV2/Descriptions/index.js +0 -30
- package/lib/business/DialogV2/Descriptions/interface.js +0 -6
- package/lib/business/DialogV2/Descriptions/style/css.js +0 -4
- package/lib/business/DialogV2/Descriptions/style/index.js +0 -4
- package/lib/business/DialogV2/DetailsDialog/DetailsDialog.js +0 -104
- package/lib/business/DialogV2/DetailsDialog/index.js +0 -30
- package/lib/business/DialogV2/DetailsDialog/interface.js +0 -6
- package/lib/business/DialogV2/DetailsDialog/style/css.js +0 -4
- package/lib/business/DialogV2/DetailsDialog/style/index.js +0 -4
- package/lib/business/DialogV2/FormDialog/FormDialog.js +0 -109
- package/lib/business/DialogV2/FormDialog/interface.js +0 -6
- package/lib/business/DialogV2/FormDialog/style/css.js +0 -4
- package/lib/business/DialogV2/VerificationDialog/VerificationDialog.d.ts +0 -3
- package/lib/business/DialogV2/VerificationDialog/VerificationDialog.js +0 -234
- package/lib/business/DialogV2/VerificationDialog/constants.d.ts +0 -8
- package/lib/business/DialogV2/VerificationDialog/constants.js +0 -15
- package/lib/business/DialogV2/VerificationDialog/index.d.ts +0 -4
- package/lib/business/DialogV2/VerificationDialog/index.js +0 -30
- package/lib/business/DialogV2/VerificationDialog/interface.d.ts +0 -60
- package/lib/business/DialogV2/VerificationDialog/interface.js +0 -6
- package/lib/business/DialogV2/VerificationDialog/style/VerificationDialog.css +0 -43
- package/lib/business/DialogV2/VerificationDialog/style/css.js +0 -4
- package/lib/business/DialogV2/VerificationDialog/style/index.d.ts +0 -1
- package/lib/business/DialogV2/VerificationDialog/style/index.js +0 -4
- package/lib/business/DialogV2/index.d.ts +0 -5
- package/lib/business/DialogV2/index.js +0 -61
- package/lib/business/DialogV2/variants/DeleteDialog.js +0 -26
- package/lib/business/DialogV2/variants/FailureDialog.js +0 -26
- package/lib/business/DialogV2/variants/LoadingDialog.js +0 -172
- package/lib/business/DialogV2/variants/PendingDialog.js +0 -25
- package/lib/business/DialogV2/variants/SuccessDialog.js +0 -25
- /package/es/business/{DialogV2 → Dialog}/BaseDialog/BaseDialog.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/BaseDialog/constants.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/BaseDialog/index.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/BaseDialog/interface.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/BaseDialog/style/BaseDialog.css +0 -0
- /package/es/business/{DialogV2 → Dialog}/BaseDialog/style/index.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/Descriptions/Descriptions.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/Descriptions/constants.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/Descriptions/index.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/Descriptions/interface.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/Descriptions/style/Descriptions.css +0 -0
- /package/es/business/{DialogV2 → Dialog}/Descriptions/style/index.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/DetailsDialog/DetailsDialog.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/DetailsDialog/index.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/DetailsDialog/interface.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/DetailsDialog/style/DetailsDialog.css +0 -0
- /package/es/business/{DialogV2 → Dialog}/DetailsDialog/style/index.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/FormDialog/FormDialog.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/FormDialog/index.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/FormDialog/interface.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/FormDialog/style/FormDialog.css +0 -0
- /package/es/business/{DialogV2 → Dialog}/FormDialog/style/index.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/variants/DeleteDialog.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/variants/FailureDialog.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/variants/LoadingDialog.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/variants/PendingDialog.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/variants/SuccessDialog.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/variants/index.d.ts +0 -0
- /package/es/business/{DialogV2 → Dialog}/variants/style/LoadingDialog.css +0 -0
- /package/es/business/{DialogV2 → Dialog}/variants/style/index.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/BaseDialog/BaseDialog.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/BaseDialog/constants.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/BaseDialog/index.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/BaseDialog/interface.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/BaseDialog/style/BaseDialog.css +0 -0
- /package/lib/business/{DialogV2 → Dialog}/BaseDialog/style/index.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/Descriptions/Descriptions.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/Descriptions/constants.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/Descriptions/index.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/Descriptions/interface.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/Descriptions/style/Descriptions.css +0 -0
- /package/lib/business/{DialogV2 → Dialog}/Descriptions/style/index.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/DetailsDialog/DetailsDialog.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/DetailsDialog/index.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/DetailsDialog/interface.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/DetailsDialog/style/DetailsDialog.css +0 -0
- /package/lib/business/{DialogV2 → Dialog}/DetailsDialog/style/index.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/FormDialog/FormDialog.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/FormDialog/index.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/FormDialog/interface.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/FormDialog/style/FormDialog.css +0 -0
- /package/lib/business/{DialogV2 → Dialog}/FormDialog/style/index.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/variants/DeleteDialog.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/variants/FailureDialog.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/variants/LoadingDialog.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/variants/PendingDialog.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/variants/SuccessDialog.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/variants/index.d.ts +0 -0
- /package/lib/business/{DialogV2 → Dialog}/variants/style/LoadingDialog.css +0 -0
- /package/lib/business/{DialogV2 → Dialog}/variants/style/index.d.ts +0 -0
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
var PREFIX = 'om-transaction-dialog';
|
|
2
|
-
export var TRANSACTION_DIALOG = {
|
|
3
|
-
cls: {
|
|
4
|
-
wrap: PREFIX,
|
|
5
|
-
body: "".concat(PREFIX, "-body"),
|
|
6
|
-
details: "".concat(PREFIX, "-details"),
|
|
7
|
-
row: "".concat(PREFIX, "-row"),
|
|
8
|
-
value: "".concat(PREFIX, "-value"),
|
|
9
|
-
actions: "".concat(PREFIX, "-actions"),
|
|
10
|
-
footer: "".concat(PREFIX, "-footer"),
|
|
11
|
-
help: "".concat(PREFIX, "-help")
|
|
12
|
-
},
|
|
13
|
-
// 16px description→list, 4px between rows, 16px between a row's label and
|
|
14
|
-
// value, 12px between the two buttons, 24px action row→help, 4px prompt→link.
|
|
15
|
-
gap: {
|
|
16
|
-
body: 16,
|
|
17
|
-
row: 0,
|
|
18
|
-
rowInner: 16,
|
|
19
|
-
actions: 12,
|
|
20
|
-
footer: 24,
|
|
21
|
-
help: 4
|
|
22
|
-
},
|
|
23
|
-
// The highlighted "View…" button is light-blue (`secondary`); the dismiss
|
|
24
|
-
// button ("Done"/"Close") is `grey` — matching the 1money transaction design.
|
|
25
|
-
defaults: {
|
|
26
|
-
size: 'small',
|
|
27
|
-
primaryColor: 'secondary',
|
|
28
|
-
secondaryColor: 'grey'
|
|
29
|
-
},
|
|
30
|
-
// `Typography.Link` renders an <a> with no href, so Enter/Space activate it.
|
|
31
|
-
activationKeys: ['Enter', ' ']
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL2NvbnN0YW50cy50cyIsImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9jb25zdGFudHMuanMiXSwibmFtZXMiOlsiUFJFRklYIiwiVFJBTlNBQ1RJT05fRElBTE9HIiwiY2xzIiwid3JhcCIsImJvZHkiLCJjb25jYXQiLCJkZXRhaWxzIiwicm93IiwidmFsdWUiLCJhY3Rpb25zIiwiZm9vdGVyIiwiaGVscCIsImdhcCIsInJvd0lubmVyIiwiZGVmYXVsdHMiLCJzaXplIiwicHJpbWFyeUNvbG9yIiwic2Vjb25kYXJ5Q29sb3IiLCJhY3RpdmF0aW9uS2V5cyJdLCJtYXBwaW5ncyI6IkFBdUJBLElBQU1BLE1BQU0sR0FBRyx1QkFBdUI7QUFFdEMsT0FBTyxJQUFNQyxrQkFBa0IsR0FBK0I7RUFDNURDLEdBQUcsRUFBRTtJQUNIQyxJQUFJLEVBQUVILE1BQU07SUFDWkksSUFBSSxLQUFBQyxNQUFBLENBQUtMLE1BQU0sVUFBTztJQUN0Qk0sT0FBTyxLQUFBRCxNQUFBLENBQUtMLE1BQU0sYUFBVTtJQUM1Qk8sR0FBRyxLQUFBRixNQUFBLENBQUtMLE1BQU0sU0FBTTtJQUNwQlEsS0FBSyxLQUFBSCxNQUFBLENBQUtMLE1BQU0sV0FBUTtJQUN4QlMsT0FBTyxLQUFBSixNQUFBLENBQUtMLE1BQU0sYUFBVTtJQUM1QlUsTUFBTSxLQUFBTCxNQUFBLENBQUtMLE1BQU0sWUFBUztJQUMxQlcsSUFBSSxLQUFBTixNQUFBLENBQUtMLE1BQU07RUN2QmYsQ0R3QkQ7RUFDRDtFQUNBO0VBQ0FZLEdBQUcsRUFBRTtJQUFFUixJQUFJLEVBQUUsRUFBRTtJQUFFRyxHQUFHLEVBQUUsQ0FBQztJQUFFTSxRQUFRLEVBQUUsRUFBRTtJQUFFSixPQUFPLEVBQUUsRUFBRTtJQUFFQyxNQUFNLEVBQUUsRUFBRTtJQUFFQyxJQUFJLEVBQUU7RUFBQyxDQUFFO0VBQ3pFO0VBQ0E7RUFDQUcsUUFBUSxFQUFFO0lBQUVDLElBQUksRUFBRSxPQUFPO0lBQUVDLFlBQVksRUFBRSxXQUFXO0lBQUVDLGNBQWMsRUFBRTtFQUFNLENBQUU7RUFDOUU7RUFDQUMsY0FBYyxFQUFFLENBQUMsT0FBTyxFQUFFLEdBQUc7QUN2Qi9CLENEd0JDIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9jb25zdGFudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImNvbnN0IFBSRUZJWCA9ICdvbS10cmFuc2FjdGlvbi1kaWFsb2cnO1xuZXhwb3J0IGNvbnN0IFRSQU5TQUNUSU9OX0RJQUxPRyA9IHtcbiAgICBjbHM6IHtcbiAgICAgICAgd3JhcDogUFJFRklYLFxuICAgICAgICBib2R5OiBgJHtQUkVGSVh9LWJvZHlgLFxuICAgICAgICBkZXRhaWxzOiBgJHtQUkVGSVh9LWRldGFpbHNgLFxuICAgICAgICByb3c6IGAke1BSRUZJWH0tcm93YCxcbiAgICAgICAgdmFsdWU6IGAke1BSRUZJWH0tdmFsdWVgLFxuICAgICAgICBhY3Rpb25zOiBgJHtQUkVGSVh9LWFjdGlvbnNgLFxuICAgICAgICBmb290ZXI6IGAke1BSRUZJWH0tZm9vdGVyYCxcbiAgICAgICAgaGVscDogYCR7UFJFRklYfS1oZWxwYCxcbiAgICB9LFxuICAgIC8vIDE2cHggZGVzY3JpcHRpb27ihpJsaXN0LCA0cHggYmV0d2VlbiByb3dzLCAxNnB4IGJldHdlZW4gYSByb3cncyBsYWJlbCBhbmRcbiAgICAvLyB2YWx1ZSwgMTJweCBiZXR3ZWVuIHRoZSB0d28gYnV0dG9ucywgMjRweCBhY3Rpb24gcm934oaSaGVscCwgNHB4IHByb21wdOKGkmxpbmsuXG4gICAgZ2FwOiB7IGJvZHk6IDE2LCByb3c6IDAsIHJvd0lubmVyOiAxNiwgYWN0aW9uczogMTIsIGZvb3RlcjogMjQsIGhlbHA6IDQgfSxcbiAgICAvLyBUaGUgaGlnaGxpZ2h0ZWQgXCJWaWV34oCmXCIgYnV0dG9uIGlzIGxpZ2h0LWJsdWUgKGBzZWNvbmRhcnlgKTsgdGhlIGRpc21pc3NcbiAgICAvLyBidXR0b24gKFwiRG9uZVwiL1wiQ2xvc2VcIikgaXMgYGdyZXlgIOKAlCBtYXRjaGluZyB0aGUgMW1vbmV5IHRyYW5zYWN0aW9uIGRlc2lnbi5cbiAgICBkZWZhdWx0czogeyBzaXplOiAnc21hbGwnLCBwcmltYXJ5Q29sb3I6ICdzZWNvbmRhcnknLCBzZWNvbmRhcnlDb2xvcjogJ2dyZXknIH0sXG4gICAgLy8gYFR5cG9ncmFwaHkuTGlua2AgcmVuZGVycyBhbiA8YT4gd2l0aCBubyBocmVmLCBzbyBFbnRlci9TcGFjZSBhY3RpdmF0ZSBpdC5cbiAgICBhY3RpdmF0aW9uS2V5czogWydFbnRlcicsICcgJ10sXG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { TransactionDialog } from './TransactionDialog';
|
|
2
|
-
export * from './presets';
|
|
3
|
-
export * from './interface';
|
|
4
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL2luZGV4LnRzIl0sIm5hbWVzIjpbIlRyYW5zYWN0aW9uRGlhbG9nIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxpQkFBaUIsUUFBUSxxQkFBcUI7QUFDdkQsY0FBYyxXQUFXO0FBQ3pCLGNBQWMsYUFBYSIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVHJhbnNhY3Rpb25EaWFsb2cvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { ButtonColor } from "../../../components/Button";
|
|
3
|
-
import type { DialogProps } from "../../../components/Dialog";
|
|
4
|
-
import type { IconName } from "../../../components/Icons";
|
|
5
|
-
import type { TransactionDialogPresetCopy } from './presets';
|
|
6
|
-
/** Value color tone for a detail row. */
|
|
7
|
-
export type TransactionDetailTone = 'default' | 'success';
|
|
8
|
-
/**
|
|
9
|
-
* One key/value row in the transaction detail list. The row layout (label left,
|
|
10
|
-
* value right, hairline separator, padding) is locked; only the content and a
|
|
11
|
-
* couple of value-styling toggles are configurable.
|
|
12
|
-
*/
|
|
13
|
-
export interface TransactionDetailRow {
|
|
14
|
-
/** Left-column label, e.g. `"Network"`, `"Transaction Fees"`. */
|
|
15
|
-
label: ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* Right-column value. Plain text, or a node for richer values — an icon +
|
|
18
|
-
* text (e.g. a network chip) or a multi-line wallet address.
|
|
19
|
-
*/
|
|
20
|
-
value: ReactNode;
|
|
21
|
-
/**
|
|
22
|
-
* Value color tone. `'success'` renders the value in positive green — use it
|
|
23
|
-
* for values like `"Free"`.
|
|
24
|
-
* @default 'default'
|
|
25
|
-
*/
|
|
26
|
-
valueTone?: TransactionDetailTone;
|
|
27
|
-
/**
|
|
28
|
-
* Emphasize the value as the summary total — larger and bold (e.g. the final
|
|
29
|
-
* "Recipient get" amount).
|
|
30
|
-
* @default false
|
|
31
|
-
*/
|
|
32
|
-
emphasis?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Show a copy-to-clipboard icon next to the value — for a wallet address,
|
|
35
|
-
* transaction id, etc. `true` copies the rendered text; pass `{ text }` to
|
|
36
|
-
* copy an exact string. Backed by the library's `Typography` copyable (with
|
|
37
|
-
* its default success toast).
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
copyable?: boolean | {
|
|
41
|
-
text: string;
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* A footer action button. `primaryAction` is the highlighted button (light-blue
|
|
46
|
-
* by default); `secondaryAction` is the dismiss button (grey by default).
|
|
47
|
-
*/
|
|
48
|
-
export interface TransactionDialogAction {
|
|
49
|
-
/**
|
|
50
|
-
* Button label. Optional on `primaryAction` when a `preset` supplies one
|
|
51
|
-
* (its `primaryLabel`); required on `secondaryAction`.
|
|
52
|
-
*/
|
|
53
|
-
label?: ReactNode;
|
|
54
|
-
/** Click handler. */
|
|
55
|
-
onClick?: () => void;
|
|
56
|
-
/** Disable the button. */
|
|
57
|
-
disabled?: boolean;
|
|
58
|
-
/** Show a spinner and block clicks while an async action is in flight. */
|
|
59
|
-
loading?: boolean;
|
|
60
|
-
/**
|
|
61
|
-
* Color tone override. Defaults to `'secondary'` (light blue) for
|
|
62
|
-
* `primaryAction` and `'grey'` for `secondaryAction`.
|
|
63
|
-
*/
|
|
64
|
-
color?: ButtonColor;
|
|
65
|
-
}
|
|
66
|
-
/** The centered "Trouble with your transaction? Let us help!" footer prompt. */
|
|
67
|
-
export interface TransactionDialogHelp {
|
|
68
|
-
/** Muted prompt text. Falls back to the preset's help prompt. */
|
|
69
|
-
promptText?: ReactNode;
|
|
70
|
-
/** Trailing brand-colored action text. Falls back to the preset's help action. */
|
|
71
|
-
actionText?: ReactNode;
|
|
72
|
-
/** Fires when the action text is clicked or activated via keyboard. */
|
|
73
|
-
onClick?: () => void;
|
|
74
|
-
}
|
|
75
|
-
export interface TransactionDialogProps extends Pick<DialogProps, 'open' | 'size' | 'maskClosable' | 'showCloseIcon' | 'showBackIcon' | 'onBack' | 'className'> {
|
|
76
|
-
/**
|
|
77
|
-
* Pre-canned status object (e.g. `TRANSACTION_DIALOG_PRESETS.failed`) that
|
|
78
|
-
* fills `illustration`, `title`, `description`, the close icon, the primary
|
|
79
|
-
* action label, and the help row. Any explicit prop below overrides it.
|
|
80
|
-
*/
|
|
81
|
-
preset?: TransactionDialogPresetCopy;
|
|
82
|
-
/** Dialog heading, e.g. `"Transaction completed"`. Optional when a `preset` supplies one. */
|
|
83
|
-
title?: ReactNode;
|
|
84
|
-
/** Supporting copy under the title, e.g. `"Your funds have been sent..."`. */
|
|
85
|
-
description?: ReactNode;
|
|
86
|
-
/**
|
|
87
|
-
* Illustration above the title (left-aligned, 74px). Pass an `IconName` (e.g.
|
|
88
|
-
* `'illusChecked'`, `'illusPending'`, `'illusError'`) or any node.
|
|
89
|
-
*/
|
|
90
|
-
illustration?: ReactNode | IconName;
|
|
91
|
-
/**
|
|
92
|
-
* The key/value detail rows, separated by hairlines.
|
|
93
|
-
*
|
|
94
|
-
* @example
|
|
95
|
-
* ```tsx
|
|
96
|
-
* const details: TransactionDetailRow[] = [
|
|
97
|
-
* { label: 'Destination Wallet', value: "Jack's wallet" },
|
|
98
|
-
* { label: 'Transaction Fees', value: 'Free', valueTone: 'success' },
|
|
99
|
-
* { label: 'Recipient get', value: '454,650.00 USD1', emphasis: true },
|
|
100
|
-
* ];
|
|
101
|
-
* <TransactionDialog open title="Transaction completed" details={details} />
|
|
102
|
-
* ```
|
|
103
|
-
*/
|
|
104
|
-
details: TransactionDetailRow[];
|
|
105
|
-
/** Highlighted (light-blue) action, e.g. "View in transaction history". */
|
|
106
|
-
primaryAction?: TransactionDialogAction;
|
|
107
|
-
/** Optional dismiss (grey) action beside the primary, e.g. "Done" / "Close". */
|
|
108
|
-
secondaryAction?: TransactionDialogAction;
|
|
109
|
-
/** Centered help prompt below the actions. */
|
|
110
|
-
help?: TransactionDialogHelp;
|
|
111
|
-
/**
|
|
112
|
-
* Fires from the close icon, mask click, and Escape key. Set your `open`
|
|
113
|
-
* state to `false` here.
|
|
114
|
-
*/
|
|
115
|
-
onClose?: () => void;
|
|
116
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiQUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { IconName } from "../../../components/Icons";
|
|
3
|
-
/** Default copy for the optional help row. */
|
|
4
|
-
export interface TransactionDialogPresetHelp {
|
|
5
|
-
/** Muted prompt text. */
|
|
6
|
-
promptText?: ReactNode;
|
|
7
|
-
/** Trailing brand-colored action text. */
|
|
8
|
-
actionText?: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Pre-canned config for a transaction-status scenario. A preset fills the
|
|
12
|
-
* dialog's illustration, title, description, close icon, the primary action
|
|
13
|
-
* label, and the help row; the consumer wires the handlers and supplies the
|
|
14
|
-
* dynamic `details` rows. Any explicit prop overrides the preset.
|
|
15
|
-
*/
|
|
16
|
-
export interface TransactionDialogPresetCopy {
|
|
17
|
-
/** Left-aligned 74px illustration. */
|
|
18
|
-
illustration: IconName;
|
|
19
|
-
/** Dialog heading. */
|
|
20
|
-
title: ReactNode;
|
|
21
|
-
/** Supporting copy under the title. */
|
|
22
|
-
description: ReactNode;
|
|
23
|
-
/** Default label for the primary action, when one is rendered. */
|
|
24
|
-
primaryLabel?: ReactNode;
|
|
25
|
-
/**
|
|
26
|
-
* Whether the close (X) icon shows by default.
|
|
27
|
-
* @default true
|
|
28
|
-
*/
|
|
29
|
-
showCloseIcon?: boolean;
|
|
30
|
-
/** Default help-row copy below the actions. */
|
|
31
|
-
help?: TransactionDialogPresetHelp;
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* Canonical transaction-status scenarios. Pass a leaf straight to
|
|
35
|
-
* `TransactionDialog`'s `preset` prop — there is no string key to remember; the
|
|
36
|
-
* IDE navigates and type-checks it.
|
|
37
|
-
*
|
|
38
|
-
* Copy is taken from the Figma "Transaction completed" frame and the scp-ui Send
|
|
39
|
-
* result statuses (`INIT` → `initiated`, `FAILURE` → `failed`, `PENDING` →
|
|
40
|
-
* `pending`).
|
|
41
|
-
*
|
|
42
|
-
* @example
|
|
43
|
-
* ```tsx
|
|
44
|
-
* import { TRANSACTION_DIALOG_PRESETS } from '@1money/component-ui/business/Dialog/TransactionDialog';
|
|
45
|
-
*
|
|
46
|
-
* <TransactionDialog
|
|
47
|
-
* open={open}
|
|
48
|
-
* preset={TRANSACTION_DIALOG_PRESETS.failed}
|
|
49
|
-
* details={details}
|
|
50
|
-
* primaryAction={{ onClick: retry }}
|
|
51
|
-
* secondaryAction={{ label: 'Close', onClick: close }}
|
|
52
|
-
* help={{ onClick: openSupport }}
|
|
53
|
-
* onClose={close}
|
|
54
|
-
* />;
|
|
55
|
-
* ```
|
|
56
|
-
*/
|
|
57
|
-
export declare const TRANSACTION_DIALOG_PRESETS: {
|
|
58
|
-
readonly completed: {
|
|
59
|
-
readonly illustration: "illusChecked";
|
|
60
|
-
readonly title: "Transaction completed";
|
|
61
|
-
readonly description: "Your funds have been sent successfully.";
|
|
62
|
-
readonly primaryLabel: "View in transaction history";
|
|
63
|
-
readonly showCloseIcon: true;
|
|
64
|
-
readonly help: TransactionDialogPresetHelp;
|
|
65
|
-
};
|
|
66
|
-
readonly initiated: {
|
|
67
|
-
readonly illustration: "illusChecked";
|
|
68
|
-
readonly title: "Your transaction initiated";
|
|
69
|
-
readonly description: "We will send you an email when the transaction is completed.";
|
|
70
|
-
readonly primaryLabel: "View in transaction history";
|
|
71
|
-
readonly showCloseIcon: true;
|
|
72
|
-
};
|
|
73
|
-
readonly failed: {
|
|
74
|
-
readonly illustration: "illusError";
|
|
75
|
-
readonly title: "Your transaction failed";
|
|
76
|
-
readonly description: "Please try again or contact support for assistance.";
|
|
77
|
-
readonly primaryLabel: "Try again";
|
|
78
|
-
readonly showCloseIcon: true;
|
|
79
|
-
readonly help: TransactionDialogPresetHelp;
|
|
80
|
-
};
|
|
81
|
-
readonly pending: {
|
|
82
|
-
readonly illustration: "illusPending";
|
|
83
|
-
readonly title: "Your Transaction is Under Review";
|
|
84
|
-
readonly description: "Please wait for the transaction to be completed.";
|
|
85
|
-
readonly primaryLabel: "View in transaction history";
|
|
86
|
-
readonly showCloseIcon: true;
|
|
87
|
-
readonly help: TransactionDialogPresetHelp;
|
|
88
|
-
};
|
|
89
|
-
};
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
var SUPPORT_HELP = {
|
|
2
|
-
promptText: 'Trouble with your transaction?',
|
|
3
|
-
actionText: 'Let us help!'
|
|
4
|
-
};
|
|
5
|
-
/**
|
|
6
|
-
* Canonical transaction-status scenarios. Pass a leaf straight to
|
|
7
|
-
* `TransactionDialog`'s `preset` prop — there is no string key to remember; the
|
|
8
|
-
* IDE navigates and type-checks it.
|
|
9
|
-
*
|
|
10
|
-
* Copy is taken from the Figma "Transaction completed" frame and the scp-ui Send
|
|
11
|
-
* result statuses (`INIT` → `initiated`, `FAILURE` → `failed`, `PENDING` →
|
|
12
|
-
* `pending`).
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```tsx
|
|
16
|
-
* import { TRANSACTION_DIALOG_PRESETS } from '@1money/component-ui/business/Dialog/TransactionDialog';
|
|
17
|
-
*
|
|
18
|
-
* <TransactionDialog
|
|
19
|
-
* open={open}
|
|
20
|
-
* preset={TRANSACTION_DIALOG_PRESETS.failed}
|
|
21
|
-
* details={details}
|
|
22
|
-
* primaryAction={{ onClick: retry }}
|
|
23
|
-
* secondaryAction={{ label: 'Close', onClick: close }}
|
|
24
|
-
* help={{ onClick: openSupport }}
|
|
25
|
-
* onClose={close}
|
|
26
|
-
* />;
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
|
-
export var TRANSACTION_DIALOG_PRESETS = {
|
|
30
|
-
completed: {
|
|
31
|
-
illustration: 'illusChecked',
|
|
32
|
-
title: 'Transaction completed',
|
|
33
|
-
description: 'Your funds have been sent successfully.',
|
|
34
|
-
primaryLabel: 'View in transaction history',
|
|
35
|
-
showCloseIcon: true,
|
|
36
|
-
help: SUPPORT_HELP
|
|
37
|
-
},
|
|
38
|
-
initiated: {
|
|
39
|
-
illustration: 'illusChecked',
|
|
40
|
-
title: 'Your transaction initiated',
|
|
41
|
-
description: 'We will send you an email when the transaction is completed.',
|
|
42
|
-
primaryLabel: 'View in transaction history',
|
|
43
|
-
showCloseIcon: true
|
|
44
|
-
},
|
|
45
|
-
failed: {
|
|
46
|
-
illustration: 'illusError',
|
|
47
|
-
title: 'Your transaction failed',
|
|
48
|
-
description: 'Please try again or contact support for assistance.',
|
|
49
|
-
primaryLabel: 'Try again',
|
|
50
|
-
showCloseIcon: true,
|
|
51
|
-
help: SUPPORT_HELP
|
|
52
|
-
},
|
|
53
|
-
pending: {
|
|
54
|
-
illustration: 'illusPending',
|
|
55
|
-
title: 'Your Transaction is Under Review',
|
|
56
|
-
description: 'Please wait for the transaction to be completed.',
|
|
57
|
-
primaryLabel: 'View in transaction history',
|
|
58
|
-
showCloseIcon: true,
|
|
59
|
-
help: SUPPORT_HELP
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL3ByZXNldHMudHMiLCJidXNpbmVzcy9EaWFsb2cvVHJhbnNhY3Rpb25EaWFsb2cvcHJlc2V0cy5qcyJdLCJuYW1lcyI6WyJTVVBQT1JUX0hFTFAiLCJwcm9tcHRUZXh0IiwiYWN0aW9uVGV4dCIsIlRSQU5TQUNUSU9OX0RJQUxPR19QUkVTRVRTIiwiY29tcGxldGVkIiwiaWxsdXN0cmF0aW9uIiwidGl0bGUiLCJkZXNjcmlwdGlvbiIsInByaW1hcnlMYWJlbCIsInNob3dDbG9zZUljb24iLCJoZWxwIiwiaW5pdGlhdGVkIiwiZmFpbGVkIiwicGVuZGluZyJdLCJtYXBwaW5ncyI6IkFBbUNBLElBQU1BLFlBQVksR0FBZ0M7RUFDaERDLFVBQVUsRUFBRSxnQ0FBZ0M7RUFDNUNDLFVBQVUsRUFBRTtBQ2xDZCxDRG1DQztBQUVEO0FDbkNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QURxQ0EsT0FBTyxJQUFNQywwQkFBMEIsR0FBRztFQUN4Q0MsU0FBUyxFQUFFO0lBQ1RDLFlBQVksRUFBRSxjQUFjO0lBQzVCQyxLQUFLLEVBQUUsdUJBQXVCO0lBQzlCQyxXQUFXLEVBQUUseUNBQXlDO0lBQ3REQyxZQUFZLEVBQUUsNkJBQTZCO0lBQzNDQyxhQUFhLEVBQUUsSUFBSTtJQUNuQkMsSUFBSSxFQUFFVjtFQ25DTixDRG9DRDtFQUNEVyxTQUFTLEVBQUU7SUFDVE4sWUFBWSxFQUFFLGNBQWM7SUFDNUJDLEtBQUssRUFBRSw0QkFBNEI7SUFDbkNDLFdBQVcsRUFBRSw4REFBOEQ7SUFDM0VDLFlBQVksRUFBRSw2QkFBNkI7SUFDM0NDLGFBQWEsRUFBRTtFQ25DZixDRG9DRDtFQUNERyxNQUFNLEVBQUU7SUFDTlAsWUFBWSxFQUFFLFlBQVk7SUFDMUJDLEtBQUssRUFBRSx5QkFBeUI7SUFDaENDLFdBQVcsRUFBRSxxREFBcUQ7SUFDbEVDLFlBQVksRUFBRSxXQUFXO0lBQ3pCQyxhQUFhLEVBQUUsSUFBSTtJQUNuQkMsSUFBSSxFQUFFVjtFQ25DTixDRG9DRDtFQUNEYSxPQUFPLEVBQUU7SUFDUFIsWUFBWSxFQUFFLGNBQWM7SUFDNUJDLEtBQUssRUFBRSxrQ0FBa0M7SUFDekNDLFdBQVcsRUFBRSxrREFBa0Q7SUFDL0RDLFlBQVksRUFBRSw2QkFBNkI7SUFDM0NDLGFBQWEsRUFBRSxJQUFJO0lBQ25CQyxJQUFJLEVBQUVWO0VDbkNOO0FBQ0osQ0RvQ2dFIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9wcmVzZXRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJjb25zdCBTVVBQT1JUX0hFTFAgPSB7XG4gICAgcHJvbXB0VGV4dDogJ1Ryb3VibGUgd2l0aCB5b3VyIHRyYW5zYWN0aW9uPycsXG4gICAgYWN0aW9uVGV4dDogJ0xldCB1cyBoZWxwIScsXG59O1xuLyoqXG4gKiBDYW5vbmljYWwgdHJhbnNhY3Rpb24tc3RhdHVzIHNjZW5hcmlvcy4gUGFzcyBhIGxlYWYgc3RyYWlnaHQgdG9cbiAqIGBUcmFuc2FjdGlvbkRpYWxvZ2AncyBgcHJlc2V0YCBwcm9wIOKAlCB0aGVyZSBpcyBubyBzdHJpbmcga2V5IHRvIHJlbWVtYmVyOyB0aGVcbiAqIElERSBuYXZpZ2F0ZXMgYW5kIHR5cGUtY2hlY2tzIGl0LlxuICpcbiAqIENvcHkgaXMgdGFrZW4gZnJvbSB0aGUgRmlnbWEgXCJUcmFuc2FjdGlvbiBjb21wbGV0ZWRcIiBmcmFtZSBhbmQgdGhlIHNjcC11aSBTZW5kXG4gKiByZXN1bHQgc3RhdHVzZXMgKGBJTklUYCDihpIgYGluaXRpYXRlZGAsIGBGQUlMVVJFYCDihpIgYGZhaWxlZGAsIGBQRU5ESU5HYCDihpJcbiAqIGBwZW5kaW5nYCkuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYHRzeFxuICogaW1wb3J0IHsgVFJBTlNBQ1RJT05fRElBTE9HX1BSRVNFVFMgfSBmcm9tICdAMW1vbmV5L2NvbXBvbmVudC11aS9idXNpbmVzcy9EaWFsb2cvVHJhbnNhY3Rpb25EaWFsb2cnO1xuICpcbiAqIDxUcmFuc2FjdGlvbkRpYWxvZ1xuICogICBvcGVuPXtvcGVufVxuICogICBwcmVzZXQ9e1RSQU5TQUNUSU9OX0RJQUxPR19QUkVTRVRTLmZhaWxlZH1cbiAqICAgZGV0YWlscz17ZGV0YWlsc31cbiAqICAgcHJpbWFyeUFjdGlvbj17eyBvbkNsaWNrOiByZXRyeSB9fVxuICogICBzZWNvbmRhcnlBY3Rpb249e3sgbGFiZWw6ICdDbG9zZScsIG9uQ2xpY2s6IGNsb3NlIH19XG4gKiAgIGhlbHA9e3sgb25DbGljazogb3BlblN1cHBvcnQgfX1cbiAqICAgb25DbG9zZT17Y2xvc2V9XG4gKiAvPjtcbiAqIGBgYFxuICovXG5leHBvcnQgY29uc3QgVFJBTlNBQ1RJT05fRElBTE9HX1BSRVNFVFMgPSB7XG4gICAgY29tcGxldGVkOiB7XG4gICAgICAgIGlsbHVzdHJhdGlvbjogJ2lsbHVzQ2hlY2tlZCcsXG4gICAgICAgIHRpdGxlOiAnVHJhbnNhY3Rpb24gY29tcGxldGVkJyxcbiAgICAgICAgZGVzY3JpcHRpb246ICdZb3VyIGZ1bmRzIGhhdmUgYmVlbiBzZW50IHN1Y2Nlc3NmdWxseS4nLFxuICAgICAgICBwcmltYXJ5TGFiZWw6ICdWaWV3IGluIHRyYW5zYWN0aW9uIGhpc3RvcnknLFxuICAgICAgICBzaG93Q2xvc2VJY29uOiB0cnVlLFxuICAgICAgICBoZWxwOiBTVVBQT1JUX0hFTFAsXG4gICAgfSxcbiAgICBpbml0aWF0ZWQ6IHtcbiAgICAgICAgaWxsdXN0cmF0aW9uOiAnaWxsdXNDaGVja2VkJyxcbiAgICAgICAgdGl0bGU6ICdZb3VyIHRyYW5zYWN0aW9uIGluaXRpYXRlZCcsXG4gICAgICAgIGRlc2NyaXB0aW9uOiAnV2Ugd2lsbCBzZW5kIHlvdSBhbiBlbWFpbCB3aGVuIHRoZSB0cmFuc2FjdGlvbiBpcyBjb21wbGV0ZWQuJyxcbiAgICAgICAgcHJpbWFyeUxhYmVsOiAnVmlldyBpbiB0cmFuc2FjdGlvbiBoaXN0b3J5JyxcbiAgICAgICAgc2hvd0Nsb3NlSWNvbjogdHJ1ZSxcbiAgICB9LFxuICAgIGZhaWxlZDoge1xuICAgICAgICBpbGx1c3RyYXRpb246ICdpbGx1c0Vycm9yJyxcbiAgICAgICAgdGl0bGU6ICdZb3VyIHRyYW5zYWN0aW9uIGZhaWxlZCcsXG4gICAgICAgIGRlc2NyaXB0aW9uOiAnUGxlYXNlIHRyeSBhZ2FpbiBvciBjb250YWN0IHN1cHBvcnQgZm9yIGFzc2lzdGFuY2UuJyxcbiAgICAgICAgcHJpbWFyeUxhYmVsOiAnVHJ5IGFnYWluJyxcbiAgICAgICAgc2hvd0Nsb3NlSWNvbjogdHJ1ZSxcbiAgICAgICAgaGVscDogU1VQUE9SVF9IRUxQLFxuICAgIH0sXG4gICAgcGVuZGluZzoge1xuICAgICAgICBpbGx1c3RyYXRpb246ICdpbGx1c1BlbmRpbmcnLFxuICAgICAgICB0aXRsZTogJ1lvdXIgVHJhbnNhY3Rpb24gaXMgVW5kZXIgUmV2aWV3JyxcbiAgICAgICAgZGVzY3JpcHRpb246ICdQbGVhc2Ugd2FpdCBmb3IgdGhlIHRyYW5zYWN0aW9uIHRvIGJlIGNvbXBsZXRlZC4nLFxuICAgICAgICBwcmltYXJ5TGFiZWw6ICdWaWV3IGluIHRyYW5zYWN0aW9uIGhpc3RvcnknLFxuICAgICAgICBzaG93Q2xvc2VJY29uOiB0cnVlLFxuICAgICAgICBoZWxwOiBTVVBQT1JUX0hFTFAsXG4gICAgfSxcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Retrieves the spacing value for a given token key.
|
|
3
|
-
*
|
|
4
|
-
* @param {string} $key - The spacing token key (e.g., '100', '200').
|
|
5
|
-
* @return {length|null} The computed spacing value or null if the key is invalid.
|
|
6
|
-
* @example
|
|
7
|
-
* .element {
|
|
8
|
-
* padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
|
|
9
|
-
* }
|
|
10
|
-
*/
|
|
11
|
-
/**
|
|
12
|
-
* Computes the spacing value based on a token key or a direct length value.
|
|
13
|
-
*
|
|
14
|
-
* @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
|
|
15
|
-
* @return {length} The computed spacing value.
|
|
16
|
-
* @example
|
|
17
|
-
* .element {
|
|
18
|
-
* margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
|
|
19
|
-
* padding: om-spacing-value(16px); // Returns 16px
|
|
20
|
-
* gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
|
|
21
|
-
* }
|
|
22
|
-
*/
|
|
23
|
-
.om-transaction-dialog-row {
|
|
24
|
-
padding: var(--om-spacing-300, 12px) 0;
|
|
25
|
-
border-top: 1px solid var(--om-border-default, #d1d2d2);
|
|
26
|
-
}
|
|
27
|
-
.om-transaction-dialog-value {
|
|
28
|
-
text-align: right;
|
|
29
|
-
}
|
|
30
|
-
.om-transaction-dialog-actions > button {
|
|
31
|
-
width: 100%;
|
|
32
|
-
white-space: nowrap;
|
|
33
|
-
}
|
|
34
|
-
.om-transaction-dialog-help a {
|
|
35
|
-
cursor: pointer;
|
|
36
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import './TransactionDialog.css';
|
|
2
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sMEJBQTBCIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './TransactionDialog.css';
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import './TransactionDialog.css';
|
|
2
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sMEJBQTBCIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { FC } from 'react';
|
|
2
|
-
import type { VerificationDialogResend } from './interface';
|
|
3
|
-
export interface ResendRowProps {
|
|
4
|
-
resend: VerificationDialogResend;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* The "Haven't received the code? Resend" row below the footer divider. Owns its
|
|
8
|
-
* own cooldown: while counting down (or while a resend is in flight) the row is
|
|
9
|
-
* inert — muted, non-clickable, default cursor — and shows the remaining time.
|
|
10
|
-
* When resending is allowed, both the prompt text and the link trigger it and
|
|
11
|
-
* show a pointer cursor. Rendered only when a `resend` config is provided, so
|
|
12
|
-
* the countdown hook never runs for dialogs without resend.
|
|
13
|
-
*/
|
|
14
|
-
export declare const ResendRow: FC<ResendRowProps>;
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Divider } from '../../../components/Divider';
|
|
3
|
-
import { Flex } from '../../../components/Flex';
|
|
4
|
-
import { Typography } from '../../../components/Typography';
|
|
5
|
-
import { joinCls } from '../../../utils/classnames';
|
|
6
|
-
import { VERIFICATION_DIALOG } from './constants';
|
|
7
|
-
import { useResendCountdown } from './hooks';
|
|
8
|
-
/**
|
|
9
|
-
* The "Haven't received the code? Resend" row below the footer divider. Owns its
|
|
10
|
-
* own cooldown: while counting down (or while a resend is in flight) the row is
|
|
11
|
-
* inert — muted, non-clickable, default cursor — and shows the remaining time.
|
|
12
|
-
* When resending is allowed, both the prompt text and the link trigger it and
|
|
13
|
-
* show a pointer cursor. Rendered only when a `resend` config is provided, so
|
|
14
|
-
* the countdown hook never runs for dialogs without resend.
|
|
15
|
-
*/
|
|
16
|
-
export var ResendRow = function ResendRow(_ref) {
|
|
17
|
-
var resend = _ref.resend;
|
|
18
|
-
var promptText = resend.promptText,
|
|
19
|
-
_resend$actionText = resend.actionText,
|
|
20
|
-
actionText = _resend$actionText === void 0 ? VERIFICATION_DIALOG.defaults.resendLabel : _resend$actionText,
|
|
21
|
-
onResend = resend.onResend,
|
|
22
|
-
cooldown = resend.cooldown;
|
|
23
|
-
var _useResendCountdown = useResendCountdown({
|
|
24
|
-
onResend: onResend,
|
|
25
|
-
cooldown: cooldown
|
|
26
|
-
}),
|
|
27
|
-
canResend = _useResendCountdown.canResend,
|
|
28
|
-
remaining = _useResendCountdown.remaining,
|
|
29
|
-
formatted = _useResendCountdown.formatted,
|
|
30
|
-
triggerResend = _useResendCountdown.resend;
|
|
31
|
-
var handleClick = function handleClick() {
|
|
32
|
-
if (canResend) triggerResend();
|
|
33
|
-
};
|
|
34
|
-
var handleKeyDown = function handleKeyDown(event) {
|
|
35
|
-
if (!canResend || !VERIFICATION_DIALOG.activationKeys.includes(event.key)) return;
|
|
36
|
-
event.preventDefault();
|
|
37
|
-
triggerResend();
|
|
38
|
-
};
|
|
39
|
-
return _jsxs(_Fragment, {
|
|
40
|
-
children: [_jsx(Divider, {}), _jsxs(Flex, {
|
|
41
|
-
align: 'center',
|
|
42
|
-
justify: 'space-between',
|
|
43
|
-
className: VERIFICATION_DIALOG.cls.recovery,
|
|
44
|
-
children: [promptText && _jsx(Typography.Body, {
|
|
45
|
-
size: 'md',
|
|
46
|
-
strong: true,
|
|
47
|
-
color: 'default-tertiary',
|
|
48
|
-
className: joinCls(VERIFICATION_DIALOG.cls.recoveryText, canResend && VERIFICATION_DIALOG.mod.clickable),
|
|
49
|
-
onClick: canResend ? handleClick : undefined,
|
|
50
|
-
children: promptText
|
|
51
|
-
}), _jsxs(Typography.Link, {
|
|
52
|
-
size: 'md',
|
|
53
|
-
role: 'button',
|
|
54
|
-
tabIndex: 0,
|
|
55
|
-
disabled: !canResend,
|
|
56
|
-
color: canResend ? 'brand' : 'default-tertiary',
|
|
57
|
-
className: joinCls(VERIFICATION_DIALOG.cls.resend, canResend && VERIFICATION_DIALOG.mod.clickable),
|
|
58
|
-
onClick: handleClick,
|
|
59
|
-
onKeyDown: handleKeyDown,
|
|
60
|
-
children: [actionText, remaining > 0 ? " (".concat(formatted, ")") : '']
|
|
61
|
-
})]
|
|
62
|
-
})]
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvUmVzZW5kUm93LmpzIiwiYnVzaW5lc3MvRGlhbG9nL3NyYy9idXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL1Jlc2VuZFJvdy50c3giXSwibmFtZXMiOlsianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIkZyYWdtZW50IiwiX0ZyYWdtZW50IiwiRGl2aWRlciIsIkZsZXgiLCJUeXBvZ3JhcGh5Iiwiam9pbkNscyIsIlZFUklGSUNBVElPTl9ESUFMT0ciLCJ1c2VSZXNlbmRDb3VudGRvd24iLCJSZXNlbmRSb3ciLCJfcmVmIiwicmVzZW5kIiwicHJvbXB0VGV4dCIsIl9yZXNlbmQkYWN0aW9uVGV4dCIsImFjdGlvblRleHQiLCJkZWZhdWx0cyIsInJlc2VuZExhYmVsIiwib25SZXNlbmQiLCJjb29sZG93biIsIl91c2VSZXNlbmRDb3VudGRvd24iLCJjYW5SZXNlbmQiLCJyZW1haW5pbmciLCJmb3JtYXR0ZWQiLCJ0cmlnZ2VyUmVzZW5kIiwiaGFuZGxlQ2xpY2siLCJoYW5kbGVLZXlEb3duIiwiZXZlbnQiLCJhY3RpdmF0aW9uS2V5cyIsImluY2x1ZGVzIiwia2V5IiwicHJldmVudERlZmF1bHQiLCJjaGlsZHJlbiIsImFsaWduIiwianVzdGlmeSIsImNsYXNzTmFtZSIsImNscyIsInJlY292ZXJ5IiwiQm9keSIsInNpemUiLCJzdHJvbmciLCJjb2xvciIsInJlY292ZXJ5VGV4dCIsIm1vZCIsImNsaWNrYWJsZSIsIm9uQ2xpY2siLCJ1bmRlZmluZWQiLCJMaW5rIiwicm9sZSIsInRhYkluZGV4IiwiZGlzYWJsZWQiLCJvbktleURvd24iLCJjb25jYXQiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssRUFBRUMsUUFBUSxJQUFJQyxTQUFTLFFBQVEsbUJBQW1CO0FDQXJGLFNBQVNDLE9BQU8sUUFBUSw2QkFBNkI7QUFDckQsU0FBU0MsSUFBSSxRQUFRLDBCQUEwQjtBQUMvQyxTQUFTQyxVQUFVLFFBQVEsZ0NBQWdDO0FBQzNELFNBQVNDLE9BQU8sUUFBUSwyQkFBMkI7QUFDbkQsU0FBU0MsbUJBQW1CLFFBQVEsYUFBYTtBQUNqRCxTQUFTQyxrQkFBa0IsUUFBUSxTQUFTO0FBUTVDO0FETEE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUNPQSxPQUFPLElBQU1DLFNBQVMsR0FBdUIsU0FBaENBLFNBQVNBLENBQUFDLElBQUEsRUFBc0M7RUFBQSxJQUFaQyxNQUFNLEdBQUFELElBQUEsQ0FBTkMsTUFBTTtFQUNwRCxJQUNFQyxVQUFVLEdBSVJELE1BQU0sQ0FKUkMsVUFBVTtJQUFBQyxrQkFBQSxHQUlSRixNQUFNLENBSFJHLFVBQVU7SUFBVkEsVUFBVSxHQUFBRCxrQkFBQSxjQUFHTixtQkFBbUIsQ0FBQ1EsUUFBUSxDQUFDQyxXQUFXLEdBQUFILGtCQUFBO0lBQ3JESSxRQUFRLEdBRU5OLE1BQU0sQ0FGUk0sUUFBUTtJQUNSQyxRQUFRLEdBQ05QLE1BQU0sQ0FEUk8sUUFBUTtFQUVWLElBQUFDLG1CQUFBLEdBQW1FWCxrQkFBa0IsQ0FBQztNQUNwRlMsUUFBUSxFQUFSQSxRQUFRO01BQ1JDLFFBQVEsRUFBUkE7SURWQSxDQ1dELENBQUM7SUFITUUsU0FBUyxHQUFBRCxtQkFBQSxDQUFUQyxTQUFTO0lBQUVDLFNBQVMsR0FBQUYsbUJBQUEsQ0FBVEUsU0FBUztJQUFFQyxTQUFTLEdBQUFILG1CQUFBLENBQVRHLFNBQVM7SUFBVUMsYUFBYSxHQUFBSixtQkFBQSxDQUFyQlIsTUFBTTtFQUsvQyxJQUFNYSxXQUFXLEdBQUcsU0FBZEEsV0FBV0EsQ0FBQSxFQUFRO0lBQ3ZCLElBQUlKLFNBQVMsRUFBRUcsYUFBYSxDQUFBLENBQUU7RUFDaEMsQ0FBQztFQUVELElBQU1FLGFBQWEsR0FBRyxTQUFoQkEsYUFBYUEsQ0FBSUMsS0FBdUMsRUFBSTtJQUNoRSxJQUFJLENBQUNOLFNBQVMsSUFBSSxDQUFDYixtQkFBbUIsQ0FBQ29CLGNBQWMsQ0FBQ0MsUUFBUSxDQUFDRixLQUFLLENBQUNHLEdBQUcsQ0FBQyxFQUFFO0lBQzNFSCxLQUFLLENBQUNJLGNBQWMsQ0FBQSxDQUFFO0lBQ3RCUCxhQUFhLENBQUEsQ0FBRTtFQUNqQixDQUFDO0VBRUQsT0FDRXZCLEtBQUEsQ0FBQUUsU0FBQSxFQUFBO0lBQUE2QixRQUFBLEVBQUEsQ0FDRWpDLElBQUEsQ0FBQ0ssT0FBTyxFQUFBLENBQUEsQ0FBQSxDQUFHLEVBQ1hILEtBQUEsQ0FBQ0ksSUFBSSxFQUFBO01BQUM0QixLQUFLLEVBQUMsUUFBUTtNQUFDQyxPQUFPLEVBQUMsZUFBZTtNQUFDQyxTQUFTLEVBQUUzQixtQkFBbUIsQ0FBQzRCLEdBQUcsQ0FBQ0MsUUFBUTtNQUFBTCxRQUFBLEVBQUEsQ0FDckZuQixVQUFVLElBQ1RkLElBQUEsQ0FBQ08sVUFBVSxDQUFDZ0MsSUFBSSxFQUFBO1FBQ2RDLElBQUksRUFBQyxJQUFJO1FBQ1RDLE1BQU0sRUFBQSxJQUFBO1FBQ05DLEtBQUssRUFBQyxrQkFBa0I7UUFDeEJOLFNBQVMsRUFBRTVCLE9BQU8sQ0FDaEJDLG1CQUFtQixDQUFDNEIsR0FBRyxDQUFDTSxZQUFZLEVBQ3BDckIsU0FBUyxJQUFJYixtQkFBbUIsQ0FBQ21DLEdBQUcsQ0FBQ0MsU0FBUyxDQUMvQztRQUNEQyxPQUFPLEVBQUV4QixTQUFTLEdBQUdJLFdBQVcsR0FBR3FCLFNBQVM7UUFBQWQsUUFBQSxFQUUzQ25CO01BQVUsQ0FBQSxDQUVkLEVBQ0RaLEtBQUEsQ0FBQ0ssVUFBVSxDQUFDeUMsSUFBSSxFQUFBO1FBQ2RSLElBQUksRUFBQyxJQUFJO1FBQ1RTLElBQUksRUFBQyxRQUFRO1FBQ2JDLFFBQVEsRUFBRSxDQUFDO1FBQ1hDLFFBQVEsRUFBRSxDQUFDN0IsU0FBUztRQUNwQm9CLEtBQUssRUFBRXBCLFNBQVMsR0FBRyxPQUFPLEdBQUcsa0JBQWtCO1FBQy9DYyxTQUFTLEVBQUU1QixPQUFPLENBQ2hCQyxtQkFBbUIsQ0FBQzRCLEdBQUcsQ0FBQ3hCLE1BQU0sRUFDOUJTLFNBQVMsSUFBSWIsbUJBQW1CLENBQUNtQyxHQUFHLENBQUNDLFNBQVMsQ0FDL0M7UUFDREMsT0FBTyxFQUFFcEIsV0FBVztRQUNwQjBCLFNBQVMsRUFBRXpCLGFBQWE7UUFBQU0sUUFBQSxFQUFBLENBRXZCakIsVUFBVSxFQUNWTyxTQUFTLEdBQUcsQ0FBQyxRQUFBOEIsTUFBQSxDQUFRN0IsU0FBUyxTQUFNLEVBQUU7TUFBQSxDQUFBLENBQ3ZCO0lBQUEsQ0FBQSxDQUNiO0VBQUEsQ0FBQSxDQUNOO0FBRVAsQ0FBQyIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVmVyaWZpY2F0aW9uRGlhbG9nL1Jlc2VuZFJvdy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzL0RpdmlkZXInO1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMvRmxleCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IGpvaW5DbHMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IFZFUklGSUNBVElPTl9ESUFMT0cgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgeyB1c2VSZXNlbmRDb3VudGRvd24gfSBmcm9tICcuL2hvb2tzJztcbi8qKlxuICogVGhlIFwiSGF2ZW4ndCByZWNlaXZlZCB0aGUgY29kZT8gUmVzZW5kXCIgcm93IGJlbG93IHRoZSBmb290ZXIgZGl2aWRlci4gT3ducyBpdHNcbiAqIG93biBjb29sZG93bjogd2hpbGUgY291bnRpbmcgZG93biAob3Igd2hpbGUgYSByZXNlbmQgaXMgaW4gZmxpZ2h0KSB0aGUgcm93IGlzXG4gKiBpbmVydCDigJQgbXV0ZWQsIG5vbi1jbGlja2FibGUsIGRlZmF1bHQgY3Vyc29yIOKAlCBhbmQgc2hvd3MgdGhlIHJlbWFpbmluZyB0aW1lLlxuICogV2hlbiByZXNlbmRpbmcgaXMgYWxsb3dlZCwgYm90aCB0aGUgcHJvbXB0IHRleHQgYW5kIHRoZSBsaW5rIHRyaWdnZXIgaXQgYW5kXG4gKiBzaG93IGEgcG9pbnRlciBjdXJzb3IuIFJlbmRlcmVkIG9ubHkgd2hlbiBhIGByZXNlbmRgIGNvbmZpZyBpcyBwcm92aWRlZCwgc29cbiAqIHRoZSBjb3VudGRvd24gaG9vayBuZXZlciBydW5zIGZvciBkaWFsb2dzIHdpdGhvdXQgcmVzZW5kLlxuICovXG5leHBvcnQgY29uc3QgUmVzZW5kUm93ID0gKHsgcmVzZW5kIH0pID0+IHtcbiAgICBjb25zdCB7IHByb21wdFRleHQsIGFjdGlvblRleHQgPSBWRVJJRklDQVRJT05fRElBTE9HLmRlZmF1bHRzLnJlc2VuZExhYmVsLCBvblJlc2VuZCwgY29vbGRvd24sIH0gPSByZXNlbmQ7XG4gICAgY29uc3QgeyBjYW5SZXNlbmQsIHJlbWFpbmluZywgZm9ybWF0dGVkLCByZXNlbmQ6IHRyaWdnZXJSZXNlbmQgfSA9IHVzZVJlc2VuZENvdW50ZG93bih7XG4gICAgICAgIG9uUmVzZW5kLFxuICAgICAgICBjb29sZG93bixcbiAgICB9KTtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IHtcbiAgICAgICAgaWYgKGNhblJlc2VuZClcbiAgICAgICAgICAgIHRyaWdnZXJSZXNlbmQoKTtcbiAgICB9O1xuICAgIGNvbnN0IGhhbmRsZUtleURvd24gPSAoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKCFjYW5SZXNlbmQgfHwgIVZFUklGSUNBVElPTl9ESUFMT0cuYWN0aXZhdGlvbktleXMuaW5jbHVkZXMoZXZlbnQua2V5KSlcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgdHJpZ2dlclJlc2VuZCgpO1xuICAgIH07XG4gICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KERpdmlkZXIsIHt9KSwgX2pzeHMoRmxleCwgeyBhbGlnbjogJ2NlbnRlcicsIGp1c3RpZnk6ICdzcGFjZS1iZXR3ZWVuJywgY2xhc3NOYW1lOiBWRVJJRklDQVRJT05fRElBTE9HLmNscy5yZWNvdmVyeSwgY2hpbGRyZW46IFtwcm9tcHRUZXh0ICYmIChfanN4KFR5cG9ncmFwaHkuQm9keSwgeyBzaXplOiAnbWQnLCBzdHJvbmc6IHRydWUsIGNvbG9yOiAnZGVmYXVsdC10ZXJ0aWFyeScsIGNsYXNzTmFtZTogam9pbkNscyhWRVJJRklDQVRJT05fRElBTE9HLmNscy5yZWNvdmVyeVRleHQsIGNhblJlc2VuZCAmJiBWRVJJRklDQVRJT05fRElBTE9HLm1vZC5jbGlja2FibGUpLCBvbkNsaWNrOiBjYW5SZXNlbmQgPyBoYW5kbGVDbGljayA6IHVuZGVmaW5lZCwgY2hpbGRyZW46IHByb21wdFRleHQgfSkpLCBfanN4cyhUeXBvZ3JhcGh5LkxpbmssIHsgc2l6ZTogJ21kJywgcm9sZTogJ2J1dHRvbicsIHRhYkluZGV4OiAwLCBkaXNhYmxlZDogIWNhblJlc2VuZCwgY29sb3I6IGNhblJlc2VuZCA/ICdicmFuZCcgOiAnZGVmYXVsdC10ZXJ0aWFyeScsIGNsYXNzTmFtZTogam9pbkNscyhWRVJJRklDQVRJT05fRElBTE9HLmNscy5yZXNlbmQsIGNhblJlc2VuZCAmJiBWRVJJRklDQVRJT05fRElBTE9HLm1vZC5jbGlja2FibGUpLCBvbkNsaWNrOiBoYW5kbGVDbGljaywgb25LZXlEb3duOiBoYW5kbGVLZXlEb3duLCBjaGlsZHJlbjogW2FjdGlvblRleHQsIHJlbWFpbmluZyA+IDAgPyBgICgke2Zvcm1hdHRlZH0pYCA6ICcnXSB9KV0gfSldIH0pKTtcbn07IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { useOtpVerification } from './useOtpVerification';
|
|
2
|
-
export { useResendCountdown } from './useResendCountdown';
|
|
3
|
-
export type { OtpVerifyResult, UseOtpVerificationOptions, UseOtpVerificationResult, } from './useOtpVerification';
|
|
4
|
-
export type { UseResendCountdownOptions, UseResendCountdownResult, } from './useResendCountdown';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export { useOtpVerification } from './useOtpVerification';
|
|
2
|
-
export { useResendCountdown } from './useResendCountdown';
|
|
3
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvaW5kZXgudHMiXSwibmFtZXMiOlsidXNlT3RwVmVyaWZpY2F0aW9uIiwidXNlUmVzZW5kQ291bnRkb3duIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxrQkFBa0IsUUFBUSxzQkFBc0I7QUFDekQsU0FBU0Msa0JBQWtCLFFBQVEsc0JBQXNCIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9WZXJpZmljYXRpb25EaWFsb2cvaG9va3MvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { InputStatus } from "../../../../components/Input";
|
|
3
|
-
/**
|
|
4
|
-
* Result of an `onVerify` call: `true` for success, or an error-message string
|
|
5
|
-
* to display under the OTP boxes. Anything other than `true` is treated as a
|
|
6
|
-
* failure and clears the entered code.
|
|
7
|
-
*/
|
|
8
|
-
export type OtpVerifyResult = boolean | string;
|
|
9
|
-
export interface UseOtpVerificationOptions {
|
|
10
|
-
/**
|
|
11
|
-
* Async verifier. Resolve `true` on success; resolve (or return) a string to
|
|
12
|
-
* show it as the error message. A thrown error uses its `message`, falling
|
|
13
|
-
* back to a generic message.
|
|
14
|
-
*/
|
|
15
|
-
onVerify: (code: string) => Promise<OtpVerifyResult> | OtpVerifyResult;
|
|
16
|
-
/** Controlled OTP value. */
|
|
17
|
-
value?: string;
|
|
18
|
-
/** Initial OTP value when uncontrolled. */
|
|
19
|
-
defaultValue?: string;
|
|
20
|
-
/** Verify automatically once all digits are entered. @default true */
|
|
21
|
-
autoSubmit?: boolean;
|
|
22
|
-
/** Fires on every OTP change with the current value. */
|
|
23
|
-
onChange?: (value: string) => void;
|
|
24
|
-
}
|
|
25
|
-
export interface UseOtpVerificationResult {
|
|
26
|
-
/** Current OTP value. */
|
|
27
|
-
value: string;
|
|
28
|
-
/** `'error'` while an error message is showing, otherwise `'default'`. */
|
|
29
|
-
status: InputStatus;
|
|
30
|
-
/** Error message to render under the boxes, or `undefined` when clear. */
|
|
31
|
-
feedback: ReactNode;
|
|
32
|
-
/** `true` while `onVerify` is in flight. */
|
|
33
|
-
submitting: boolean;
|
|
34
|
-
/** `true` once all digits are entered. */
|
|
35
|
-
valid: boolean;
|
|
36
|
-
/** Wire to the OTP field's `onChange`. */
|
|
37
|
-
onChange: (value: string) => void;
|
|
38
|
-
/** Manually trigger verification with the current value. */
|
|
39
|
-
submit: () => void;
|
|
40
|
-
/** Clear the current error message. */
|
|
41
|
-
clearError: () => void;
|
|
42
|
-
/** Clear both the value and any error. */
|
|
43
|
-
reset: () => void;
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Headless OTP verification logic shared by `VerificationDialog` and any other
|
|
47
|
-
* shell (popup, inline form, multi-step flow). Owns the value (controlled or
|
|
48
|
-
* uncontrolled), auto-submit on completion, loading state, and clear-on-error.
|
|
49
|
-
*/
|
|
50
|
-
export declare const useOtpVerification: (options: UseOtpVerificationOptions) => UseOtpVerificationResult;
|