@dynamic-labs/sdk-react-core 4.0.0-alpha.2 → 4.0.0-alpha.3

package/CHANGELOG.md

@@ -1,4 +1,17 @@
 
+## [4.0.0-alpha.3](https://github.com/dynamic-labs/DynamicAuth/compare/v4.0.0-alpha.2...v4.0.0-alpha.3) (2024-09-20)
+
+
+### Features
+
+* developers provide global connectivity appkit project id ([#6941](https://github.com/dynamic-labs/DynamicAuth/issues/6941)) ([83760ea](https://github.com/dynamic-labs/DynamicAuth/commit/83760ea57591685b12caee945f173f6a7f9312d1))
+
+
+### Bug Fixes
+
+* don't try to set up event listeners if wallet provider doesn't support it ([#6943](https://github.com/dynamic-labs/DynamicAuth/issues/6943)) ([439f1bb](https://github.com/dynamic-labs/DynamicAuth/commit/439f1bbb3c765959756cfc6eeb8429e4018e0379))
+* dont verify all signatures for solana embedded multisig tx ([#6953](https://github.com/dynamic-labs/DynamicAuth/issues/6953)) ([7a7973e](https://github.com/dynamic-labs/DynamicAuth/commit/7a7973e05f0960421b348a55c6a00c9fd873b0b7))
+
 ## [4.0.0-alpha.2](https://github.com/dynamic-labs/DynamicAuth/compare/v4.0.0-alpha.1...v4.0.0-alpha.2) (2024-09-18)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.0.0-alpha.2";
+var version = "4.0.0-alpha.3";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.530",
+	"@dynamic-labs/sdk-api-core": "0.0.534",
 	"@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 = "4.0.0-alpha.2";
+var version = "4.0.0-alpha.3";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.530",
+	"@dynamic-labs/sdk-api-core": "0.0.534",
 	"@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": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.530",
+    "@dynamic-labs/sdk-api-core": "0.0.534",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,16 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "4.0.0-alpha.2",
-    "@dynamic-labs/logger": "4.0.0-alpha.2",
-    "@dynamic-labs/message-transport": "4.0.0-alpha.2",
-    "@dynamic-labs/multi-wallet": "4.0.0-alpha.2",
-    "@dynamic-labs/rpc-providers": "4.0.0-alpha.2",
-    "@dynamic-labs/store": "4.0.0-alpha.2",
-    "@dynamic-labs/types": "4.0.0-alpha.2",
-    "@dynamic-labs/utils": "4.0.0-alpha.2",
-    "@dynamic-labs/wallet-book": "4.0.0-alpha.2",
-    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.2",
+    "@dynamic-labs/iconic": "4.0.0-alpha.3",
+    "@dynamic-labs/logger": "4.0.0-alpha.3",
+    "@dynamic-labs/message-transport": "4.0.0-alpha.3",
+    "@dynamic-labs/multi-wallet": "4.0.0-alpha.3",
+    "@dynamic-labs/rpc-providers": "4.0.0-alpha.3",
+    "@dynamic-labs/store": "4.0.0-alpha.3",
+    "@dynamic-labs/types": "4.0.0-alpha.3",
+    "@dynamic-labs/utils": "4.0.0-alpha.3",
+    "@dynamic-labs/wallet-book": "4.0.0-alpha.3",
+    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.3",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/QRCode/QRCode.cjs

@@ -103,7 +103,7 @@ const generateMatrix = (value, errorCorrectionLevel) => {
         ? rows.push([key])
         : rows[rows.length - 1].push(key)) && rows, []);
 };
-const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor, walletKey = undefined, showQrCodeImage, }) => {
+const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor = 'currentColor', walletKey = undefined, showQrCodeImage, }) => {
     const { data } = usePromise.usePromise(() => QRCodeUtil__default["default"].toDataURL(value));
     const dots = React.useMemo(() => {
         const dots = [];
@@ -118,7 +118,7 @@ const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, va
             const x1 = (matrix.length - 7) * cellSize * x;
             const y1 = (matrix.length - 7) * cellSize * y;
             for (let i = 0; i < 3; i++) {
-                dots.push(jsxRuntime.jsx("rect", { fill: i % 2 !== 0 ? 'currentColor' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
+                dots.push(jsxRuntime.jsx("rect", { "data-key": `corner-square-${x}-${y}-${i}`, fill: i % 2 !== 0 ? 'var(--background)' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
             }
         });
         const clearArenaSize = Math.floor((logoSize * 1.5) / cellSize);

package/src/lib/components/QRCode/QRCode.js

@@ -95,7 +95,7 @@ const generateMatrix = (value, errorCorrectionLevel) => {
         ? rows.push([key])
         : rows[rows.length - 1].push(key)) && rows, []);
 };
-const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor, walletKey = undefined, showQrCodeImage, }) => {
+const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor = 'currentColor', walletKey = undefined, showQrCodeImage, }) => {
     const { data } = usePromise(() => QRCodeUtil.toDataURL(value));
     const dots = useMemo(() => {
         const dots = [];
@@ -110,7 +110,7 @@ const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, va
             const x1 = (matrix.length - 7) * cellSize * x;
             const y1 = (matrix.length - 7) * cellSize * y;
             for (let i = 0; i < 3; i++) {
-                dots.push(jsx("rect", { fill: i % 2 !== 0 ? 'currentColor' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
+                dots.push(jsx("rect", { "data-key": `corner-square-${x}-${y}-${i}`, fill: i % 2 !== 0 ? 'var(--background)' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
             }
         });
         const clearArenaSize = Math.floor((logoSize * 1.5) / cellSize);

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs

@@ -153,7 +153,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
             }),
         });
     }, [decimals, validateAddress, validateAmount]);
-    return (jsxRuntime.jsx(formik.Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, }) => {
+    return (jsxRuntime.jsx(formik.Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, handleBlur, setFieldTouched, validateField, }) => {
             var _a;
             return (jsxRuntime.jsxs(formik.Form, { className: 'send-balance-form', children: [jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { children: "Select any token" }), jsxRuntime.jsx(TokensBalanceDropdown.TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxRuntime.jsxs("div", { className: 'send-balance-form__amount-container', children: [jsxRuntime.jsx(formik.Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
                                     const newValue = e.target.value;
@@ -168,6 +168,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                         return;
                                     }
                                     sendBalances.setSendBalanceVariable('amount', (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) ? Number(newValue) : undefined);
+                                }, onBlur: (e) => {
+                                    handleBlur(e);
+                                    setFieldTouched('amount', true);
+                                    validateField('amount');
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input.Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,

package/src/lib/components/SendBalanceForm/SendBalanceForm.js

@@ -149,7 +149,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
             }),
         });
     }, [decimals, validateAddress, validateAmount]);
-    return (jsx(Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, }) => {
+    return (jsx(Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, handleBlur, setFieldTouched, validateField, }) => {
             var _a;
             return (jsxs(Form, { className: 'send-balance-form', children: [jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { children: "Select any token" }), jsx(TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxs("div", { className: 'send-balance-form__amount-container', children: [jsx(Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
                                     const newValue = e.target.value;
@@ -164,6 +164,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                         return;
                                     }
                                     setSendBalanceVariable('amount', (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) ? Number(newValue) : undefined);
+                                }, onBlur: (e) => {
+                                    handleBlur(e);
+                                    setFieldTouched('amount', true);
+                                    validateField('amount');
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,

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

@@ -198,10 +198,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { user: user$1, userWithMissingInfo } = user.useUser();
     const isAuthenticated = Boolean(user$1);
     if (user$1) {
-        logger$1.logger.setMetaData('user', user$1);
+        logger$1.logger.metaData.set('user', user$1);
     }
     else {
-        logger$1.logger.setMetaData('user', undefined);
+        logger$1.logger.metaData.set('user', undefined);
     }
     const { consumeNonce } = useFetchNonce.useFetchNonce(environmentId);
     const [qrcodeUri, setQrcodeUri] = React.useState('');

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

@@ -194,10 +194,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const { user, userWithMissingInfo } = useUser();
     const isAuthenticated = Boolean(user);
     if (user) {
-        logger.setMetaData('user', user);
+        logger.metaData.set('user', user);
     }
     else {
-        logger.setMetaData('user', undefined);
+        logger.metaData.set('user', undefined);
     }
     const { consumeNonce } = useFetchNonce(environmentId);
     const [qrcodeUri, setQrcodeUri] = useState('');