@1money/component-ui 0.0.90 → 0.0.91
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.d.ts +3 -0
- package/es/business/Dialog/BaseDialog/BaseDialog.js +131 -0
- package/es/business/Dialog/BaseDialog/constants.d.ts +12 -0
- package/es/business/Dialog/BaseDialog/constants.js +13 -0
- package/es/business/Dialog/BaseDialog/index.d.ts +4 -0
- package/es/business/Dialog/BaseDialog/index.js +5 -0
- package/es/business/Dialog/BaseDialog/interface.d.ts +69 -0
- package/es/business/Dialog/BaseDialog/interface.js +2 -0
- package/es/business/Dialog/BaseDialog/style/BaseDialog.css +72 -0
- package/es/business/Dialog/BaseDialog/style/css.js +2 -0
- package/es/business/Dialog/BaseDialog/style/index.d.ts +1 -0
- package/es/business/Dialog/BaseDialog/style/index.js +2 -0
- package/es/business/Dialog/Descriptions/Descriptions.d.ts +3 -0
- package/es/business/Dialog/Descriptions/Descriptions.js +102 -0
- package/es/business/Dialog/Descriptions/constants.d.ts +16 -0
- package/es/business/Dialog/Descriptions/constants.js +24 -0
- package/es/business/Dialog/Descriptions/index.d.ts +4 -0
- package/es/business/Dialog/Descriptions/index.js +5 -0
- package/es/business/Dialog/Descriptions/interface.d.ts +58 -0
- package/es/business/Dialog/{ResultDialog → Descriptions}/interface.js +1 -1
- package/es/business/Dialog/Descriptions/style/Descriptions.css +60 -0
- package/es/business/Dialog/{ResultDialog → Descriptions}/style/css.js +2 -2
- package/es/business/Dialog/Descriptions/style/index.d.ts +1 -0
- package/es/business/Dialog/{ResultDialog → Descriptions}/style/index.js +2 -2
- package/es/business/Dialog/DetailsDialog/DetailsDialog.d.ts +3 -0
- package/es/business/Dialog/DetailsDialog/DetailsDialog.js +101 -0
- package/es/business/Dialog/DetailsDialog/index.d.ts +4 -0
- package/es/business/Dialog/DetailsDialog/index.js +5 -0
- package/es/business/Dialog/DetailsDialog/interface.d.ts +31 -0
- package/es/business/Dialog/DetailsDialog/interface.js +2 -0
- package/es/business/Dialog/DetailsDialog/style/DetailsDialog.css +43 -0
- package/es/business/Dialog/DetailsDialog/style/css.js +2 -0
- package/es/business/Dialog/DetailsDialog/style/index.d.ts +1 -0
- package/es/business/Dialog/DetailsDialog/style/index.js +2 -0
- package/es/business/Dialog/FormDialog/FormDialog.d.ts +5 -0
- package/es/business/Dialog/FormDialog/FormDialog.js +121 -0
- package/es/business/Dialog/FormDialog/index.d.ts +6 -0
- package/es/business/Dialog/FormDialog/index.js +6 -0
- package/es/business/Dialog/FormDialog/interface.d.ts +53 -0
- package/es/business/Dialog/FormDialog/interface.js +2 -0
- package/{lib/business/Dialog/TransactionDialog/style/TransactionDialog.css → es/business/Dialog/FormDialog/style/FormDialog.css} +11 -11
- package/es/business/Dialog/FormDialog/style/css.js +2 -0
- package/es/business/Dialog/FormDialog/style/index.d.ts +1 -0
- package/es/business/Dialog/FormDialog/style/index.js +2 -0
- package/es/business/Dialog/VerificationDialog/VerificationDialog.js +249 -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 +17 -6
- package/es/business/Dialog/index.d.ts +5 -2
- package/es/business/Dialog/index.js +8 -3
- package/es/business/Dialog/variants/DeleteDialog.d.ts +3 -0
- package/es/business/Dialog/variants/DeleteDialog.js +20 -0
- package/es/business/Dialog/variants/FailureDialog.d.ts +3 -0
- package/es/business/Dialog/variants/FailureDialog.js +20 -0
- package/es/business/Dialog/variants/LoadingDialog.d.ts +33 -0
- package/es/business/Dialog/variants/LoadingDialog.js +189 -0
- package/es/business/Dialog/variants/PendingDialog.d.ts +3 -0
- package/es/business/Dialog/variants/PendingDialog.js +19 -0
- package/es/business/Dialog/variants/SuccessDialog.d.ts +3 -0
- package/es/business/Dialog/variants/SuccessDialog.js +19 -0
- package/es/business/Dialog/variants/index.d.ts +10 -0
- package/es/business/Dialog/variants/index.js +9 -0
- package/es/business/Dialog/variants/style/LoadingDialog.css +62 -0
- package/es/business/Dialog/variants/style/css.js +2 -0
- package/es/business/Dialog/variants/style/index.d.ts +1 -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 +59 -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 +4 -0
- package/es/business/FormPage/FormPage.js +92 -0
- package/es/business/FormPage/index.d.ts +4 -0
- package/es/business/FormPage/index.js +5 -0
- package/es/business/FormPage/interface.d.ts +53 -0
- package/es/business/FormPage/interface.js +2 -0
- package/es/business/Select/Asset/AssetSelect.js +5 -1
- package/es/business/Select/Country/CountrySelect.js +5 -1
- package/es/business/Select/Currency/CurrencySelect.js +5 -1
- package/es/business/Select/Network/NetworkSelect.js +5 -1
- package/es/business/Select/PaymentMethod/PaymentMethodSelect.js +5 -1
- package/es/business/index.d.ts +3 -0
- package/es/business/index.js +3 -1
- package/es/business/shared/formCore/BaseProForm.d.ts +40 -0
- package/es/business/shared/formCore/BaseProForm.js +87 -0
- package/es/business/shared/formCore/useRelayedFormRef.d.ts +16 -0
- package/es/business/shared/formCore/useRelayedFormRef.js +43 -0
- package/es/business/shared/formCore/useSubmitAction.d.ts +11 -0
- package/es/business/shared/formCore/useSubmitAction.js +92 -0
- package/es/components/ActionBar/ActionBar.d.ts +3 -0
- package/es/components/ActionBar/ActionBar.js +115 -0
- package/es/components/ActionBar/constants.d.ts +29 -0
- package/es/components/ActionBar/constants.js +30 -0
- package/es/components/ActionBar/index.d.ts +4 -0
- package/es/components/ActionBar/index.js +5 -0
- package/es/components/ActionBar/interface.d.ts +82 -0
- package/es/components/ActionBar/interface.js +2 -0
- package/es/components/ActionBar/style/ActionBar.css +44 -0
- package/es/components/ActionBar/style/css.js +2 -0
- package/es/components/ActionBar/style/index.d.ts +1 -0
- package/es/components/ActionBar/style/index.js +2 -0
- package/es/components/Dialog/Dialog.js +13 -8
- package/es/components/Dialog/interface.d.ts +11 -0
- package/es/components/Dialog/style/Dialog.css +7 -4
- package/es/{business/Dialog/ResultDialog/style/ResultDialog.css → components/Dialog/style/DialogBare.css} +10 -5
- package/es/components/Dialog/style/css.js +2 -1
- package/es/components/Dialog/style/index.d.ts +1 -0
- package/es/components/Dialog/style/index.js +2 -1
- package/es/components/FormLayout/FormLayout.d.ts +25 -0
- package/es/components/FormLayout/FormLayout.js +128 -0
- package/es/components/FormLayout/config.d.ts +96 -0
- package/es/components/FormLayout/config.js +93 -0
- package/es/components/FormLayout/context.d.ts +9 -0
- package/es/components/FormLayout/context.js +13 -0
- package/es/components/FormLayout/index.d.ts +7 -0
- package/es/components/FormLayout/index.js +7 -0
- package/es/components/FormLayout/interface.d.ts +51 -0
- package/es/components/FormLayout/interface.js +2 -0
- package/es/components/FormLayout/style/FormLayout.css +110 -0
- package/es/components/FormLayout/style/css.js +2 -0
- package/es/components/FormLayout/style/index.d.ts +1 -0
- package/es/components/FormLayout/style/index.js +2 -0
- package/es/components/Grid/Col.d.ts +1 -0
- package/es/components/Grid/Col.js +2 -1
- package/es/components/Grid/Row.d.ts +1 -0
- package/es/components/Grid/Row.js +2 -1
- package/es/components/Input/Input/Input.css +1 -1
- package/es/components/Input/Input/Input.js +16 -4
- package/es/components/Input/Mask/Mask.js +3 -2
- package/es/components/Input/interface.d.ts +5 -0
- package/es/components/ProForm/ProForm.js +24 -13
- package/es/components/ProForm/ProFormItem.js +2 -1
- package/es/components/ProForm/core/constants.d.ts +1 -1
- package/es/components/ProForm/core/constants.js +5 -2
- package/es/components/ProForm/style/ProForm.css +1 -1
- package/es/components/Select/Select.js +8 -3
- package/es/index.css +1 -1
- package/es/index.d.ts +5 -1
- package/es/index.js +3 -1
- package/lib/business/Dialog/BaseDialog/BaseDialog.d.ts +3 -0
- package/lib/business/Dialog/BaseDialog/BaseDialog.js +140 -0
- package/lib/business/Dialog/BaseDialog/constants.d.ts +12 -0
- package/lib/business/Dialog/BaseDialog/constants.js +19 -0
- package/lib/business/Dialog/BaseDialog/index.d.ts +4 -0
- package/lib/business/Dialog/BaseDialog/index.js +30 -0
- package/lib/business/Dialog/BaseDialog/interface.d.ts +69 -0
- package/lib/business/Dialog/BaseDialog/interface.js +6 -0
- package/lib/business/Dialog/BaseDialog/style/BaseDialog.css +72 -0
- package/lib/business/Dialog/BaseDialog/style/css.js +4 -0
- package/lib/business/Dialog/BaseDialog/style/index.d.ts +1 -0
- package/lib/business/Dialog/BaseDialog/style/index.js +4 -0
- package/lib/business/Dialog/Descriptions/Descriptions.d.ts +3 -0
- package/lib/business/Dialog/Descriptions/Descriptions.js +112 -0
- package/lib/business/Dialog/Descriptions/constants.d.ts +16 -0
- package/lib/business/Dialog/Descriptions/constants.js +30 -0
- package/lib/business/Dialog/Descriptions/index.d.ts +4 -0
- package/lib/business/Dialog/Descriptions/index.js +30 -0
- package/lib/business/Dialog/Descriptions/interface.d.ts +58 -0
- package/lib/business/Dialog/{ResultDialog → Descriptions}/interface.js +1 -1
- package/lib/business/Dialog/Descriptions/style/Descriptions.css +60 -0
- package/lib/business/Dialog/{ResultDialog → Descriptions}/style/css.js +2 -2
- package/lib/business/Dialog/Descriptions/style/index.d.ts +1 -0
- package/lib/business/Dialog/{ResultDialog → Descriptions}/style/index.js +2 -2
- package/lib/business/Dialog/DetailsDialog/DetailsDialog.d.ts +3 -0
- package/lib/business/Dialog/DetailsDialog/DetailsDialog.js +111 -0
- package/lib/business/Dialog/DetailsDialog/index.d.ts +4 -0
- package/lib/business/Dialog/DetailsDialog/index.js +30 -0
- package/lib/business/Dialog/DetailsDialog/interface.d.ts +31 -0
- package/lib/business/Dialog/DetailsDialog/interface.js +6 -0
- package/lib/business/Dialog/DetailsDialog/style/DetailsDialog.css +43 -0
- package/lib/business/Dialog/DetailsDialog/style/css.js +4 -0
- package/lib/business/Dialog/DetailsDialog/style/index.d.ts +1 -0
- package/lib/business/Dialog/DetailsDialog/style/index.js +4 -0
- package/lib/business/Dialog/FormDialog/FormDialog.d.ts +5 -0
- package/lib/business/Dialog/FormDialog/FormDialog.js +130 -0
- package/lib/business/Dialog/FormDialog/index.d.ts +6 -0
- package/lib/business/Dialog/FormDialog/index.js +52 -0
- package/lib/business/Dialog/FormDialog/interface.d.ts +53 -0
- package/lib/business/Dialog/FormDialog/interface.js +6 -0
- package/{es/business/Dialog/TransactionDialog/style/TransactionDialog.css → lib/business/Dialog/FormDialog/style/FormDialog.css} +11 -11
- package/lib/business/Dialog/FormDialog/style/css.js +4 -0
- package/lib/business/Dialog/FormDialog/style/index.d.ts +1 -0
- package/lib/business/Dialog/FormDialog/style/index.js +4 -0
- package/lib/business/Dialog/VerificationDialog/VerificationDialog.js +250 -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 +17 -6
- package/lib/business/Dialog/index.d.ts +5 -2
- package/lib/business/Dialog/index.js +31 -9
- package/lib/business/Dialog/variants/DeleteDialog.d.ts +3 -0
- package/lib/business/Dialog/variants/DeleteDialog.js +26 -0
- package/lib/business/Dialog/variants/FailureDialog.d.ts +3 -0
- package/lib/business/Dialog/variants/FailureDialog.js +26 -0
- package/lib/business/Dialog/variants/LoadingDialog.d.ts +33 -0
- package/lib/business/Dialog/variants/LoadingDialog.js +199 -0
- package/lib/business/Dialog/variants/PendingDialog.d.ts +3 -0
- package/lib/business/Dialog/variants/PendingDialog.js +25 -0
- package/lib/business/Dialog/variants/SuccessDialog.d.ts +3 -0
- package/lib/business/Dialog/variants/SuccessDialog.js +25 -0
- package/lib/business/Dialog/variants/index.d.ts +10 -0
- package/lib/business/Dialog/variants/index.js +41 -0
- package/lib/business/Dialog/variants/style/LoadingDialog.css +62 -0
- package/lib/business/Dialog/variants/style/css.js +4 -0
- package/lib/business/Dialog/variants/style/index.d.ts +1 -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 +67 -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 +4 -0
- package/lib/business/FormPage/FormPage.js +98 -0
- package/lib/business/FormPage/index.d.ts +4 -0
- package/lib/business/FormPage/index.js +30 -0
- package/lib/business/FormPage/interface.d.ts +53 -0
- package/lib/business/FormPage/interface.js +6 -0
- package/lib/business/Select/Asset/AssetSelect.js +5 -1
- package/lib/business/Select/Country/CountrySelect.js +5 -1
- package/lib/business/Select/Currency/CurrencySelect.js +5 -1
- package/lib/business/Select/Network/NetworkSelect.js +5 -1
- package/lib/business/Select/PaymentMethod/PaymentMethodSelect.js +5 -1
- package/lib/business/index.d.ts +3 -0
- package/lib/business/index.js +27 -1
- package/lib/business/shared/formCore/BaseProForm.d.ts +40 -0
- package/lib/business/shared/formCore/BaseProForm.js +93 -0
- package/lib/business/shared/formCore/useRelayedFormRef.d.ts +16 -0
- package/lib/business/shared/formCore/useRelayedFormRef.js +49 -0
- package/lib/business/shared/formCore/useSubmitAction.d.ts +11 -0
- package/lib/business/shared/formCore/useSubmitAction.js +99 -0
- package/lib/components/ActionBar/ActionBar.d.ts +3 -0
- package/lib/components/ActionBar/ActionBar.js +124 -0
- package/lib/components/ActionBar/constants.d.ts +29 -0
- package/lib/components/ActionBar/constants.js +36 -0
- package/lib/components/ActionBar/index.d.ts +4 -0
- package/lib/components/ActionBar/index.js +30 -0
- package/lib/components/ActionBar/interface.d.ts +82 -0
- package/lib/components/ActionBar/interface.js +6 -0
- package/lib/components/ActionBar/style/ActionBar.css +44 -0
- package/lib/components/ActionBar/style/css.js +4 -0
- package/lib/components/ActionBar/style/index.d.ts +1 -0
- package/lib/components/ActionBar/style/index.js +4 -0
- package/lib/components/Dialog/Dialog.js +13 -8
- package/lib/components/Dialog/interface.d.ts +11 -0
- package/lib/components/Dialog/style/Dialog.css +7 -4
- package/lib/{business/Dialog/ResultDialog/style/ResultDialog.css → components/Dialog/style/DialogBare.css} +10 -5
- package/lib/components/Dialog/style/css.js +2 -1
- package/lib/components/Dialog/style/index.d.ts +1 -0
- package/lib/components/Dialog/style/index.js +2 -1
- package/lib/components/FormLayout/FormLayout.d.ts +25 -0
- package/lib/components/FormLayout/FormLayout.js +138 -0
- package/lib/components/FormLayout/config.d.ts +96 -0
- package/lib/components/FormLayout/config.js +99 -0
- package/lib/components/FormLayout/context.d.ts +9 -0
- package/lib/components/FormLayout/context.js +19 -0
- package/lib/components/FormLayout/index.d.ts +7 -0
- package/lib/components/FormLayout/index.js +102 -0
- package/lib/components/FormLayout/interface.d.ts +51 -0
- package/lib/components/FormLayout/interface.js +6 -0
- package/lib/components/FormLayout/style/FormLayout.css +110 -0
- package/lib/components/FormLayout/style/css.js +4 -0
- package/lib/components/FormLayout/style/index.d.ts +1 -0
- package/lib/components/FormLayout/style/index.js +4 -0
- package/lib/components/Grid/Col.d.ts +1 -0
- package/lib/components/Grid/Col.js +2 -1
- package/lib/components/Grid/Row.d.ts +1 -0
- package/lib/components/Grid/Row.js +2 -1
- package/lib/components/Input/Input/Input.css +1 -1
- package/lib/components/Input/Input/Input.js +16 -4
- package/lib/components/Input/Mask/Mask.js +3 -2
- package/lib/components/Input/interface.d.ts +5 -0
- package/lib/components/ProForm/ProForm.js +27 -16
- package/lib/components/ProForm/ProFormItem.js +2 -1
- package/lib/components/ProForm/core/constants.d.ts +1 -1
- package/lib/components/ProForm/core/constants.js +5 -2
- package/lib/components/ProForm/style/ProForm.css +1 -1
- package/lib/components/Select/Select.js +8 -3
- package/lib/index.css +1 -1
- package/lib/index.d.ts +5 -1
- package/lib/index.js +33 -1
- package/package.json +39 -9
- package/scripts/mcp-server/examples.generated.json +84 -0
- package/scripts/mcp-server/index.generated.json +743 -152
- 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/presets.d.ts +0 -178
- package/es/business/Dialog/ResultDialog/presets.js +0 -139
- 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/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/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/presets.d.ts +0 -178
- package/lib/business/Dialog/ResultDialog/presets.js +0 -145
- package/lib/business/Dialog/ResultDialog/style/index.d.ts +0 -1
- 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/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
|
@@ -0,0 +1,60 @@
|
|
|
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-component-ui-descriptions {
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: column;
|
|
26
|
+
width: 100%;
|
|
27
|
+
}
|
|
28
|
+
.om-component-ui-descriptions-row {
|
|
29
|
+
display: flex;
|
|
30
|
+
gap: var(--om-spacing-600, 24px);
|
|
31
|
+
align-items: center;
|
|
32
|
+
justify-content: space-between;
|
|
33
|
+
padding: var(--om-spacing-500, 20px) 0;
|
|
34
|
+
}
|
|
35
|
+
.om-component-ui-descriptions-row:not(:last-child) {
|
|
36
|
+
border-bottom: 1px solid var(--om-border-neutral, #e3e4e4);
|
|
37
|
+
}
|
|
38
|
+
.om-component-ui-descriptions-row-highlight {
|
|
39
|
+
padding-inline: var(--om-spacing-300, 12px);
|
|
40
|
+
margin-inline: calc(var(--om-spacing-300, 12px) * -1);
|
|
41
|
+
background-color: var(--om-bg-warning-tertiary-hover, rgba(244, 198, 0, 0.1));
|
|
42
|
+
border-radius: var(--om-radius-300, 12px);
|
|
43
|
+
}
|
|
44
|
+
.om-component-ui-descriptions-row-highlight:not(:last-child) {
|
|
45
|
+
border-bottom: none;
|
|
46
|
+
}
|
|
47
|
+
.om-component-ui-descriptions-label {
|
|
48
|
+
flex-shrink: 0;
|
|
49
|
+
}
|
|
50
|
+
.om-component-ui-descriptions-value {
|
|
51
|
+
display: flex;
|
|
52
|
+
gap: var(--om-spacing-300, 12px);
|
|
53
|
+
align-items: center;
|
|
54
|
+
min-width: 0;
|
|
55
|
+
text-align: right;
|
|
56
|
+
overflow-wrap: anywhere;
|
|
57
|
+
}
|
|
58
|
+
.om-component-ui-descriptions-value .om-component-ui-copy {
|
|
59
|
+
color: var(--om-icon-default-tertiary, #646465);
|
|
60
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import './
|
|
2
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
1
|
+
import './Descriptions.css';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9EZXNjcmlwdGlvbnMvc3JjL2J1c2luZXNzL0RpYWxvZy9EZXNjcmlwdGlvbnMvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxxQkFBcUIiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL0Rlc2NyaXB0aW9ucy9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './Descriptions.css';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import './
|
|
2
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
1
|
+
import './Descriptions.css';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9EZXNjcmlwdGlvbnMvc3JjL2J1c2luZXNzL0RpYWxvZy9EZXNjcmlwdGlvbnMvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxxQkFBcUIiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL0Rlc2NyaXB0aW9ucy9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
var __rest = this && this.__rest || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
6
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
import { memo, useState } from 'react';
|
|
12
|
+
import { Icons } from '../../../components/Icons';
|
|
13
|
+
import { default as classnames, joinCls } from '../../../utils/classnames';
|
|
14
|
+
import { BaseDialog } from '../BaseDialog';
|
|
15
|
+
import { Descriptions } from '../Descriptions';
|
|
16
|
+
import './style';
|
|
17
|
+
var PREFIX = 'details-dialog';
|
|
18
|
+
var DOWNLOAD_ICON_SIZE = 20;
|
|
19
|
+
/**
|
|
20
|
+
* Fill the details-family default download CTA — icon, label, and secondary
|
|
21
|
+
* tone — leaving any explicitly-set field untouched. The consumer usually
|
|
22
|
+
* only wires `onClick`.
|
|
23
|
+
*/
|
|
24
|
+
var withDownloadDefaults = function withDownloadDefaults(action) {
|
|
25
|
+
return action && Object.assign({
|
|
26
|
+
icon: _jsx(Icons, {
|
|
27
|
+
name: 'menuDeposit',
|
|
28
|
+
size: DOWNLOAD_ICON_SIZE
|
|
29
|
+
}),
|
|
30
|
+
color: 'secondary',
|
|
31
|
+
label: 'Download'
|
|
32
|
+
}, action);
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* Wraps an action so a Promise-returning `onClick` drives the button's
|
|
36
|
+
* loading state until it settles (errors are rethrown to the console — the
|
|
37
|
+
* caller owns surfacing them).
|
|
38
|
+
*/
|
|
39
|
+
var useAsyncAction = function useAsyncAction(action) {
|
|
40
|
+
var _a;
|
|
41
|
+
var _useState = useState(false),
|
|
42
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
43
|
+
busy = _useState2[0],
|
|
44
|
+
setBusy = _useState2[1];
|
|
45
|
+
if (!action) return undefined;
|
|
46
|
+
return Object.assign(Object.assign({}, action), {
|
|
47
|
+
loading: (_a = action.loading) !== null && _a !== void 0 ? _a : busy,
|
|
48
|
+
onClick: function onClick() {
|
|
49
|
+
var _a;
|
|
50
|
+
var result = (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
|
|
51
|
+
if (result instanceof Promise) {
|
|
52
|
+
setBusy(true);
|
|
53
|
+
void result["finally"](function () {
|
|
54
|
+
return setBusy(false);
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* Read-only details scenario shell — `BaseDialog` + `Descriptions`, with the
|
|
62
|
+
* details-family spec (Figma 39956-9897) scoped on top: title↔rows gap 0 and
|
|
63
|
+
* compact rows. Mirrors the legacy `Modal/Details` contract used by the
|
|
64
|
+
* Transactions receipts: arbitrary ReactNode row values, a before-rows slot,
|
|
65
|
+
* and async-loading CTAs. Copyable rows surface `onCopySuccess`/`onCopyError`
|
|
66
|
+
* — the shell shows no toast itself.
|
|
67
|
+
*/
|
|
68
|
+
var DetailsDialogBase = function DetailsDialogBase(_a) {
|
|
69
|
+
var rows = _a.rows,
|
|
70
|
+
listCls = _a.listCls,
|
|
71
|
+
beforeRows = _a.beforeRows,
|
|
72
|
+
primary = _a.primary,
|
|
73
|
+
secondary = _a.secondary,
|
|
74
|
+
className = _a.className,
|
|
75
|
+
children = _a.children,
|
|
76
|
+
_a$showCloseIcon = _a.showCloseIcon,
|
|
77
|
+
showCloseIcon = _a$showCloseIcon === void 0 ? true : _a$showCloseIcon,
|
|
78
|
+
onCopySuccess = _a.onCopySuccess,
|
|
79
|
+
onCopyError = _a.onCopyError,
|
|
80
|
+
_a$fixed = _a.fixed,
|
|
81
|
+
fixed = _a$fixed === void 0 ? true : _a$fixed,
|
|
82
|
+
rest = __rest(_a, ["rows", "listCls", "beforeRows", "primary", "secondary", "className", "children", "showCloseIcon", "onCopySuccess", "onCopyError", "fixed"]);
|
|
83
|
+
var classes = classnames(PREFIX);
|
|
84
|
+
var resolvedPrimary = useAsyncAction(withDownloadDefaults(primary));
|
|
85
|
+
var resolvedSecondary = useAsyncAction(secondary);
|
|
86
|
+
return _jsxs(BaseDialog, Object.assign({}, rest, {
|
|
87
|
+
showCloseIcon: showCloseIcon,
|
|
88
|
+
fixed: fixed,
|
|
89
|
+
className: joinCls(classes(), className),
|
|
90
|
+
primary: resolvedPrimary,
|
|
91
|
+
secondary: resolvedSecondary,
|
|
92
|
+
children: [beforeRows, _jsx(Descriptions, {
|
|
93
|
+
className: listCls,
|
|
94
|
+
rows: rows,
|
|
95
|
+
onCopySuccess: onCopySuccess,
|
|
96
|
+
onCopyError: onCopyError
|
|
97
|
+
}), children]
|
|
98
|
+
}));
|
|
99
|
+
};
|
|
100
|
+
export var DetailsDialog = /*#__PURE__*/memo(DetailsDialogBase);
|
|
101
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9EZXRhaWxzRGlhbG9nL0RldGFpbHNEaWFsb2cuanMiLCJidXNpbmVzcy9EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9EZXRhaWxzRGlhbG9nL0RldGFpbHNEaWFsb2cudHN4Il0sIm5hbWVzIjpbIl9fcmVzdCIsInMiLCJlIiwidCIsInAiLCJPYmplY3QiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpbmRleE9mIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwiaSIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIm1lbW8iLCJ1c2VTdGF0ZSIsIkljb25zIiwiZGVmYXVsdCIsImNsYXNzbmFtZXMiLCJqb2luQ2xzIiwiQmFzZURpYWxvZyIsIkRlc2NyaXB0aW9ucyIsIlBSRUZJWCIsIkRPV05MT0FEX0lDT05fU0laRSIsIndpdGhEb3dubG9hZERlZmF1bHRzIiwiYWN0aW9uIiwiYXNzaWduIiwiaWNvbiIsIm5hbWUiLCJzaXplIiwiY29sb3IiLCJsYWJlbCIsInVzZUFzeW5jQWN0aW9uIiwiX2EiLCJfdXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJidXN5Iiwic2V0QnVzeSIsInVuZGVmaW5lZCIsImxvYWRpbmciLCJvbkNsaWNrIiwicmVzdWx0IiwiUHJvbWlzZSIsIkRldGFpbHNEaWFsb2dCYXNlIiwicm93cyIsImxpc3RDbHMiLCJiZWZvcmVSb3dzIiwicHJpbWFyeSIsInNlY29uZGFyeSIsImNsYXNzTmFtZSIsImNoaWxkcmVuIiwiX2Ekc2hvd0Nsb3NlSWNvbiIsInNob3dDbG9zZUljb24iLCJvbkNvcHlTdWNjZXNzIiwib25Db3B5RXJyb3IiLCJfYSRmaXhlZCIsImZpeGVkIiwicmVzdCIsImNsYXNzZXMiLCJyZXNvbHZlZFByaW1hcnkiLCJyZXNvbHZlZFNlY29uZGFyeSIsIkRldGFpbHNEaWFsb2ciXSwi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LENBQUMiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL0RldGFpbHNEaWFsb2cvRGV0YWlsc0RpYWxvZy5qcyIsInNvdXJjZXNDb250ZW50IjpbInZhciBfX3Jlc3QgPSAodGhpcyAmJiB0aGlzLl9fcmVzdCkgfHwgZnVuY3Rpb24gKHMsIGUpIHtcbiAgICB2YXIgdCA9IHt9O1xuICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSAmJiBlLmluZGV4T2YocCkgPCAwKVxuICAgICAgICB0W3BdID0gc1twXTtcbiAgICBpZiAocyAhPSBudWxsICYmIHR5cGVvZiBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzID09PSBcImZ1bmN0aW9uXCIpXG4gICAgICAgIGZvciAodmFyIGkgPSAwLCBwID0gT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyhzKTsgaSA8IHAubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGlmIChlLmluZGV4T2YocFtpXSkgPCAwICYmIE9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUuY2FsbChzLCBwW2ldKSlcbiAgICAgICAgICAgICAgICB0W3BbaV1dID0gc1twW2ldXTtcbiAgICAgICAgfVxuICAgIHJldHVybiB0O1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9JY29ucyc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IEJhc2VEaWFsb2cgfSBmcm9tICcuLi9CYXNlRGlhbG9nJztcbmltcG9ydCB7IERlc2NyaXB0aW9ucyB9IGZyb20gJy4uL0Rlc2NyaXB0aW9ucyc7XG5pbXBvcnQgJy4vc3R5bGUnO1xuY29uc3QgUFJFRklYID0gJ2RldGFpbHMtZGlhbG9nJztcbmNvbnN0IERPV05MT0FEX0lDT05fU0laRSA9IDIwO1xuLyoqXG4gKiBGaWxsIHRoZSBkZXRhaWxzLWZhbWlseSBkZWZhdWx0IGRvd25sb2FkIENUQSDigJQgaWNvbiwgbGFiZWwsIGFuZCBzZWNvbmRhcnlcbiAqIHRvbmUg4oCUIGxlYXZpbmcgYW55IGV4cGxpY2l0bHktc2V0IGZpZWxkIHVudG91Y2hlZC4gVGhlIGNvbnN1bWVyIHVzdWFsbHlcbiAqIG9ubHkgd2lyZXMgYG9uQ2xpY2tgLlxuICovXG5jb25zdCB3aXRoRG93bmxvYWREZWZhdWx0cyA9IChhY3Rpb24pID0+IGFjdGlvbiAmJiBPYmplY3QuYXNzaWduKHsgaWNvbjogX2pzeChJY29ucywgeyBuYW1lOiAnbWVudURlcG9zaXQnLCBzaXplOiBET1dOTE9BRF9JQ09OX1NJWkUgfSksIGNvbG9yOiAnc2Vjb25kYXJ5JywgbGFiZWw6ICdEb3dubG9hZCcgfSwgYWN0aW9uKTtcbi8qKlxuICogV3JhcHMgYW4gYWN0aW9uIHNvIGEgUHJvbWlzZS1yZXR1cm5pbmcgYG9uQ2xpY2tgIGRyaXZlcyB0aGUgYnV0dG9uJ3NcbiAqIGxvYWRpbmcgc3RhdGUgdW50aWwgaXQgc2V0dGxlcyAoZXJyb3JzIGFyZSByZXRocm93biB0byB0aGUgY29uc29sZSDigJQgdGhlXG4gKiBjYWxsZXIgb3ducyBzdXJmYWNpbmcgdGhlbSkuXG4gKi9cbmNvbnN0IHVzZUFzeW5jQWN0aW9uID0gKGFjdGlvbikgPT4ge1xuICAgIHZhciBfYTtcbiAgICBjb25zdCBbYnVzeSwgc2V0QnVzeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgaWYgKCFhY3Rpb24pXG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgYWN0aW9uKSwgeyBsb2FkaW5nOiAoX2EgPSBhY3Rpb24ubG9hZGluZykgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogYnVzeSwgb25DbGljazogKCkgPT4ge1xuICAgICAgICAgICAgdmFyIF9hO1xuICAgICAgICAgICAgY29uc3QgcmVzdWx0ID0gKF9hID0gYWN0aW9uLm9uQ2xpY2spID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKGFjdGlvbik7XG4gICAgICAgICAgICBpZiAocmVzdWx0IGluc3RhbmNlb2YgUHJvbWlzZSkge1xuICAgICAgICAgICAgICAgIHNldEJ1c3kodHJ1ZSk7XG4gICAgICAgICAgICAgICAgdm9pZCByZXN1bHQuZmluYWxseSgoKSA9PiBzZXRCdXN5KGZhbHNlKSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gfSk7XG59O1xuLyoqXG4gKiBSZWFkLW9ubHkgZGV0YWlscyBzY2VuYXJpbyBzaGVsbCDigJQgYEJhc2VEaWFsb2dgICsgYERlc2NyaXB0aW9uc2AsIHdpdGggdGhlXG4gKiBkZXRhaWxzLWZhbWlseSBzcGVjIChGaWdtYSAzOTk1Ni05ODk3KSBzY29wZWQgb24gdG9wOiB0aXRsZeKGlHJvd3MgZ2FwIDAgYW5kXG4gKiBjb21wYWN0IHJvd3MuIE1pcnJvcnMgdGhlIGxlZ2FjeSBgTW9kYWwvRGV0YWlsc2AgY29udHJhY3QgdXNlZCBieSB0aGVcbiAqIFRyYW5zYWN0aW9ucyByZWNlaXB0czogYXJiaXRyYXJ5IFJlYWN0Tm9kZSByb3cgdmFsdWVzLCBhIGJlZm9yZS1yb3dzIHNsb3QsXG4gKiBhbmQgYXN5bmMtbG9hZGluZyBDVEFzLiBDb3B5YWJsZSByb3dzIHN1cmZhY2UgYG9uQ29weVN1Y2Nlc3NgL2BvbkNvcHlFcnJvcmBcbiAqIOKAlCB0aGUgc2hlbGwgc2hvd3Mgbm8gdG9hc3QgaXRzZWxmLlxuICovXG5jb25zdCBEZXRhaWxzRGlhbG9nQmFzZSA9IChfYSkgPT4ge1xuICAgIHZhciB7IHJvd3MsIGxpc3RDbHMsIGJlZm9yZVJvd3MsIHByaW1hcnksIHNlY29uZGFyeSwgY2xhc3NOYW1lLCBjaGlsZHJlbiwgc2hvd0Nsb3NlSWNvbiA9IHRydWUsIG9uQ29weVN1Y2Nlc3MsIG9uQ29weUVycm9yLCBcbiAgICAvLyBEZXRhaWxzIGxpc3RzIGNhbiBiZSBsb25nIOKAlCBwaW4gdGhlIHRpdGxlICsgRG93bmxvYWQsIHNjcm9sbCB0aGUgcm93cy5cbiAgICBmaXhlZCA9IHRydWUgfSA9IF9hLCByZXN0ID0gX19yZXN0KF9hLCBbXCJyb3dzXCIsIFwibGlzdENsc1wiLCBcImJlZm9yZVJvd3NcIiwgXCJwcmltYXJ5XCIsIFwic2Vjb25kYXJ5XCIsIFwiY2xhc3NOYW1lXCIsIFwiY2hpbGRyZW5cIiwgXCJzaG93Q2xvc2VJY29uXCIsIFwib25Db3B5U3VjY2Vzc1wiLCBcIm9uQ29weUVycm9yXCIsIFwiZml4ZWRcIl0pO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKFBSRUZJWCk7XG4gICAgY29uc3QgcmVzb2x2ZWRQcmltYXJ5ID0gdXNlQXN5bmNBY3Rpb24od2l0aERvd25sb2FkRGVmYXVsdHMocHJpbWFyeSkpO1xuICAgIGNvbnN0IHJlc29sdmVkU2Vjb25kYXJ5ID0gdXNlQXN5bmNBY3Rpb24oc2Vjb25kYXJ5KTtcbiAgICByZXR1cm4gKF9qc3hzKEJhc2VEaWFsb2csIE9iamVjdC5hc3NpZ24oe30sIHJlc3QsIHsgc2hvd0Nsb3NlSWNvbjogc2hvd0Nsb3NlSWNvbiwgZml4ZWQ6IGZpeGVkLCBjbGFzc05hbWU6IGpvaW5DbHMoY2xhc3NlcygpLCBjbGFzc05hbWUpLCBwcmltYXJ5OiByZXNvbHZlZFByaW1hcnksIHNlY29uZGFyeTogcmVzb2x2ZWRTZWNvbmRhcnksIGNoaWxkcmVuOiBbYmVmb3JlUm93cywgX2pzeChEZXNjcmlwdGlvbnMsIHsgY2xhc3NOYW1lOiBsaXN0Q2xzLCByb3dzOiByb3dzLCBvbkNvcHlTdWNjZXNzOiBvbkNvcHlTdWNjZXNzLCBvbkNvcHlFcnJvcjogb25Db3B5RXJyb3IgfSksIGNoaWxkcmVuXSB9KSkpO1xufTtcbmV4cG9ydCBjb25zdCBEZXRhaWxzRGlhbG9nID0gbWVtbyhEZXRhaWxzRGlhbG9nQmFzZSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { DetailsDialog } from './DetailsDialog';
|
|
2
|
+
export { DetailsDialog } from './DetailsDialog';
|
|
3
|
+
export default DetailsDialog;
|
|
4
|
+
export * from './interface';
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL0RldGFpbHNEaWFsb2cvaW5kZXgudHMiXSwibmFtZXMiOlsiRGV0YWlsc0RpYWxvZyJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsYUFBYSxRQUFRLGlCQUFpQjtBQUUvQyxTQUFTQSxhQUFhLFFBQVEsaUJBQWlCO0FBRS9DLGVBQWVBLGFBQWE7QUFFNUIsY0FBYyxhQUFhIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9EZXRhaWxzRGlhbG9nL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { ActionBarAction } from "../../../components/ActionBar";
|
|
3
|
+
import type { BaseDialogProps } from '../BaseDialog';
|
|
4
|
+
import type { DescriptionsRow } from '../Descriptions';
|
|
5
|
+
/**
|
|
6
|
+
* An action whose `onClick` may return a Promise — the dialog then drives
|
|
7
|
+
* the button's loading spinner until it settles (legacy DetailsModal CTA
|
|
8
|
+
* behavior, e.g. the async PDF "Download").
|
|
9
|
+
*/
|
|
10
|
+
export interface DetailsDialogAction extends Omit<ActionBarAction, 'onClick'> {
|
|
11
|
+
onClick?: () => void | Promise<void>;
|
|
12
|
+
}
|
|
13
|
+
export interface DetailsDialogProps extends Omit<BaseDialogProps, 'preset' | 'primary' | 'secondary'> {
|
|
14
|
+
/** The detail rows (Descriptions engine: copyable/tone/tag/emphasis/highlight). */
|
|
15
|
+
rows: DescriptionsRow[];
|
|
16
|
+
/** Extra class on the rows' LIST CONTAINER (the Descriptions root). */
|
|
17
|
+
listCls?: string;
|
|
18
|
+
/** Content rendered between the description and the rows (alerts, QR cards…). */
|
|
19
|
+
beforeRows?: ReactNode;
|
|
20
|
+
/** Primary action; an async `onClick` shows the built-in loading spinner. */
|
|
21
|
+
primary?: DetailsDialogAction;
|
|
22
|
+
/** Secondary action; same async-loading contract. */
|
|
23
|
+
secondary?: DetailsDialogAction;
|
|
24
|
+
/**
|
|
25
|
+
* Fires after a row copies successfully, with the copied text. The dialog
|
|
26
|
+
* shows no toast itself — wire feedback here (e.g. `notification.success`).
|
|
27
|
+
*/
|
|
28
|
+
onCopySuccess?: (value: string) => void;
|
|
29
|
+
/** Fires when a row copy fails, with the attempted text. */
|
|
30
|
+
onCopyError?: (value: string) => void;
|
|
31
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL0RldGFpbHNEaWFsb2cvaW50ZXJmYWNlLmpzIiwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIiwic291cmNlcyI6WyJidXNpbmVzcy9EaWFsb2cvRGV0YWlsc0RpYWxvZy9pbnRlcmZhY2UuanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHt9OyJdLCJtYXBwaW5ncyI6IkFBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
|
|
@@ -0,0 +1,43 @@
|
|
|
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-component-ui-details-dialog .om-component-ui-dialog-content {
|
|
24
|
+
padding-top: 0;
|
|
25
|
+
}
|
|
26
|
+
.om-component-ui-details-dialog .om-component-ui-descriptions-row {
|
|
27
|
+
gap: var(--om-spacing-400, 16px);
|
|
28
|
+
padding: var(--om-spacing-200, 8px) 0;
|
|
29
|
+
line-height: 16px;
|
|
30
|
+
}
|
|
31
|
+
.om-component-ui-details-dialog .om-component-ui-descriptions-label {
|
|
32
|
+
display: flex;
|
|
33
|
+
align-items: center;
|
|
34
|
+
width: calc(50% - 4px);
|
|
35
|
+
}
|
|
36
|
+
.om-component-ui-details-dialog .om-component-ui-descriptions-label .om-component-ui-typography {
|
|
37
|
+
color: var(--om-text-default, #131313);
|
|
38
|
+
}
|
|
39
|
+
.om-component-ui-details-dialog .om-component-ui-descriptions-value {
|
|
40
|
+
justify-content: flex-end;
|
|
41
|
+
width: calc(50% - 4px);
|
|
42
|
+
gap: var(--om-spacing-200, 8px);
|
|
43
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import './DetailsDialog.css';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9EZXRhaWxzRGlhbG9nL3NyYy9idXNpbmVzcy9EaWFsb2cvRGV0YWlsc0RpYWxvZy9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLHNCQUFzQiIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvRGV0YWlsc0RpYWxvZy9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './DetailsDialog.css';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import './DetailsDialog.css';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9EZXRhaWxzRGlhbG9nL3NyYy9idXNpbmVzcy9EaWFsb2cvRGV0YWlsc0RpYWxvZy9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLHNCQUFzQiIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvRGV0YWlsc0RpYWxvZy9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { FormDialogProps } from './interface';
|
|
2
|
+
import './style';
|
|
3
|
+
export declare const FormDialog: (<Values extends Record<string, any> = Record<string, any>>({ open, maskClosable, className, rootClassName, title, extra, description, width, children, initialValues, onSubmit, submitText, submitSlot, secondary, footnote, onClose, formRef, formProps, showCloseIcon, }: FormDialogProps<Values>) => import("react/jsx-runtime").JSX.Element) & {
|
|
4
|
+
Field: ({ half, children }: import("../../shared/formCore/BaseProForm").FormFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
};
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ActionBar } from '../../../components/ActionBar';
|
|
3
|
+
import { Dialog } from '../../../components/Dialog';
|
|
4
|
+
import { FORM_LAYOUT_CONFIG, FormLayout } from '../../../components/FormLayout';
|
|
5
|
+
import { Typography } from '../../../components/Typography';
|
|
6
|
+
import { default as classnames, joinCls } from '../../../utils/classnames';
|
|
7
|
+
import { BaseProForm, FormField } from '../../shared/formCore/BaseProForm';
|
|
8
|
+
import { useRelayedFormRef } from '../../shared/formCore/useRelayedFormRef';
|
|
9
|
+
import { useSubmitAction } from '../../shared/formCore/useSubmitAction';
|
|
10
|
+
import './style';
|
|
11
|
+
/**
|
|
12
|
+
* Form dialog scenario shell — the full assembly:
|
|
13
|
+
*
|
|
14
|
+
* Dialog(bare) overlay machinery only (mask, Esc, close, max-height)
|
|
15
|
+
* └─ FormLayout(modal) panel chrome + density config + pinned header/footer
|
|
16
|
+
* ├─ BaseProForm single ProForm config point (spacing from the same table)
|
|
17
|
+
* └─ ActionBar(compact) footer engine; submit drives `submitForm()`
|
|
18
|
+
*
|
|
19
|
+
* Business code supplies copy, fields, and callbacks — nothing else.
|
|
20
|
+
*/
|
|
21
|
+
var FormDialogInner = function FormDialogInner(_ref) {
|
|
22
|
+
var open = _ref.open,
|
|
23
|
+
maskClosable = _ref.maskClosable,
|
|
24
|
+
className = _ref.className,
|
|
25
|
+
rootClassName = _ref.rootClassName,
|
|
26
|
+
title = _ref.title,
|
|
27
|
+
extra = _ref.extra,
|
|
28
|
+
description = _ref.description,
|
|
29
|
+
width = _ref.width,
|
|
30
|
+
children = _ref.children,
|
|
31
|
+
initialValues = _ref.initialValues,
|
|
32
|
+
onSubmit = _ref.onSubmit,
|
|
33
|
+
submitText = _ref.submitText,
|
|
34
|
+
submitSlot = _ref.submitSlot,
|
|
35
|
+
secondary = _ref.secondary,
|
|
36
|
+
footnote = _ref.footnote,
|
|
37
|
+
onClose = _ref.onClose,
|
|
38
|
+
formRef = _ref.formRef,
|
|
39
|
+
formProps = _ref.formProps,
|
|
40
|
+
_ref$showCloseIcon = _ref.showCloseIcon,
|
|
41
|
+
showCloseIcon = _ref$showCloseIcon === void 0 ? true : _ref$showCloseIcon;
|
|
42
|
+
var innerRef = useRelayedFormRef(formRef);
|
|
43
|
+
var _useSubmitAction = useSubmitAction(onSubmit, onClose),
|
|
44
|
+
submitting = _useSubmitAction.submitting,
|
|
45
|
+
handleFinish = _useSubmitAction.handleFinish;
|
|
46
|
+
var resolvedSecondary = secondary === false ? undefined : secondary !== null && secondary !== void 0 ? secondary : onClose ? {
|
|
47
|
+
onClick: onClose
|
|
48
|
+
} : undefined;
|
|
49
|
+
var classes = classnames('form-dialog');
|
|
50
|
+
// Family spec: title ↔ description = 8. The description is header copy, so
|
|
51
|
+
// it lives INSIDE the header region (pinned, never scroll-clipped) instead
|
|
52
|
+
// of leading the fields region, where the region gap would leave 16.
|
|
53
|
+
var resolvedTitle = description ? _jsxs("div", {
|
|
54
|
+
className: classes('header-copy'),
|
|
55
|
+
children: [typeof title === 'string' || typeof title === 'number' ? _jsx(Typography.Headline, {
|
|
56
|
+
size: 'sm',
|
|
57
|
+
as: 'h2',
|
|
58
|
+
color: 'default',
|
|
59
|
+
children: title
|
|
60
|
+
}) : title, _jsx(Typography.Body, {
|
|
61
|
+
as: 'p',
|
|
62
|
+
size: 'md',
|
|
63
|
+
strong: true,
|
|
64
|
+
color: 'default-secondary',
|
|
65
|
+
children: description
|
|
66
|
+
})]
|
|
67
|
+
}) : title;
|
|
68
|
+
// The PANEL carries the width (explicit prop or the modal config default);
|
|
69
|
+
// the FormLayout fills it. Sizing the bare panel by its child would hit
|
|
70
|
+
// the shrink-to-fit percentage circularity instead.
|
|
71
|
+
var panelWidth = width !== null && width !== void 0 ? width : FORM_LAYOUT_CONFIG.modal.width;
|
|
72
|
+
return _jsx(Dialog, {
|
|
73
|
+
bare: true,
|
|
74
|
+
open: open,
|
|
75
|
+
width: panelWidth,
|
|
76
|
+
maskClosable: maskClosable,
|
|
77
|
+
showCloseIcon: showCloseIcon,
|
|
78
|
+
className: className,
|
|
79
|
+
rootClassName: rootClassName,
|
|
80
|
+
onCancel: onClose,
|
|
81
|
+
"aria-label": typeof title === 'string' ? title : undefined,
|
|
82
|
+
children: _jsx(FormLayout, {
|
|
83
|
+
variant: 'modal',
|
|
84
|
+
width: '100%',
|
|
85
|
+
className: joinCls(classes()),
|
|
86
|
+
title: resolvedTitle,
|
|
87
|
+
extra: extra,
|
|
88
|
+
footer: _jsx(ActionBar, {
|
|
89
|
+
layout: 'compact',
|
|
90
|
+
secondary: resolvedSecondary,
|
|
91
|
+
primary: submitSlot ? undefined : {
|
|
92
|
+
label: submitText,
|
|
93
|
+
loading: submitting,
|
|
94
|
+
onClick: function onClick() {
|
|
95
|
+
var _a;
|
|
96
|
+
return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.submitForm();
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
primarySlot: submitSlot === null || submitSlot === void 0 ? void 0 : submitSlot({
|
|
100
|
+
submit: function submit() {
|
|
101
|
+
var _a;
|
|
102
|
+
return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.submitForm();
|
|
103
|
+
},
|
|
104
|
+
submitting: submitting
|
|
105
|
+
}),
|
|
106
|
+
footnote: footnote
|
|
107
|
+
}),
|
|
108
|
+
children: _jsx(BaseProForm, Object.assign({}, formProps, {
|
|
109
|
+
variant: 'modal',
|
|
110
|
+
formRef: innerRef,
|
|
111
|
+
initialValues: initialValues,
|
|
112
|
+
onFinish: handleFinish,
|
|
113
|
+
children: children
|
|
114
|
+
}))
|
|
115
|
+
})
|
|
116
|
+
});
|
|
117
|
+
};
|
|
118
|
+
export var FormDialog = Object.assign(FormDialogInner, {
|
|
119
|
+
Field: FormField
|
|
120
|
+
});
|
|
121
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9Gb3JtRGlhbG9nL0Zvcm1EaWFsb2cuanMiLCJidXNpbmVzcy9EaWFsb2cvc3JjL2J1c2luZXNzL0RpYWxvZy9Gb3JtRGlhbG9nL0Zvcm1EaWFsb2cudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJBY3Rpb25CYXIiLCJEaWFsb2ciLCJGT1JNX0xBWU9VVF9DT05GSUciLCJGb3JtTGF5b3V0IiwiVHlwb2dyYXBoeSIsImRlZmF1bHQiLCJjbGFzc25hbWVzIiwiam9pbkNscyIsIkJhc2VQcm9Gb3JtIiwiRm9ybUZpZWxkIiwidXNlUmVsYXllZEZvcm1SZWYiLCJ1c2VTdWJtaXRBY3Rpb24iLCJGb3JtRGlhbG9nSW5uZXIiLCJfcmVmIiwib3BlbiIsIm1hc2tDbG9zYWJsZSIsImNsYXNzTmFtZSIsInJvb3RDbGFzc05hbWUiLCJ0aXRsZSIsImV4dHJhIiwiZGVzY3JpcHRpb24iLCJ3aWR0aCIsImNoaWxkcmVuIiwiaW5pdGlhbFZhbHVlcyIsIm9uU3VibWl0Iiwic3VibWl0VGV4dCIsInN1Ym1pdFNsb3QiLCJzZWNvbmRhcnkiLCJmb290bm90ZSIsIm9uQ2xvc2UiLCJmb3JtUmVmIiwiZm9ybVByb3BzIiwiX3JlZiRzaG93Q2xvc2VJY29uIiwic2hvd0Nsb3NlSWNvbiIsImlubmVyUmVmIiwiX3VzZVN1Ym1pdEFjdGlvbiIsInN1Ym1pdHRpbmciLCJoYW5kbGVGaW5pc2giLCJyZXNvbHZlZFNlY29uZGFyeSIsInVuZGVmaW5lZCIsIm9uQ2xpY2siLCJjbGFzc2VzIiwicmVzb2x2ZWRUaXRsZSIsIkhlYWRsaW5lIiwic2l6ZSIsImFzIiwiY29sb3IiLCJCb2R5Iiwic3Ryb25nIiwicGFuZWxXaWR0aCIsIm1vZGFsIiwiYmFyZSIsIm9uQ2FuY2VsIiwidmFyaWFudCIsImZvb3RlciIsImxheW91dCIsInByaW1hcnkiLCJsYWJlbCIsImxvYWRpbmciLCJfYSIsImN1cnJlbnQiLCJzdWJtaXRGb3JtIiwicHJpbWFyeVNsb3QiLCJzdWJtaXQiLCJPYmplY3QiLCJhc3NpZ24iLCJvbkZpbmlzaCIsIkZvcm1EaWFsb2ciLCJGaWVsZCJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLElBQUksSUFBSUMsS0FBSyxRQUFRLG1CQUFtQjtBQ0E5RCxTQUFTQyxTQUFTLFFBQVEsK0JBQStCO0FBQ3pELFNBQVNDLE1BQU0sUUFBUSw0QkFBNEI7QUFDbkQsU0FBU0Msa0JBQWtCLEVBQUVDLFVBQVUsUUFBUSxnQ0FBZ0M7QUFDL0UsU0FBU0MsVUFBVSxRQUFRLGdDQUFnQztBQUMzRCxTQUFTQyxPQUFPLElBQUlDLFVBQVUsRUFBRUMsT0FBTyxRQUFRLDJCQUEyQjtBQUMxRSxTQUFTQyxXQUFXLEVBQUVDLFNBQVMsUUFBUSxtQ0FBbUM7QUFDMUUsU0FBU0MsaUJBQWlCLFFBQVEseUNBQXlDO0FBQzNFLFNBQVNDLGVBQWUsUUFBUSx1Q0FBdUM7QUFFdkUsT0FBTyxTQUFTO0FBRWhCO0FEQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FDRUEsSUFBTUMsZUFBZSxHQUFHLFNBQWxCQSxlQUFlQSxDQUFBQyxJQUFBLEVBb0JTO0VBQUEsSUFuQjVCQyxJQUFJLEdBQUFELElBQUEsQ0FBSkMsSUFBSTtJQUNKQyxZQUFZLEdBQUFGLElBQUEsQ0FBWkUsWUFBWTtJQUNaQyxTQUFTLEdBQUFILElBQUEsQ0FBVEcsU0FBUztJQUNUQyxhQUFhLEdBQUFKLElBQUEsQ0FBYkksYUFBYTtJQUNiQyxLQUFLLEdBQUFMLElBQUEsQ0FBTEssS0FBSztJQUNMQyxLQUFLLEdBQUFOLElBQUEsQ0FBTE0sS0FBSztJQUNMQyxXQUFXLEdBQUFQLElBQUEsQ0FBWE8sV0FBVztJQUNYQyxLQUFLLEdBQUFSLElBQUEsQ0FBTFEsS0FBSztJQUNMQyxRQUFRLEdBQUFULElBQUEsQ0FBUlMsUUFBUTtJQUNSQyxhQUFhLEdBQUFWLElBQUEsQ0FBYlUsYUFBYTtJQUNiQyxRQUFRLEdBQUFYLElB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LGFBQWEsRUFBRUEsYUFBYTtRQUM1QjJDLFFBQVEsRUFBRTdCLFlBQVk7UUFBQWYsUUFBQSxFQUVyQkE7TUFBUSxDQUFBLENBQUE7SUFDRyxDQUFBO0VBQ0gsQ0FBQSxDQUNOO0FBRWIsQ0FBQztBQUVELE9BQU8sSUFBTTZDLFVBQVUsR0FBR0gsTUFBTSxDQUFDQyxNQUFNLENBQUNyRCxlQUFlLEVBQUU7RUFBRXdELEtBQUssRUFBRTNEO0FBQVMsQ0FBRSxDQUFDIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy9Gb3JtRGlhbG9nL0Zvcm1EaWFsb2cuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgQWN0aW9uQmFyIH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9BY3Rpb25CYXInO1xuaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9EaWFsb2cnO1xuaW1wb3J0IHsgRk9STV9MQVlPVVRfQ09ORklHLCBGb3JtTGF5b3V0IH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9Gb3JtTGF5b3V0JztcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBjbGFzc25hbWVzLCBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyBCYXNlUHJvRm9ybSwgRm9ybUZpZWxkIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2Zvcm1Db3JlL0Jhc2VQcm9Gb3JtJztcbmltcG9ydCB7IHVzZVJlbGF5ZWRGb3JtUmVmIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2Zvcm1Db3JlL3VzZVJlbGF5ZWRGb3JtUmVmJztcbmltcG9ydCB7IHVzZVN1Ym1pdEFjdGlvbiB9IGZyb20gJy4uLy4uL3NoYXJlZC9mb3JtQ29yZS91c2VTdWJtaXRBY3Rpb24nO1xuaW1wb3J0ICcuL3N0eWxlJztcbi8qKlxuICogRm9ybSBkaWFsb2cgc2NlbmFyaW8gc2hlbGwg4oCUIHRoZSBmdWxsIGFzc2VtYmx5OlxuICpcbiAqICAgRGlhbG9nKGJhcmUpICAgICAgICAgICAgb3ZlcmxheSBtYWNoaW5lcnkgb25seSAobWFzaywgRXNjLCBjbG9zZSwgbWF4LWhlaWdodClcbiAqICAg4pSU4pSAIEZvcm1MYXlvdXQobW9kYWwpICAgIHBhbmVsIGNocm9tZSArIGRlbnNpdHkgY29uZmlnICsgcGlubmVkIGhlYWRlci9mb290ZXJcbiAqICAgICAg4pSc4pSAIEJhc2VQcm9Gb3JtICAgICAgIHNpbmdsZSBQcm9Gb3JtIGNvbmZpZyBwb2ludCAoc3BhY2luZyBmcm9tIHRoZSBzYW1lIHRhYmxlKVxuICogICAgICDilJTilIAgQWN0aW9uQmFyKGNvbXBhY3QpIGZvb3RlciBlbmdpbmU7IHN1Ym1pdCBkcml2ZXMgYHN1Ym1pdEZvcm0oKWBcbiAqXG4gKiBCdXNpbmVzcyBjb2RlIHN1cHBsaWVzIGNvcHksIGZpZWxkcywgYW5kIGNhbGxiYWNrcyDigJQgbm90aGluZyBlbHNlLlxuICovXG5jb25zdCBGb3JtRGlhbG9nSW5uZXIgPSAoeyBvcGVuLCBtYXNrQ2xvc2FibGUsIGNsYXNzTmFtZSwgcm9vdENsYXNzTmFtZSwgdGl0bGUsIGV4dHJhLCBkZXNjcmlwdGlvbiwgd2lkdGgsIGNoaWxkcmVuLCBpbml0aWFsVmFsdWVzLCBvblN1Ym1pdCwgc3VibWl0VGV4dCwgc3VibWl0U2xvdCwgc2Vjb25kYXJ5LCBmb290bm90ZSwgb25DbG9zZSwgZm9ybVJlZiwgZm9ybVByb3BzLCBzaG93Q2xvc2VJY29uID0gdHJ1ZSwgfSkgPT4ge1xuICAgIGNvbnN0IGlubmVyUmVmID0gdXNlUmVsYXllZEZvcm1SZWYoZm9ybVJlZik7XG4gICAgY29uc3QgeyBzdWJtaXR0aW5nLCBoYW5kbGVGaW5pc2ggfSA9IHVzZVN1Ym1pdEFjdGlvbihvblN1Ym1pdCwgb25DbG9zZSk7XG4gICAgY29uc3QgcmVzb2x2ZWRTZWNvbmRhcnkgPSBzZWNvbmRhcnkgPT09IGZhbHNlID8gdW5kZWZpbmVkIDogKHNlY29uZGFyeSAhPT0gbnVsbCAmJiBzZWNvbmRhcnkgIT09IHZvaWQgMCA/IHNlY29uZGFyeSA6IChvbkNsb3NlID8geyBvbkNsaWNrOiBvbkNsb3NlIH0gOiB1bmRlZmluZWQpKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcygnZm9ybS1kaWFsb2cnKTtcbiAgICAvLyBGYW1pbHkgc3BlYzogdGl0bGUg4oaUIGRlc2NyaXB0aW9uID0gOC4gVGhlIGRlc2NyaXB0aW9uIGlzIGhlYWRlciBjb3B5LCBzb1xuICAgIC8vIGl0IGxpdmVzIElOU0lERSB0aGUgaGVhZGVyIHJlZ2lvbiAocGlubmVkLCBuZXZlciBzY3JvbGwtY2xpcHBlZCkgaW5zdGVhZFxuICAgIC8vIG9mIGxlYWRpbmcgdGhlIGZpZWxkcyByZWdpb24sIHdoZXJlIHRoZSByZWdpb24gZ2FwIHdvdWxkIGxlYXZlIDE2LlxuICAgIGNvbnN0IHJlc29sdmVkVGl0bGUgPSBkZXNjcmlwdGlvbiA/IChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnaGVhZGVyLWNvcHknKSwgY2hpbGRyZW46IFt0eXBlb2YgdGl0bGUgPT09ICdzdHJpbmcnIHx8IHR5cGVvZiB0aXRsZSA9PT0gJ251bWJlcicgPyAoX2pzeChUeXBvZ3JhcGh5LkhlYWRsaW5lLCB7IHNpemU6ICdzbScsIGFzOiAnaDInLCBjb2xvcjogJ2RlZmF1bHQnLCBjaGlsZHJlbjogdGl0bGUgfSkpIDogKHRpdGxlKSwgX2pzeChUeXBvZ3JhcGh5LkJvZHksIHsgYXM6ICdwJywgc2l6ZTogJ21kJywgc3Ryb25nOiB0cnVlLCBjb2xvcjogJ2RlZmF1bHQtc2Vjb25kYXJ5JywgY2hpbGRyZW46IGRlc2NyaXB0aW9uIH0pXSB9KSkgOiB0aXRsZTtcbiAgICAvLyBUaGUgUEFORUwgY2FycmllcyB0aGUgd2lkdGggKGV4cGxpY2l0IHByb3Agb3IgdGhlIG1vZGFsIGNvbmZpZyBkZWZhdWx0KTtcbiAgICAvLyB0aGUgRm9ybUxheW91dCBmaWxscyBpdC4gU2l6aW5nIHRoZSBiYXJlIHBhbmVsIGJ5IGl0cyBjaGlsZCB3b3VsZCBoaXRcbiAgICAvLyB0aGUgc2hyaW5rLXRvLWZpdCBwZXJjZW50YWdlIGNpcmN1bGFyaXR5IGluc3RlYWQuXG4gICAgY29uc3QgcGFuZWxXaWR0aCA9IHdpZHRoICE9PSBudWxsICYmIHdpZHRoICE9PSB2b2lkIDAgPyB3aWR0aCA6IEZPUk1fTEFZT1VUX0NPTkZJRy5tb2RhbC53aWR0aDtcbiAgICByZXR1cm4gKF9qc3goRGlhbG9nLCB7IGJhcmU6IHRydWUsIG9wZW46IG9wZW4sIHdpZHRoOiBwYW5lbFdpZHRoLCBtYXNrQ2xvc2FibGU6IG1hc2tDbG9zYWJsZSwgc2hvd0Nsb3NlSWNvbjogc2hvd0Nsb3NlSWNvbiwgY2xhc3NOYW1lOiBjbGFzc05hbWUsIHJvb3RDbGFzc05hbWU6IHJvb3RDbGFzc05hbWUsIG9uQ2FuY2VsOiBvbkNsb3NlLCBcImFyaWEtbGFiZWxcIjogdHlwZW9mIHRpdGxlID09PSAnc3RyaW5nJyA/IHRpdGxlIDogdW5kZWZpbmVkLCBjaGlsZHJlbjogX2pzeChGb3JtTGF5b3V0LCB7IHZhcmlhbnQ6ICdtb2RhbCcsIHdpZHRoOiAnMTAwJScsIGNsYXNzTmFtZTogam9pbkNscyhjbGFzc2VzKCkpLCB0aXRsZTogcmVzb2x2ZWRUaXRsZSwgZXh0cmE6IGV4dHJhLCBmb290ZXI6IF9qc3goQWN0aW9uQmFyLCB7IGxheW91dDogJ2NvbXBhY3QnLCBzZWNvbmRhcnk6IHJlc29sdmVkU2Vjb25kYXJ5LCBwcmltYXJ5OiBzdWJtaXRTbG90ID8gdW5kZWZpbmVkIDoge1xuICAgICAgICAgICAgICAgICAgICBsYWJlbDogc3VibWl0VGV4dCxcbiAgICAgICAgICAgICAgICAgICAgbG9hZGluZzogc3VibWl0dGluZyxcbiAgICAgICAgICAgICAgICAgICAgb25DbGljazogKCkgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBpbm5lclJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Euc3VibWl0Rm9ybSgpOyB9LFxuICAgICAgICAgICAgICAgIH0sIHByaW1hcnlTbG90OiBzdWJtaXRTbG90ID09PSBudWxsIHx8IHN1Ym1pdFNsb3QgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHN1Ym1pdFNsb3Qoe1xuICAgICAgICAgICAgICAgICAgICBzdWJtaXQ6ICgpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gaW5uZXJSZWYuY3VycmVudCkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLnN1Ym1pdEZvcm0oKTsgfSxcbiAgICAgICAgICAgICAgICAgICAgc3VibWl0dGluZyxcbiAgICAgICAgICAgICAgICB9KSwgZm9vdG5vdGU6IGZvb3Rub3RlIH0pLCBjaGlsZHJlbjogX2pzeChCYXNlUHJvRm9ybSwgT2JqZWN0LmFzc2lnbih7fSwgZm9ybVByb3BzLCB7IHZhcmlhbnQ6ICdtb2RhbCcsIGZvcm1SZWY6IGlubmVyUmVmLCBpbml0aWFsVmFsdWVzOiBpbml0aWFsVmFsdWVzLCBvbkZpbmlzaDogaGFuZGxlRmluaXNoLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkpIH0pIH0pKTtcbn07XG5leHBvcnQgY29uc3QgRm9ybURpYWxvZyA9IE9iamVjdC5hc3NpZ24oRm9ybURpYWxvZ0lubmVyLCB7IEZpZWxkOiBGb3JtRmllbGQgfSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FormDialog } from './FormDialog';
|
|
2
|
+
export { FormDialog } from './FormDialog';
|
|
3
|
+
export default FormDialog;
|
|
4
|
+
export * from './interface';
|
|
5
|
+
export { FormField, BaseProForm, LOCKED_FORM_PROPS } from '../../shared/formCore/BaseProForm';
|
|
6
|
+
export type { FormFieldProps, BaseProFormProps } from '../../shared/formCore/BaseProForm';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FormDialog } from './FormDialog';
|
|
2
|
+
export { FormDialog } from './FormDialog';
|
|
3
|
+
export default FormDialog;
|
|
4
|
+
export * from './interface';
|
|
5
|
+
export { FormField, BaseProForm, LOCKED_FORM_PROPS } from '../../shared/formCore/BaseProForm';
|
|
6
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL0Zvcm1EaWFsb2cvaW5kZXgudHMiXSwibmFtZXMiOlsiRm9ybURpYWxvZyIsIkZvcm1GaWVsZCIsIkJhc2VQcm9Gb3JtIiwiTE9DS0VEX0ZPUk1fUFJPUFMiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLFVBQVUsUUFBUSxjQUFjO0FBRXpDLFNBQVNBLFVBQVUsUUFBUSxjQUFjO0FBRXpDLGVBQWVBLFVBQVU7QUFFekIsY0FBYyxhQUFhO0FBQzNCLFNBQVNDLFNBQVMsRUFBRUMsV0FBVyxFQUFFQyxpQkFBaUIsUUFBUSxtQ0FBbUMiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL0Zvcm1EaWFsb2cvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import type { ReactNode, RefObject } from 'react';
|
|
2
|
+
import type { ActionBarAction, ActionBarFootnote } from "../../../components/ActionBar";
|
|
3
|
+
import type { DialogProps } from "../../../components/Dialog";
|
|
4
|
+
import type { FormLayoutProps } from "../../../components/FormLayout";
|
|
5
|
+
import type { ProFormFormInstance } from "../../../components/ProForm";
|
|
6
|
+
import type { BaseProFormProps } from '../../shared/formCore/BaseProForm';
|
|
7
|
+
import type { SubmitHandler } from '../../shared/formCore/useSubmitAction';
|
|
8
|
+
export interface FormDialogProps<Values extends Record<string, any> = Record<string, any>> extends Pick<DialogProps, 'open' | 'maskClosable' | 'showCloseIcon' | 'className' | 'rootClassName'> {
|
|
9
|
+
/** Dialog heading (FormLayout header). */
|
|
10
|
+
title?: ReactNode;
|
|
11
|
+
/** Trailing slot on the title row. */
|
|
12
|
+
extra?: ReactNode;
|
|
13
|
+
/** Supporting copy rendered above the fields. */
|
|
14
|
+
description?: ReactNode;
|
|
15
|
+
/** Panel width override (defaults to the modal variant's 640). */
|
|
16
|
+
width?: FormLayoutProps['width'];
|
|
17
|
+
/** ProForm fields — wrap each in `FormDialog.Field` for half/full width. */
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
/** Initial form values. */
|
|
20
|
+
initialValues?: BaseProFormProps<Values>['initialValues'];
|
|
21
|
+
/**
|
|
22
|
+
* Validated-submit handler. Resolving (or returning `true`/`void`) closes
|
|
23
|
+
* the dialog; returning `false` or throwing keeps it open with form state
|
|
24
|
+
* intact — surface the error yourself (field feedback, toast, …).
|
|
25
|
+
*/
|
|
26
|
+
onSubmit?: SubmitHandler<Values>;
|
|
27
|
+
/** Submit button label override (defaults to the generic 'Confirm'). */
|
|
28
|
+
submitText?: ReactNode;
|
|
29
|
+
/**
|
|
30
|
+
* Replace the built-in submit button with a custom node — for submits the
|
|
31
|
+
* action model cannot express (Button2FA challenges, permission-gated
|
|
32
|
+
* wrappers). Receives the internal validated-submit trigger and the
|
|
33
|
+
* in-flight flag; the node takes the primary position in the ActionBar
|
|
34
|
+
* (same width/track rules).
|
|
35
|
+
*/
|
|
36
|
+
submitSlot?: (ctx: {
|
|
37
|
+
submit: () => void;
|
|
38
|
+
submitting: boolean;
|
|
39
|
+
}) => ReactNode;
|
|
40
|
+
/**
|
|
41
|
+
* Secondary (left) action. Defaults to a Cancel button wired to `onClose`;
|
|
42
|
+
* pass `false` to render the submit button alone.
|
|
43
|
+
*/
|
|
44
|
+
secondary?: ActionBarAction | false;
|
|
45
|
+
/** Optional centered footnote row below the actions. */
|
|
46
|
+
footnote?: ActionBarFootnote;
|
|
47
|
+
/** Fires from the close icon, mask click, Escape, and the default Cancel. */
|
|
48
|
+
onClose?: () => void;
|
|
49
|
+
/** Imperative form instance (validate, set values, …). */
|
|
50
|
+
formRef?: RefObject<ProFormFormInstance<Values> | undefined>;
|
|
51
|
+
/** Extra ProForm props (layout props are locked and stripped). */
|
|
52
|
+
formProps?: Omit<BaseProFormProps<Values>, 'variant' | 'initialValues' | 'onFinish' | 'formRef' | 'children'>;
|
|
53
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL0Zvcm1EaWFsb2cvaW50ZXJmYWNlLmpzIiwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIiwic291cmNlcyI6WyJidXNpbmVzcy9EaWFsb2cvRm9ybURpYWxvZy9pbnRlcmZhY2UuanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHt9OyJdLCJtYXBwaW5ncyI6IkFBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
|
|
@@ -20,17 +20,17 @@
|
|
|
20
20
|
* gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
|
|
21
21
|
* }
|
|
22
22
|
*/
|
|
23
|
-
.om-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
.om-component-ui-form-dialog .om-component-ui-form-dialog-header-copy {
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: column;
|
|
26
|
+
gap: var(--om-spacing-200, 8px);
|
|
26
27
|
}
|
|
27
|
-
.om-
|
|
28
|
-
|
|
28
|
+
.om-component-ui-form-dialog .om-component-ui-action-bar-actions {
|
|
29
|
+
display: inline-grid;
|
|
30
|
+
grid-auto-flow: column;
|
|
31
|
+
grid-auto-columns: 1fr;
|
|
32
|
+
align-self: flex-start;
|
|
29
33
|
}
|
|
30
|
-
.om-
|
|
31
|
-
width:
|
|
32
|
-
white-space: nowrap;
|
|
33
|
-
}
|
|
34
|
-
.om-transaction-dialog-help a {
|
|
35
|
-
cursor: pointer;
|
|
34
|
+
.om-component-ui-form-dialog .om-component-ui-action-bar-actions > button {
|
|
35
|
+
min-width: 72px;
|
|
36
36
|
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import './FormDialog.css';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9Gb3JtRGlhbG9nL3NyYy9idXNpbmVzcy9EaWFsb2cvRm9ybURpYWxvZy9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLG1CQUFtQiIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvRm9ybURpYWxvZy9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './FormDialog.css';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import './FormDialog.css';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9Gb3JtRGlhbG9nL3NyYy9idXNpbmVzcy9EaWFsb2cvRm9ybURpYWxvZy9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLG1CQUFtQiIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvRm9ybURpYWxvZy9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|