@dynamic-labs/sdk-react-core 2.1.0-alpha.1 → 2.1.0-alpha.3

package/CHANGELOG.md

@@ -1,4 +1,24 @@
 
+## [2.1.0-alpha.3](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.2...v2.1.0-alpha.3) (2024-04-23)
+
+
+### Features
+
+* add merge user accounts flow ([#5429](https://github.com/dynamic-labs/DynamicAuth/issues/5429)) ([41d4239](https://github.com/dynamic-labs/DynamicAuth/commit/41d423906625e28004ba8f20baf57847ed8bf5d0))
+
+
+### Bug Fixes
+
+* disconnect wallet on lock in connect-only ([#5422](https://github.com/dynamic-labs/DynamicAuth/issues/5422)) ([a26f9fe](https://github.com/dynamic-labs/DynamicAuth/commit/a26f9fe93cf8568f1482e10b831de98c77fb2a2d))
+* useReactiveProxy to stop proxing when it finds a reactive value ([#5428](https://github.com/dynamic-labs/DynamicAuth/issues/5428)) ([838dce9](https://github.com/dynamic-labs/DynamicAuth/commit/838dce9ee953361e41772239a91adb1dd8d40234))
+
+## [2.1.0-alpha.2](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.1...v2.1.0-alpha.2) (2024-04-19)
+
+
+### Bug Fixes
+
+* buffer polyfill for utils package ([#5404](https://github.com/dynamic-labs/DynamicAuth/issues/5404)) ([bd40441](https://github.com/dynamic-labs/DynamicAuth/commit/bd404414a2e51d79fad86d7603dae89628c225b9))
+
 ## [2.1.0-alpha.1](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.0...v2.1.0-alpha.1) (2024-04-18)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.1";
+var version = "2.1.0-alpha.3";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.422",
+	"@dynamic-labs/sdk-api-core": "0.0.425",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "2.1.0-alpha.1";
+var version = "2.1.0-alpha.3";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.422",
+	"@dynamic-labs/sdk-api-core": "0.0.425",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.1.0-alpha.1",
+  "version": "2.1.0-alpha.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.422",
+    "@dynamic-labs/sdk-api-core": "0.0.425",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/ethereum": "2.1.0-alpha.1",
-    "@dynamic-labs/iconic": "2.1.0-alpha.1",
-    "@dynamic-labs/logger": "2.1.0-alpha.1",
-    "@dynamic-labs/multi-wallet": "2.1.0-alpha.1",
-    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.1",
-    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.1",
-    "@dynamic-labs/rpc-providers": "2.1.0-alpha.1",
-    "@dynamic-labs/types": "2.1.0-alpha.1",
-    "@dynamic-labs/utils": "2.1.0-alpha.1",
-    "@dynamic-labs/viem-utils": "2.1.0-alpha.1",
-    "@dynamic-labs/wallet-book": "2.1.0-alpha.1",
-    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.1",
+    "@dynamic-labs/ethereum": "2.1.0-alpha.3",
+    "@dynamic-labs/iconic": "2.1.0-alpha.3",
+    "@dynamic-labs/logger": "2.1.0-alpha.3",
+    "@dynamic-labs/multi-wallet": "2.1.0-alpha.3",
+    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.3",
+    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.3",
+    "@dynamic-labs/rpc-providers": "2.1.0-alpha.3",
+    "@dynamic-labs/types": "2.1.0-alpha.3",
+    "@dynamic-labs/utils": "2.1.0-alpha.3",
+    "@dynamic-labs/viem-utils": "2.1.0-alpha.3",
+    "@dynamic-labs/wallet-book": "2.1.0-alpha.3",
+    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.3",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/Main.cjs

@@ -105,8 +105,13 @@ const Main = () => {
     usePreventPageScroll.usePreventPageScroll(showAuthFlow);
     const userWallets = UserWalletsContext.useUserWallets();
     const handleClose = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         if (viewsToDisableCloseOnOverlayClick.includes(view.type))
             return;
+        if ((_a = view.events) === null || _a === void 0 ? void 0 : _a.onClose) {
+            view.events.onClose();
+            return;
+        }
         if ((view.type === 'network-not-supported' ||
             view.type === 'network-not-supported-manual') &&
             userWallets.length === 1) {

package/src/lib/Main.js

@@ -101,8 +101,13 @@ const Main = () => {
     usePreventPageScroll(showAuthFlow);
     const userWallets = useUserWallets();
     const handleClose = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         if (viewsToDisableCloseOnOverlayClick.includes(view.type))
             return;
+        if ((_a = view.events) === null || _a === void 0 ? void 0 : _a.onClose) {
+            view.events.onClose();
+            return;
+        }
         if ((view.type === 'network-not-supported' ||
             view.type === 'network-not-supported-manual') &&
             userWallets.length === 1) {

package/src/lib/components/Alert/Alert.cjs

@@ -24,10 +24,10 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 const errorIconMap = {
     error: jsxRuntime.jsx(error.ReactComponent, {}),
 };
-const Alert = ({ children, icon, variant = 'error', contentDataTestId, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('alert', {
+const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('alert', {
         'alert--error': variant === 'error',
         'alert--info': variant === 'info',
         'alert--warning': variant === 'warning',
-    }), children: [icon && (jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
+    }, className), children: [icon && (jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
 
 exports.Alert = Alert;

package/src/lib/components/Alert/Alert.js

@@ -20,10 +20,10 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 const errorIconMap = {
     error: jsx(SvgError, {}),
 };
-const Alert = ({ children, icon, variant = 'error', contentDataTestId, }) => (jsxs("div", { className: classNames('alert', {
+const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxs("div", { className: classNames('alert', {
         'alert--error': variant === 'error',
         'alert--info': variant === 'info',
         'alert--warning': variant === 'warning',
-    }), children: [icon && (jsx(Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsx(Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
+    }, className), children: [icon && (jsx(Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsx(Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
 
 export { Alert };

package/src/lib/components/Alert/Alert.types.d.ts

@@ -5,5 +5,6 @@ export type AlertProps = {
     contentDataTestId?: string;
     icon?: ReactElement | AlertIcons;
     variant?: 'error' | 'warning' | 'info';
+    className?: string;
 } & CopyKey;
 export type AlertComponent = FC<PropsWithChildren<AlertProps>>;

package/src/lib/components/EmailForm/EmailForm.cjs

@@ -96,7 +96,7 @@ const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail,
         }
         onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(emailInput);
     });
-    return (jsxRuntime.jsxs("form", { className: classNames.classNames('login-with-email-form', className), style: style, "data-testid": 'email-form', onSubmit: (e) => handleSubmit(e), children: [jsxRuntime.jsx(Input.Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: jsxRuntime.jsx(InlineSubmitButton.InlineSubmitButton, { disabled: isLoading || isDisabled, highlighted: emailInput.length > 0, isFocused: isFocused, isHovered: isHovered, emailSubmitButtonInsideInput: emailSubmitButtonInsideInput }), disabled: isLoading || isDisabled, type: 'email', onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }), !emailSubmitButtonInsideInput && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading || emailInput.length < 3 || isDisabled, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: buttonCopyKey, typographyProps: {
+    return (jsxRuntime.jsxs("form", { className: classNames.classNames('login-with-email-form', className), style: style, "data-testid": 'email-form', onSubmit: (e) => handleSubmit(e), children: [jsxRuntime.jsx(Input.Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: jsxRuntime.jsx(InlineSubmitButton.InlineSubmitButton, { disabled: isLoading || isDisabled, highlighted: emailInput.length > 0, isFocused: isFocused, isHovered: isHovered, emailSubmitButtonInsideInput: emailSubmitButtonInsideInput }), disabled: isLoading || isDisabled, type: 'email', onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), autoComplete: 'email' }), !emailSubmitButtonInsideInput && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading || emailInput.length < 3 || isDisabled, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: buttonCopyKey, typographyProps: {
                     color: 'inherit',
                 }, children: t(buttonCopyKey) }))] }));
 };

package/src/lib/components/EmailForm/EmailForm.js

@@ -92,7 +92,7 @@ const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail,
         }
         onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(emailInput);
     });
-    return (jsxs("form", { className: classNames('login-with-email-form', className), style: style, "data-testid": 'email-form', onSubmit: (e) => handleSubmit(e), children: [jsx(Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: jsx(InlineSubmitButton, { disabled: isLoading || isDisabled, highlighted: emailInput.length > 0, isFocused: isFocused, isHovered: isHovered, emailSubmitButtonInsideInput: emailSubmitButtonInsideInput }), disabled: isLoading || isDisabled, type: 'email', onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }), !emailSubmitButtonInsideInput && (jsx(TypographyButton, { dataTestId: 'submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading || emailInput.length < 3 || isDisabled, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: buttonCopyKey, typographyProps: {
+    return (jsxs("form", { className: classNames('login-with-email-form', className), style: style, "data-testid": 'email-form', onSubmit: (e) => handleSubmit(e), children: [jsx(Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: jsx(InlineSubmitButton, { disabled: isLoading || isDisabled, highlighted: emailInput.length > 0, isFocused: isFocused, isHovered: isHovered, emailSubmitButtonInsideInput: emailSubmitButtonInsideInput }), disabled: isLoading || isDisabled, type: 'email', onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), autoComplete: 'email' }), !emailSubmitButtonInsideInput && (jsx(TypographyButton, { dataTestId: 'submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading || emailInput.length < 3 || isDisabled, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: buttonCopyKey, typographyProps: {
                     color: 'inherit',
                 }, children: t(buttonCopyKey) }))] }));
 };

package/src/lib/components/PhoneNumberField/PhoneNumberField.cjs

@@ -98,7 +98,7 @@ const PhoneNumberField = ({ isLoading, disabled, error, label, onUpdate, appendR
                     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
                 }, ref: anchorRef, children: [jsxRuntime.jsxs("div", { className: classNames.classNames('phone-number-field__fields__country-code', {
                             'phone-number-field__fields__country-code--disabled': isLoading || disabled,
-                        }), onClick: openDropdown, "data-testid": 'country-code', children: [jsxRuntime.jsx(reactInternationalPhone.FlagImage, { iso2: currentCountry.iso2, size: '24px', className: 'phone-number-field__fields__country-code__flag' }), jsxRuntime.jsx(Typography.Typography, { className: 'phone-number-field__fields__country-code__plus', variant: 'body_normal', weight: 'regular', style: { fontSize: countryFontSize }, color: 'primary', children: "+" }), jsxRuntime.jsx(Input.Input, { label: '', id: 'country_code_field', value: countryInput, onChange: handleCountryInput, disabled: isLoading || disabled, containerClassName: 'phone-number-field__fields__country-code__container', className: 'phone-number-field__fields__country-code__container__input', onBlur: onBlurCountry, ref: countryInputRef, onKeyDown: handleCountryKeyDown, onFocus: onFocusCountry, style: { fontSize: countryFontSize }, "data-testid": 'country-code-input', inputMode: 'numeric' }), jsxRuntime.jsx(Icon.Icon, { className: 'phone-number-field__fields__country-code__chevron', children: jsxRuntime.jsx(chevronDown.ReactComponent, {}) })] }), jsxRuntime.jsx(Input.Input, { label: '', id: 'phoneNumber', value: formattedPhone, onChange: handlePhoneInput, disabled: isLoading || disabled, containerClassName: 'phone-number-field__fields__phone-number', className: 'phone-number-field__fields__phone-number__input', ref: inputRef, error: Boolean(invalidNumberMessage || error), inputMode: 'numeric', "data-testid": 'phone_number_input' }), !hasInput && (jsxRuntime.jsx(Typography.Typography, { className: 'phone-number-field__fields__placeholder', variant: 'body_normal', weight: 'regular', copykey: 'dyn_collect_user_data.fields.phone_number.label', children: label !== null && label !== void 0 ? label : t('dyn_collect_user_data.fields.phone_number.label') })), appendRight] }), jsxRuntime.jsx(MenuList.MenuList, { isOpen: countryDropdownOpen, onClickClose: closeDropdown, popperProps: {
+                        }), onClick: openDropdown, "data-testid": 'country-code', children: [jsxRuntime.jsx(reactInternationalPhone.FlagImage, { iso2: currentCountry.iso2, size: '24px', className: 'phone-number-field__fields__country-code__flag' }), jsxRuntime.jsx(Typography.Typography, { className: 'phone-number-field__fields__country-code__plus', variant: 'body_normal', weight: 'regular', style: { fontSize: countryFontSize }, color: 'primary', children: "+" }), jsxRuntime.jsx(Input.Input, { label: '', id: 'country_code_field', value: countryInput, onChange: handleCountryInput, disabled: isLoading || disabled, containerClassName: 'phone-number-field__fields__country-code__container', className: 'phone-number-field__fields__country-code__container__input', onBlur: onBlurCountry, ref: countryInputRef, onKeyDown: handleCountryKeyDown, onFocus: onFocusCountry, style: { fontSize: countryFontSize }, "data-testid": 'country-code-input', inputMode: 'numeric', autoComplete: 'tel-country-code' }), jsxRuntime.jsx(Icon.Icon, { className: 'phone-number-field__fields__country-code__chevron', children: jsxRuntime.jsx(chevronDown.ReactComponent, {}) })] }), jsxRuntime.jsx(Input.Input, { label: '', id: 'phoneNumber', value: formattedPhone, onChange: handlePhoneInput, disabled: isLoading || disabled, containerClassName: 'phone-number-field__fields__phone-number', className: 'phone-number-field__fields__phone-number__input', ref: inputRef, error: Boolean(invalidNumberMessage || error), inputMode: 'numeric', "data-testid": 'phone_number_input', autoComplete: 'tel-national' }), !hasInput && (jsxRuntime.jsx(Typography.Typography, { className: 'phone-number-field__fields__placeholder', variant: 'body_normal', weight: 'regular', copykey: 'dyn_collect_user_data.fields.phone_number.label', children: label !== null && label !== void 0 ? label : t('dyn_collect_user_data.fields.phone_number.label') })), appendRight] }), jsxRuntime.jsx(MenuList.MenuList, { isOpen: countryDropdownOpen, onClickClose: closeDropdown, popperProps: {
                     anchorOrigin: 'bottom-left',
                     anchorRef,
                 }, mobileTitle: 'Select country', dropdownClassName: 'phone-number-field__dropdown', children: jsxRuntime.jsx("div", { className: 'phone-number-field__dropdown__items', ref: onMenuDisplayToggle, children: filteredCountries.map((countryData) => {

package/src/lib/components/PhoneNumberField/PhoneNumberField.js

@@ -94,7 +94,7 @@ const PhoneNumberField = ({ isLoading, disabled, error, label, onUpdate, appendR
                     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
                 }, ref: anchorRef, children: [jsxs("div", { className: classNames('phone-number-field__fields__country-code', {
                             'phone-number-field__fields__country-code--disabled': isLoading || disabled,
-                        }), onClick: openDropdown, "data-testid": 'country-code', children: [jsx(FlagImage, { iso2: currentCountry.iso2, size: '24px', className: 'phone-number-field__fields__country-code__flag' }), jsx(Typography, { className: 'phone-number-field__fields__country-code__plus', variant: 'body_normal', weight: 'regular', style: { fontSize: countryFontSize }, color: 'primary', children: "+" }), jsx(Input, { label: '', id: 'country_code_field', value: countryInput, onChange: handleCountryInput, disabled: isLoading || disabled, containerClassName: 'phone-number-field__fields__country-code__container', className: 'phone-number-field__fields__country-code__container__input', onBlur: onBlurCountry, ref: countryInputRef, onKeyDown: handleCountryKeyDown, onFocus: onFocusCountry, style: { fontSize: countryFontSize }, "data-testid": 'country-code-input', inputMode: 'numeric' }), jsx(Icon, { className: 'phone-number-field__fields__country-code__chevron', children: jsx(SvgChevronDown, {}) })] }), jsx(Input, { label: '', id: 'phoneNumber', value: formattedPhone, onChange: handlePhoneInput, disabled: isLoading || disabled, containerClassName: 'phone-number-field__fields__phone-number', className: 'phone-number-field__fields__phone-number__input', ref: inputRef, error: Boolean(invalidNumberMessage || error), inputMode: 'numeric', "data-testid": 'phone_number_input' }), !hasInput && (jsx(Typography, { className: 'phone-number-field__fields__placeholder', variant: 'body_normal', weight: 'regular', copykey: 'dyn_collect_user_data.fields.phone_number.label', children: label !== null && label !== void 0 ? label : t('dyn_collect_user_data.fields.phone_number.label') })), appendRight] }), jsx(MenuList, { isOpen: countryDropdownOpen, onClickClose: closeDropdown, popperProps: {
+                        }), onClick: openDropdown, "data-testid": 'country-code', children: [jsx(FlagImage, { iso2: currentCountry.iso2, size: '24px', className: 'phone-number-field__fields__country-code__flag' }), jsx(Typography, { className: 'phone-number-field__fields__country-code__plus', variant: 'body_normal', weight: 'regular', style: { fontSize: countryFontSize }, color: 'primary', children: "+" }), jsx(Input, { label: '', id: 'country_code_field', value: countryInput, onChange: handleCountryInput, disabled: isLoading || disabled, containerClassName: 'phone-number-field__fields__country-code__container', className: 'phone-number-field__fields__country-code__container__input', onBlur: onBlurCountry, ref: countryInputRef, onKeyDown: handleCountryKeyDown, onFocus: onFocusCountry, style: { fontSize: countryFontSize }, "data-testid": 'country-code-input', inputMode: 'numeric', autoComplete: 'tel-country-code' }), jsx(Icon, { className: 'phone-number-field__fields__country-code__chevron', children: jsx(SvgChevronDown, {}) })] }), jsx(Input, { label: '', id: 'phoneNumber', value: formattedPhone, onChange: handlePhoneInput, disabled: isLoading || disabled, containerClassName: 'phone-number-field__fields__phone-number', className: 'phone-number-field__fields__phone-number__input', ref: inputRef, error: Boolean(invalidNumberMessage || error), inputMode: 'numeric', "data-testid": 'phone_number_input', autoComplete: 'tel-national' }), !hasInput && (jsx(Typography, { className: 'phone-number-field__fields__placeholder', variant: 'body_normal', weight: 'regular', copykey: 'dyn_collect_user_data.fields.phone_number.label', children: label !== null && label !== void 0 ? label : t('dyn_collect_user_data.fields.phone_number.label') })), appendRight] }), jsx(MenuList, { isOpen: countryDropdownOpen, onClickClose: closeDropdown, popperProps: {
                     anchorOrigin: 'bottom-left',
                     anchorRef,
                 }, mobileTitle: 'Select country', dropdownClassName: 'phone-number-field__dropdown', children: jsx("div", { className: 'phone-number-field__dropdown__items', ref: onMenuDisplayToggle, children: filteredCountries.map((countryData) => {

package/src/lib/components/RadioButton/RadioButton.cjs

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+
+const RadioButton = ({ children, checked, value, name, disabled = false, className = '', onChange, }) => {
+    const radioId = `${name}_${value}`;
+    return (jsxRuntime.jsxs("div", { className: classNames.classNames('radio-button', className), children: [jsxRuntime.jsx("input", { type: 'radio', id: radioId, name: name, value: value, disabled: disabled, defaultChecked: checked, onChange: onChange }), jsxRuntime.jsx("label", { htmlFor: radioId, children: children })] }));
+};
+
+exports.RadioButton = RadioButton;

package/src/lib/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef, FC } from 'react';
+export type RadioButtonProps = ComponentPropsWithoutRef<'input'> & {
+    className?: string;
+};
+export declare const RadioButton: FC<RadioButtonProps>;

package/src/lib/components/RadioButton/RadioButton.js

@@ -0,0 +1,10 @@
+'use client'
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+
+const RadioButton = ({ children, checked, value, name, disabled = false, className = '', onChange, }) => {
+    const radioId = `${name}_${value}`;
+    return (jsxs("div", { className: classNames('radio-button', className), children: [jsx("input", { type: 'radio', id: radioId, name: name, value: value, disabled: disabled, defaultChecked: checked, onChange: onChange }), jsx("label", { htmlFor: radioId, children: children })] }));
+};
+
+export { RadioButton };

package/src/lib/components/RadioButton/index.d.ts

@@ -0,0 +1 @@
+export { RadioButton } from './RadioButton';

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs

@@ -77,7 +77,7 @@ require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Se
 require('@hcaptcha/react-hcaptcha');
 require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
-const UserProfileField = ({ name, label, value, copykey, }) => {
+const UserProfileField = ({ name, label, value, copykey, autoComplete, }) => {
     var _a, _b;
     const { user } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.d.ts

@@ -5,5 +5,6 @@ export type UserProfileFieldProps = {
     label?: string;
     name: string;
     value?: string | boolean | null;
+    autoComplete?: string;
 } & CopyKey;
-export declare const UserProfileField: ({ name, label, value, copykey, }: UserProfileFieldProps) => JSX.Element;
+export declare const UserProfileField: ({ name, label, value, copykey, autoComplete, }: UserProfileFieldProps) => JSX.Element;

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js

@@ -73,7 +73,7 @@ import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Sec
 import '@hcaptcha/react-hcaptcha';
 import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
-const UserProfileField = ({ name, label, value, copykey, }) => {
+const UserProfileField = ({ name, label, value, copykey, autoComplete, }) => {
     var _a, _b;
     const { user } = useInternalDynamicContext();
     const { t } = useTranslation();

package/src/lib/components/index.d.ts

@@ -42,6 +42,7 @@ export * from './Portal';
 export * from './PoweredByDynamic';
 export * from './QRCode';
 export * from './QrCodeWrapper';
+export * from './RadioButton';
 export * from './RenderView';
 export * from './SandboxIndicatorWrapper';
 export * from './SecureEmbeddedWalletCard';

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -334,6 +334,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork.useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     useWalletEventListeners.useWalletEventListeners({
         authMode,
+        disconnectWallet,
         handleLogOut,
         multiWallet,
         multiWalletWidgetState,

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -330,6 +330,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     useWalletEventListeners({
         authMode,
+        disconnectWallet,
         handleLogOut,
         multiWallet,
         multiWalletWidgetState,

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs

@@ -108,9 +108,9 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletRemoved) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
-    useDynamicEvents.useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential) => {
+    useDynamicEvents.useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential, authToken) => {
         var _a;
-        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential);
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential, authToken);
     });
     useDynamicEvents.useInternalDynamicEvents('logout', () => {
         var _a;

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js

@@ -104,9 +104,9 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletRemoved) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
-    useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential) => {
+    useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential, authToken) => {
         var _a;
-        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential);
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential, authToken);
     });
     useInternalDynamicEvents('logout', () => {
         var _a;

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.cjs

@@ -19,6 +19,7 @@ require('../../../shared/consts/index.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
+var getMinAuthToken = require('../../../utils/functions/getMinAuthToken/getMinAuthToken.cjs');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
@@ -27,7 +28,7 @@ require('../../../locale/locale.cjs');
 
 const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, setHasLoggedOut, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
-    const handleNextCallback = React.useCallback((next, authToken, user) => {
+    const handleNextCallback = React.useCallback((next, authToken, user, minAuthToken) => {
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
@@ -35,6 +36,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
                         authToken,
                         handleLogOut,
                         isAuthenticated,
+                        minAuthToken,
                         primaryWallet,
                         user,
                     });
@@ -67,6 +69,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         if (!callbackQueue.length || !user)
             return;
         const authToken = getAuthToken.getAuthToken();
+        const minAuthToken = getMinAuthToken.getMinAuthToken();
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
         // if user logged in with email without embedded wallet, then
@@ -74,7 +77,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         if (!authToken || (user.isAuthenticatedWithAWallet && !primaryWallet)) {
             return;
         }
-        handleNextCallback(callbackQueue[0], authToken, user);
+        handleNextCallback(callbackQueue[0], authToken, user, minAuthToken);
         setCallbackQueue((prev) => {
             const [resolvedCallback, ...updatedQueue] = prev;
             if (resolvedCallback) {

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.js

@@ -15,6 +15,7 @@ import '../../../shared/consts/index.js';
 import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
+import { getMinAuthToken } from '../../../utils/functions/getMinAuthToken/getMinAuthToken.js';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
@@ -23,7 +24,7 @@ import '../../../locale/locale.js';
 
 const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, setHasLoggedOut, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
-    const handleNextCallback = useCallback((next, authToken, user) => {
+    const handleNextCallback = useCallback((next, authToken, user, minAuthToken) => {
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
@@ -31,6 +32,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
                         authToken,
                         handleLogOut,
                         isAuthenticated,
+                        minAuthToken,
                         primaryWallet,
                         user,
                     });
@@ -63,6 +65,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         if (!callbackQueue.length || !user)
             return;
         const authToken = getAuthToken();
+        const minAuthToken = getMinAuthToken();
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
         // if user logged in with email without embedded wallet, then
@@ -70,7 +73,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         if (!authToken || (user.isAuthenticatedWithAWallet && !primaryWallet)) {
             return;
         }
-        handleNextCallback(callbackQueue[0], authToken, user);
+        handleNextCallback(callbackQueue[0], authToken, user, minAuthToken);
         setCallbackQueue((prev) => {
             const [resolvedCallback, ...updatedQueue] = prev;
             if (resolvedCallback) {

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.cjs

@@ -13,7 +13,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
@@ -29,6 +29,7 @@ const useDynamicContext = () => {
         loadingNetwork,
         locale,
         loginWithEmail,
+        minAuthToken,
         multiWalletWidgetState,
         network,
         networkConfigurations,

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { IDynamicContext } from '../types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'minAuthToken'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.js

@@ -9,7 +9,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
@@ -25,6 +25,7 @@ const useDynamicContext = () => {
         loadingNetwork,
         locale,
         loginWithEmail,
+        minAuthToken,
         multiWalletWidgetState,
         network,
         networkConfigurations,

package/src/lib/context/ViewContext/ViewContext.cjs

@@ -16,13 +16,13 @@ const ViewContextProvider = ({ children, initialView = { props: { isWalletConnec
     const goToInitialView = React.useCallback(() => {
         _setView(null);
     }, []);
-    const setView = React.useCallback((type, props) => {
+    const setView = React.useCallback((type, props, events) => {
         // we need to clear errors before proceeding to the next view
         // but only if the next view is different from the current view
         // this is to prevent the error from being cleared when the same view is re-rendered
         if (view.type !== type)
             clearError();
-        _setView({ props, type });
+        _setView({ events, props, type });
     }, []);
     useDynamicEvents.useInternalDynamicEvents('logout', () => goToInitialView());
     const value = React.useMemo(() => ({

package/src/lib/context/ViewContext/ViewContext.js

@@ -12,13 +12,13 @@ const ViewContextProvider = ({ children, initialView = { props: { isWalletConnec
     const goToInitialView = useCallback(() => {
         _setView(null);
     }, []);
-    const setView = useCallback((type, props) => {
+    const setView = useCallback((type, props, events) => {
         // we need to clear errors before proceeding to the next view
         // but only if the next view is different from the current view
         // this is to prevent the error from being cleared when the same view is re-rendered
         if (view.type !== type)
             clearError();
-        _setView({ props, type });
+        _setView({ events, props, type });
     }, []);
     useInternalDynamicEvents('logout', () => goToInitialView());
     const value = useMemo(() => ({

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,12 +1,17 @@
 import { FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-secure-device' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'farcaster-connect-view';
+export type ViewType = 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-secure-device' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'farcaster-connect-view';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : never;
 export type ViewMap = typeof viewToComponentMap;
 export type ViewState<T extends ViewType> = {
     type: T;
     props?: ComponentProps<ViewMap[T]>;
+    events?: ViewEvents;
 };
-export type SetView = <T extends ViewType>(view: T, props?: ViewState<T>['props']) => void;
+export type ViewEvents = {
+    onBackClick?: () => void;
+    onClose?: () => void;
+};
+export type SetView = <T extends ViewType>(view: T, props?: ViewState<T>['props'], events?: ViewEvents) => void;
 export {};

package/src/lib/data/api/user/user.cjs

@@ -61,6 +61,21 @@ const mergeUserAccounts = (userJwt, environmentId) => _tslib.__awaiter(void 0, v
         throw e;
     }
 });
+const verifyMergeUsers = (userJwt, environmentId, mergeConflictResolutions) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield api.sdkApi(userJwt).verifyMergeUsers({
+            environmentId,
+            mergeUserConflictResolutions: {
+                mergeUserResolutions: mergeConflictResolutions,
+            },
+        });
+        return response;
+    }
+    catch (e) {
+        logger.logger.error(e);
+        throw e;
+    }
+});
 const refreshUserJwt = (_a, userJwt_1) => _tslib.__awaiter(void 0, [_a, userJwt_1], void 0, function* ({ environmentId, }, userJwt) {
     try {
         const { jwt, minifiedJwt } = yield api.sdkApi(userJwt).refreshAuth({
@@ -76,3 +91,4 @@ const refreshUserJwt = (_a, userJwt_1) => _tslib.__awaiter(void 0, [_a, userJwt_
 exports.mergeUserAccounts = mergeUserAccounts;
 exports.refreshUserJwt = refreshUserJwt;
 exports.updateUserProfileFields = updateUserProfileFields;
+exports.verifyMergeUsers = verifyMergeUsers;

package/src/lib/data/api/user/user.js

@@ -57,6 +57,21 @@ const mergeUserAccounts = (userJwt, environmentId) => __awaiter(void 0, void 0,
         throw e;
     }
 });
+const verifyMergeUsers = (userJwt, environmentId, mergeConflictResolutions) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield sdkApi(userJwt).verifyMergeUsers({
+            environmentId,
+            mergeUserConflictResolutions: {
+                mergeUserResolutions: mergeConflictResolutions,
+            },
+        });
+        return response;
+    }
+    catch (e) {
+        logger.error(e);
+        throw e;
+    }
+});
 const refreshUserJwt = (_a, userJwt_1) => __awaiter(void 0, [_a, userJwt_1], void 0, function* ({ environmentId, }, userJwt) {
     try {
         const { jwt, minifiedJwt } = yield sdkApi(userJwt).refreshAuth({
@@ -69,4 +84,4 @@ const refreshUserJwt = (_a, userJwt_1) => __awaiter(void 0, [_a, userJwt_1], voi
     }
 });
 
-export { mergeUserAccounts, refreshUserJwt, updateUserProfileFields };
+export { mergeUserAccounts, refreshUserJwt, updateUserProfileFields, verifyMergeUsers };