@dynamic-labs/sdk-react-core 4.0.0-alpha.26 → 4.0.0-alpha.27
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/CHANGELOG.md +14 -0
- package/package.cjs +1 -1
- package/package.js +1 -1
- package/package.json +11 -11
- package/src/lib/assets/dynamic-logo.cjs +3 -3
- package/src/lib/assets/dynamic-logo.js +3 -3
- package/src/lib/assets/no-wallet-found.cjs +3 -3
- package/src/lib/assets/no-wallet-found.js +3 -3
- package/src/lib/assets/search.cjs +3 -3
- package/src/lib/assets/search.js +3 -3
- package/src/lib/assets/secure-account.cjs +3 -3
- package/src/lib/assets/secure-account.js +3 -3
- package/src/lib/components/PinField/PinField.cjs +10 -1
- package/src/lib/components/PinField/PinField.js +11 -2
- package/src/lib/components/PinInput/PinInput.cjs +1 -1
- package/src/lib/components/PinInput/PinInput.js +1 -1
- package/src/lib/shared/assets/access-blocked.cjs +3 -3
- package/src/lib/shared/assets/access-blocked.js +3 -3
- package/src/lib/shared/assets/add.cjs +3 -3
- package/src/lib/shared/assets/add.js +3 -3
- package/src/lib/shared/assets/alt-key.cjs +3 -3
- package/src/lib/shared/assets/alt-key.js +3 -3
- package/src/lib/shared/assets/android-face-id.cjs +3 -3
- package/src/lib/shared/assets/android-face-id.js +3 -3
- package/src/lib/shared/assets/android-touch-id.cjs +3 -3
- package/src/lib/shared/assets/android-touch-id.js +3 -3
- package/src/lib/shared/assets/arrow-circle-right.cjs +3 -3
- package/src/lib/shared/assets/arrow-circle-right.js +3 -3
- package/src/lib/shared/assets/arrow-down.cjs +3 -3
- package/src/lib/shared/assets/arrow-down.js +3 -3
- package/src/lib/shared/assets/arrow-left.cjs +3 -3
- package/src/lib/shared/assets/arrow-left.js +3 -3
- package/src/lib/shared/assets/arrow-right-background.cjs +3 -3
- package/src/lib/shared/assets/arrow-right-background.js +3 -3
- package/src/lib/shared/assets/arrow-right.cjs +3 -3
- package/src/lib/shared/assets/arrow-right.js +3 -3
- package/src/lib/shared/assets/at.cjs +3 -3
- package/src/lib/shared/assets/at.js +3 -3
- package/src/lib/shared/assets/authenticator.cjs +3 -3
- package/src/lib/shared/assets/authenticator.js +3 -3
- package/src/lib/shared/assets/blue-walletconnect.cjs +3 -3
- package/src/lib/shared/assets/blue-walletconnect.js +3 -3
- package/src/lib/shared/assets/caution-triangle.cjs +3 -3
- package/src/lib/shared/assets/caution-triangle.js +3 -3
- package/src/lib/shared/assets/check-blue.cjs +3 -3
- package/src/lib/shared/assets/check-blue.js +3 -3
- package/src/lib/shared/assets/check-circle.cjs +3 -3
- package/src/lib/shared/assets/check-circle.js +3 -3
- package/src/lib/shared/assets/check-connection.cjs +3 -3
- package/src/lib/shared/assets/check-connection.js +3 -3
- package/src/lib/shared/assets/check.cjs +3 -3
- package/src/lib/shared/assets/check.js +3 -3
- package/src/lib/shared/assets/chevron-down.cjs +3 -3
- package/src/lib/shared/assets/chevron-down.js +3 -3
- package/src/lib/shared/assets/chevron-left.cjs +3 -3
- package/src/lib/shared/assets/chevron-left.js +3 -3
- package/src/lib/shared/assets/close.cjs +3 -3
- package/src/lib/shared/assets/close.js +3 -3
- package/src/lib/shared/assets/connected-apps.cjs +3 -3
- package/src/lib/shared/assets/connected-apps.js +3 -3
- package/src/lib/shared/assets/copy.cjs +3 -3
- package/src/lib/shared/assets/copy.js +3 -3
- package/src/lib/shared/assets/currency.cjs +3 -3
- package/src/lib/shared/assets/currency.js +3 -3
- package/src/lib/shared/assets/delete-embedded-hero.cjs +3 -3
- package/src/lib/shared/assets/delete-embedded-hero.js +3 -3
- package/src/lib/shared/assets/domain.cjs +3 -3
- package/src/lib/shared/assets/domain.js +3 -3
- package/src/lib/shared/assets/dots-horizontal.cjs +3 -3
- package/src/lib/shared/assets/dots-horizontal.js +3 -3
- package/src/lib/shared/assets/double-arrow-right.cjs +3 -3
- package/src/lib/shared/assets/double-arrow-right.js +3 -3
- package/src/lib/shared/assets/download.cjs +3 -3
- package/src/lib/shared/assets/download.js +3 -3
- package/src/lib/shared/assets/embedded-wallet-icon.cjs +3 -3
- package/src/lib/shared/assets/embedded-wallet-icon.js +3 -3
- package/src/lib/shared/assets/error.cjs +3 -3
- package/src/lib/shared/assets/error.js +3 -3
- package/src/lib/shared/assets/exclamation-circle.cjs +3 -3
- package/src/lib/shared/assets/exclamation-circle.js +3 -3
- package/src/lib/shared/assets/exclamation.cjs +3 -3
- package/src/lib/shared/assets/exclamation.js +3 -3
- package/src/lib/shared/assets/export-embedded-hero.cjs +3 -3
- package/src/lib/shared/assets/export-embedded-hero.js +3 -3
- package/src/lib/shared/assets/export-private-key.cjs +3 -3
- package/src/lib/shared/assets/export-private-key.js +3 -3
- package/src/lib/shared/assets/export-recovery-phrase.cjs +3 -3
- package/src/lib/shared/assets/export-recovery-phrase.js +3 -3
- package/src/lib/shared/assets/externalLink.cjs +3 -3
- package/src/lib/shared/assets/externalLink.js +3 -3
- package/src/lib/shared/assets/eye-off-icon.cjs +3 -3
- package/src/lib/shared/assets/eye-off-icon.js +3 -3
- package/src/lib/shared/assets/eye-outline.cjs +3 -3
- package/src/lib/shared/assets/eye-outline.js +3 -3
- package/src/lib/shared/assets/face-id.cjs +3 -3
- package/src/lib/shared/assets/face-id.js +3 -3
- package/src/lib/shared/assets/footer-eye-icon.cjs +3 -3
- package/src/lib/shared/assets/footer-eye-icon.js +3 -3
- package/src/lib/shared/assets/footer-gas-icon.cjs +3 -3
- package/src/lib/shared/assets/footer-gas-icon.js +3 -3
- package/src/lib/shared/assets/footer-info-icon.cjs +3 -3
- package/src/lib/shared/assets/footer-info-icon.js +3 -3
- package/src/lib/shared/assets/footer-key-icon.cjs +3 -3
- package/src/lib/shared/assets/footer-key-icon.js +3 -3
- package/src/lib/shared/assets/gear.cjs +3 -3
- package/src/lib/shared/assets/gear.js +3 -3
- package/src/lib/shared/assets/info.cjs +3 -3
- package/src/lib/shared/assets/info.js +3 -3
- package/src/lib/shared/assets/iphone-face-id.cjs +3 -3
- package/src/lib/shared/assets/iphone-face-id.js +3 -3
- package/src/lib/shared/assets/iphone-touch-id.cjs +3 -3
- package/src/lib/shared/assets/iphone-touch-id.js +3 -3
- package/src/lib/shared/assets/justified-text.cjs +3 -3
- package/src/lib/shared/assets/justified-text.js +3 -3
- package/src/lib/shared/assets/key.cjs +3 -3
- package/src/lib/shared/assets/key.js +3 -3
- package/src/lib/shared/assets/link.cjs +3 -3
- package/src/lib/shared/assets/link.js +3 -3
- package/src/lib/shared/assets/location.cjs +3 -3
- package/src/lib/shared/assets/location.js +3 -3
- package/src/lib/shared/assets/lock.cjs +3 -3
- package/src/lib/shared/assets/lock.js +3 -3
- package/src/lib/shared/assets/logout.cjs +3 -3
- package/src/lib/shared/assets/logout.js +3 -3
- package/src/lib/shared/assets/mail.cjs +3 -3
- package/src/lib/shared/assets/mail.js +3 -3
- package/src/lib/shared/assets/mfa-recovery-icon.cjs +3 -3
- package/src/lib/shared/assets/mfa-recovery-icon.js +3 -3
- package/src/lib/shared/assets/multiple-account-security.cjs +3 -3
- package/src/lib/shared/assets/multiple-account-security.js +3 -3
- package/src/lib/shared/assets/passkey-account-security.cjs +3 -3
- package/src/lib/shared/assets/passkey-account-security.js +3 -3
- package/src/lib/shared/assets/passkey-intro-icon.cjs +3 -3
- package/src/lib/shared/assets/passkey-intro-icon.js +3 -3
- package/src/lib/shared/assets/passkey-intro2.cjs +3 -3
- package/src/lib/shared/assets/passkey-intro2.js +3 -3
- package/src/lib/shared/assets/password-hero.cjs +3 -3
- package/src/lib/shared/assets/password-hero.js +3 -3
- package/src/lib/shared/assets/pencil-alt-icon.cjs +3 -3
- package/src/lib/shared/assets/pencil-alt-icon.js +3 -3
- package/src/lib/shared/assets/pencil.cjs +3 -3
- package/src/lib/shared/assets/pencil.js +3 -3
- package/src/lib/shared/assets/phone.cjs +3 -3
- package/src/lib/shared/assets/phone.js +3 -3
- package/src/lib/shared/assets/profile-outline.cjs +3 -3
- package/src/lib/shared/assets/profile-outline.js +3 -3
- package/src/lib/shared/assets/puzzle.cjs +3 -3
- package/src/lib/shared/assets/puzzle.js +3 -3
- package/src/lib/shared/assets/question-mark.cjs +3 -3
- package/src/lib/shared/assets/question-mark.js +3 -3
- package/src/lib/shared/assets/save-password-hero.cjs +3 -3
- package/src/lib/shared/assets/save-password-hero.js +3 -3
- package/src/lib/shared/assets/send.cjs +3 -3
- package/src/lib/shared/assets/send.js +3 -3
- package/src/lib/shared/assets/settings-outline.cjs +3 -3
- package/src/lib/shared/assets/settings-outline.js +3 -3
- package/src/lib/shared/assets/shield.cjs +3 -3
- package/src/lib/shared/assets/shield.js +3 -3
- package/src/lib/shared/assets/sign-circle.cjs +3 -3
- package/src/lib/shared/assets/sign-circle.js +3 -3
- package/src/lib/shared/assets/sign-in-with-email.cjs +3 -3
- package/src/lib/shared/assets/sign-in-with-email.js +3 -3
- package/src/lib/shared/assets/sign-in-with-phone.cjs +3 -3
- package/src/lib/shared/assets/sign-in-with-phone.js +3 -3
- package/src/lib/shared/assets/size-labels.cjs +3 -3
- package/src/lib/shared/assets/size-labels.js +3 -3
- package/src/lib/shared/assets/smart-wallet.cjs +3 -3
- package/src/lib/shared/assets/smart-wallet.js +3 -3
- package/src/lib/shared/assets/spinner.cjs +3 -3
- package/src/lib/shared/assets/spinner.js +3 -3
- package/src/lib/shared/assets/stroke.cjs +3 -3
- package/src/lib/shared/assets/stroke.js +3 -3
- package/src/lib/shared/assets/switch-horizontal.cjs +3 -3
- package/src/lib/shared/assets/switch-horizontal.js +3 -3
- package/src/lib/shared/assets/three-dots.cjs +3 -3
- package/src/lib/shared/assets/three-dots.js +3 -3
- package/src/lib/shared/assets/tooltip-arrow.cjs +3 -3
- package/src/lib/shared/assets/tooltip-arrow.js +3 -3
- package/src/lib/shared/assets/tooltip.cjs +3 -3
- package/src/lib/shared/assets/tooltip.js +3 -3
- package/src/lib/shared/assets/unlink.cjs +3 -3
- package/src/lib/shared/assets/unlink.js +3 -3
- package/src/lib/shared/assets/user-account-2.cjs +3 -3
- package/src/lib/shared/assets/user-account-2.js +3 -3
- package/src/lib/shared/assets/user-card.cjs +3 -3
- package/src/lib/shared/assets/user-card.js +3 -3
- package/src/lib/shared/assets/user.cjs +3 -3
- package/src/lib/shared/assets/user.js +3 -3
- package/src/lib/shared/assets/wallet-claim-hero.cjs +3 -3
- package/src/lib/shared/assets/wallet-claim-hero.js +3 -3
- package/src/lib/shared/assets/wallet-connect-logo.cjs +3 -3
- package/src/lib/shared/assets/wallet-connect-logo.js +3 -3
- package/src/lib/shared/assets/wallet-outline-v2.cjs +3 -3
- package/src/lib/shared/assets/wallet-outline-v2.js +3 -3
- package/src/lib/shared/assets/wallet-v2.cjs +3 -3
- package/src/lib/shared/assets/wallet-v2.js +3 -3
- package/src/lib/shared/assets/warning-orange.cjs +3 -3
- package/src/lib/shared/assets/warning-orange.js +3 -3
- package/src/lib/shared/assets/warning-red.cjs +3 -3
- package/src/lib/shared/assets/warning-red.js +3 -3
- package/src/lib/shared/assets/work-suitcase.cjs +3 -3
- package/src/lib/shared/assets/work-suitcase.js +3 -3
- package/src/lib/views/EmailVerification/EmailVerification.cjs +1 -1
- package/src/lib/views/EmailVerification/EmailVerification.js +1 -1
|
@@ -3,9 +3,9 @@ import * as React from 'react';
|
|
|
3
3
|
|
|
4
4
|
var _circle;
|
|
5
5
|
var _excluded = ["title", "titleId"];
|
|
6
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
7
|
-
function _objectWithoutProperties(
|
|
8
|
-
function _objectWithoutPropertiesLoose(
|
|
6
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
|
|
7
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
|
|
8
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
|
|
9
9
|
var SvgWarningOrange = function SvgWarningOrange(_ref) {
|
|
10
10
|
var title = _ref.title,
|
|
11
11
|
titleId = _ref.titleId,
|
|
@@ -27,9 +27,9 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
|
27
27
|
|
|
28
28
|
var _circle;
|
|
29
29
|
var _excluded = ["title", "titleId"];
|
|
30
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
31
|
-
function _objectWithoutProperties(
|
|
32
|
-
function _objectWithoutPropertiesLoose(
|
|
30
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
|
|
31
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
|
|
32
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
|
|
33
33
|
var SvgWarningRed = function SvgWarningRed(_ref) {
|
|
34
34
|
var title = _ref.title,
|
|
35
35
|
titleId = _ref.titleId,
|
|
@@ -3,9 +3,9 @@ import * as React from 'react';
|
|
|
3
3
|
|
|
4
4
|
var _circle;
|
|
5
5
|
var _excluded = ["title", "titleId"];
|
|
6
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
7
|
-
function _objectWithoutProperties(
|
|
8
|
-
function _objectWithoutPropertiesLoose(
|
|
6
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
|
|
7
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
|
|
8
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
|
|
9
9
|
var SvgWarningRed = function SvgWarningRed(_ref) {
|
|
10
10
|
var title = _ref.title,
|
|
11
11
|
titleId = _ref.titleId,
|
|
@@ -27,9 +27,9 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
|
27
27
|
|
|
28
28
|
var _path;
|
|
29
29
|
var _excluded = ["title", "titleId"];
|
|
30
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
31
|
-
function _objectWithoutProperties(
|
|
32
|
-
function _objectWithoutPropertiesLoose(
|
|
30
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
|
|
31
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
|
|
32
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
|
|
33
33
|
var SvgWorkSuitcase = function SvgWorkSuitcase(_ref) {
|
|
34
34
|
var title = _ref.title,
|
|
35
35
|
titleId = _ref.titleId,
|
|
@@ -3,9 +3,9 @@ import * as React from 'react';
|
|
|
3
3
|
|
|
4
4
|
var _path;
|
|
5
5
|
var _excluded = ["title", "titleId"];
|
|
6
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
7
|
-
function _objectWithoutProperties(
|
|
8
|
-
function _objectWithoutPropertiesLoose(
|
|
6
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
|
|
7
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
|
|
8
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
|
|
9
9
|
var SvgWorkSuitcase = function SvgWorkSuitcase(_ref) {
|
|
10
10
|
var title = _ref.title,
|
|
11
11
|
titleId = _ref.titleId,
|
|
@@ -319,7 +319,7 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
|
|
|
319
319
|
}, []);
|
|
320
320
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [error && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { withIcon: false, className: 'email-verification__error-message', children: error })), jsxRuntime.jsxs("div", { className: classNames.classNames('email-verification__container', {
|
|
321
321
|
'email-verification__container--error': Boolean(error),
|
|
322
|
-
}), children: [showTransferMessage && (jsxRuntime.jsx("div", { className: 'email-verification__transfer-message', copykey: 'dyn_otp_verification.email.complete', children: t('dyn_otp_verification.email.complete') })), isValidated ? (jsxRuntime.jsx("div", { className: 'email-verification__icon-container', children: jsxRuntime.jsx(IconWithStatus.IconWithStatus, { containerClassName: 'email-verification__icon--verified', Icon: EmailIcon, iconSize: 64, InnerIcon: check.ReactComponent }) })) : (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: EmailIcon, iconSize: 96, isSpinning: true, className: 'email-verification__icon-with-spinner' })), jsxRuntime.jsxs("div", { className: 'email-verification__copy-text-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_otp_verification.description', children: t('dyn_otp_verification.description') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail.shortenEmail(email$1) })] }), jsxRuntime.jsx(PinField.PinField, { initialValue: Array(6).
|
|
322
|
+
}), children: [showTransferMessage && (jsxRuntime.jsx("div", { className: 'email-verification__transfer-message', copykey: 'dyn_otp_verification.email.complete', children: t('dyn_otp_verification.email.complete') })), isValidated ? (jsxRuntime.jsx("div", { className: 'email-verification__icon-container', children: jsxRuntime.jsx(IconWithStatus.IconWithStatus, { containerClassName: 'email-verification__icon--verified', Icon: EmailIcon, iconSize: 64, InnerIcon: check.ReactComponent }) })) : (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: EmailIcon, iconSize: 96, isSpinning: true, className: 'email-verification__icon-with-spinner' })), jsxRuntime.jsxs("div", { className: 'email-verification__copy-text-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_otp_verification.description', children: t('dyn_otp_verification.description') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail.shortenEmail(email$1) })] }), jsxRuntime.jsx(PinField.PinField, { initialValue: Array(6).fill(''), isLoading: loading, handleComplete: handleEmailVerification, isValidated: isValidated, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: () => setError(undefined) }), showRetryButton && (jsxRuntime.jsx(RetrySendVerificationCodeSection.RetrySendVerificationCodeSection, { className: 'email-verification__retry-container', retryHandler: handleRetry, secondsToRetry: SECONDS_TO_RETRY })), (user || userWithMissingInfo) && !isEmailRecoveryFlow && (jsxRuntime.jsx(TextButton.TextButton, { className: 'email-verification__log-out', onClick: handleLogOut, copykey: 'dyn_otp_verification.log_out_button', children: t('dyn_otp_verification.log_out_button') }))] })] }));
|
|
323
323
|
};
|
|
324
324
|
|
|
325
325
|
exports.EmailVerification = EmailVerification;
|
|
@@ -315,7 +315,7 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
|
|
|
315
315
|
}, []);
|
|
316
316
|
return (jsxs(Fragment, { children: [error && (jsx(ErrorContainer, { withIcon: false, className: 'email-verification__error-message', children: error })), jsxs("div", { className: classNames('email-verification__container', {
|
|
317
317
|
'email-verification__container--error': Boolean(error),
|
|
318
|
-
}), children: [showTransferMessage && (jsx("div", { className: 'email-verification__transfer-message', copykey: 'dyn_otp_verification.email.complete', children: t('dyn_otp_verification.email.complete') })), isValidated ? (jsx("div", { className: 'email-verification__icon-container', children: jsx(IconWithStatus, { containerClassName: 'email-verification__icon--verified', Icon: EmailIcon, iconSize: 64, InnerIcon: SvgCheck }) })) : (jsx(IconWithSpinner, { Icon: EmailIcon, iconSize: 96, isSpinning: true, className: 'email-verification__icon-with-spinner' })), jsxs("div", { className: 'email-verification__copy-text-container', children: [jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_otp_verification.description', children: t('dyn_otp_verification.description') }), jsx(Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail(email) })] }), jsx(PinField, { initialValue: Array(6).
|
|
318
|
+
}), children: [showTransferMessage && (jsx("div", { className: 'email-verification__transfer-message', copykey: 'dyn_otp_verification.email.complete', children: t('dyn_otp_verification.email.complete') })), isValidated ? (jsx("div", { className: 'email-verification__icon-container', children: jsx(IconWithStatus, { containerClassName: 'email-verification__icon--verified', Icon: EmailIcon, iconSize: 64, InnerIcon: SvgCheck }) })) : (jsx(IconWithSpinner, { Icon: EmailIcon, iconSize: 96, isSpinning: true, className: 'email-verification__icon-with-spinner' })), jsxs("div", { className: 'email-verification__copy-text-container', children: [jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_otp_verification.description', children: t('dyn_otp_verification.description') }), jsx(Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail(email) })] }), jsx(PinField, { initialValue: Array(6).fill(''), isLoading: loading, handleComplete: handleEmailVerification, isValidated: isValidated, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: () => setError(undefined) }), showRetryButton && (jsx(RetrySendVerificationCodeSection, { className: 'email-verification__retry-container', retryHandler: handleRetry, secondsToRetry: SECONDS_TO_RETRY })), (user || userWithMissingInfo) && !isEmailRecoveryFlow && (jsx(TextButton, { className: 'email-verification__log-out', onClick: handleLogOut, copykey: 'dyn_otp_verification.log_out_button', children: t('dyn_otp_verification.log_out_button') }))] })] }));
|
|
319
319
|
};
|
|
320
320
|
|
|
321
321
|
export { EmailVerification };
|