@dynamic-labs/sdk-react-core 3.0.0-alpha.55 → 3.0.0-alpha.56

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+## [3.0.0-alpha.56](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.55...v3.0.0-alpha.56) (2024-09-03)
+
+
+### Bug Fixes
+
+* pass `authCode` for telegram from sdk to `signin` and `verify` calls ([#6777](https://github.com/dynamic-labs/DynamicAuth/issues/6777)) ([43d09dd](https://github.com/dynamic-labs/DynamicAuth/commit/43d09dd3ea82fd13f1c798c0745aa0fef2051f90))
+
 ## [3.0.0-alpha.55](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.54...v3.0.0-alpha.55) (2024-09-02)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.55";
+var version = "3.0.0-alpha.56";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.524",
+	"@dynamic-labs/sdk-api-core": "0.0.525",
 	"@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 = "3.0.0-alpha.55";
+var version = "3.0.0-alpha.56";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.524",
+	"@dynamic-labs/sdk-api-core": "0.0.525",
 	"@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": "3.0.0-alpha.55",
+  "version": "3.0.0-alpha.56",
   "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.524",
+    "@dynamic-labs/sdk-api-core": "0.0.525",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,17 +17,17 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/global-wallet": "3.0.0-alpha.55",
-    "@dynamic-labs/iconic": "3.0.0-alpha.55",
-    "@dynamic-labs/logger": "3.0.0-alpha.55",
-    "@dynamic-labs/message-transport": "3.0.0-alpha.55",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.55",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.55",
-    "@dynamic-labs/store": "3.0.0-alpha.55",
-    "@dynamic-labs/types": "3.0.0-alpha.55",
-    "@dynamic-labs/utils": "3.0.0-alpha.55",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.55",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.55",
+    "@dynamic-labs/global-wallet": "3.0.0-alpha.56",
+    "@dynamic-labs/iconic": "3.0.0-alpha.56",
+    "@dynamic-labs/logger": "3.0.0-alpha.56",
+    "@dynamic-labs/message-transport": "3.0.0-alpha.56",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.56",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.56",
+    "@dynamic-labs/store": "3.0.0-alpha.56",
+    "@dynamic-labs/types": "3.0.0-alpha.56",
+    "@dynamic-labs/utils": "3.0.0-alpha.56",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.56",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.56",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/locale/en/translation.cjs

@@ -905,12 +905,14 @@ const translation = {
           title: 'Authenticator App',
           add_mfa_button: 'Authenticator App',
           no_devices: 'No authenticator apps configured',
+          generate_backup_codes_button: 'Get new backup codes',
         },
      */
     dyn_manage_mfa: {
         title: 'Authenticator App',
         add_mfa_button: 'Authenticator App',
         no_devices: 'No authenticator apps configured',
+        generate_backup_codes_button: 'Get new backup codes',
     },
     /**
      * @description copy keys for mfa views

package/src/lib/locale/en/translation.d.ts

@@ -901,12 +901,14 @@ export declare const translation: {
           title: 'Authenticator App',
           add_mfa_button: 'Authenticator App',
           no_devices: 'No authenticator apps configured',
+          generate_backup_codes_button: 'Get new backup codes',
         },
      */
     dyn_manage_mfa: {
         title: string;
         add_mfa_button: string;
         no_devices: string;
+        generate_backup_codes_button: string;
     };
     /**
      * @description copy keys for mfa views

package/src/lib/locale/en/translation.js

@@ -901,12 +901,14 @@ const translation = {
           title: 'Authenticator App',
           add_mfa_button: 'Authenticator App',
           no_devices: 'No authenticator apps configured',
+          generate_backup_codes_button: 'Get new backup codes',
         },
      */
     dyn_manage_mfa: {
         title: 'Authenticator App',
         add_mfa_button: 'Authenticator App',
         no_devices: 'No authenticator apps configured',
+        generate_backup_codes_button: 'Get new backup codes',
     },
     /**
      * @description copy keys for mfa views

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.cjs

@@ -289,6 +289,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             if (authMode === 'signin') {
                 if (provider === sdkApiCore.ProviderEnum.Telegram) {
                     const apiCall = () => oauth.telegramSignIn(environmentId, {
+                        code: authCode,
                         sessionPublicKey,
                         state,
                     });
@@ -307,7 +308,10 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             }
             else {
                 if (provider === sdkApiCore.ProviderEnum.Telegram) {
-                    const apiCall = () => oauth.telegramVerify(environmentId, { state });
+                    const apiCall = () => oauth.telegramVerify(environmentId, {
+                        code: authCode,
+                        state,
+                    });
                     yield linkAccount(provider, apiCall);
                 }
                 else {

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.js

@@ -285,6 +285,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             if (authMode === 'signin') {
                 if (provider === ProviderEnum.Telegram) {
                     const apiCall = () => telegramSignIn(environmentId, {
+                        code: authCode,
                         sessionPublicKey,
                         state,
                     });
@@ -303,7 +304,10 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             }
             else {
                 if (provider === ProviderEnum.Telegram) {
-                    const apiCall = () => telegramVerify(environmentId, { state });
+                    const apiCall = () => telegramVerify(environmentId, {
+                        code: authCode,
+                        state,
+                    });
                     yield linkAccount(provider, apiCall);
                 }
                 else {

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.cjs

@@ -100,7 +100,7 @@ var CopyButton = require('../../components/CopyButton/CopyButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('qrcode');
 
-const MfaDisplayBackupCodesView = () => {
+const MfaDisplayBackupCodesView = ({ regenerateCodes = false, }) => {
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const [acknowledgement, setAcknowledgement] = React.useState(false);
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
@@ -108,7 +108,7 @@ const MfaDisplayBackupCodesView = () => {
     });
     const { t } = reactI18next.useTranslation();
     const { getRecoveryCodes } = useMfa.useMfa();
-    const { data: codes, isLoading } = usePromise.usePromise(() => getRecoveryCodes());
+    const { data: codes, isLoading } = usePromise.usePromise(() => getRecoveryCodes(regenerateCodes));
     const codesAsString = (codes || []).join('\n');
     const completeAcknowledgement = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(false);

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const MfaDisplayBackupCodesView: () => JSX.Element;
+export declare const MfaDisplayBackupCodesView: ({ regenerateCodes, }: {
+    regenerateCodes: boolean;
+}) => JSX.Element;

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.js

@@ -96,7 +96,7 @@ import { CopyButton } from '../../components/CopyButton/CopyButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import 'qrcode';
 
-const MfaDisplayBackupCodesView = () => {
+const MfaDisplayBackupCodesView = ({ regenerateCodes = false, }) => {
     const { setShowAuthFlow } = useInternalDynamicContext();
     const [acknowledgement, setAcknowledgement] = useState(false);
     const { updateUser } = useUserUpdateRequestInternal({
@@ -104,7 +104,7 @@ const MfaDisplayBackupCodesView = () => {
     });
     const { t } = useTranslation();
     const { getRecoveryCodes } = useMfa();
-    const { data: codes, isLoading } = usePromise(() => getRecoveryCodes());
+    const { data: codes, isLoading } = usePromise(() => getRecoveryCodes(regenerateCodes));
     const codesAsString = (codes || []).join('\n');
     const completeAcknowledgement = () => __awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(false);

package/src/lib/views/viewToComponentMap.d.ts

@@ -29,7 +29,9 @@ export declare const viewToComponentMap: {
     'merge-user-accounts-conflicts': import("react").FC<import("./MergeUserAccountsConflictsView/MergeUserAccountsConflictsView").MergeUserAccountsConflictsViewProps>;
     'merge-user-accounts-with-same-email': import("react").FC<import("./MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView").MergeUserAccountsWithSameEmailViewProps>;
     'mfa-choose-device': import("react").FC<import("./MfaChooseDeviceView").MfaChooseDeviceViewProps>;
-    'mfa-display-backup-codes': () => JSX.Element;
+    'mfa-display-backup-codes': ({ regenerateCodes, }: {
+        regenerateCodes: boolean;
+    }) => JSX.Element;
     'mfa-recovery': import("react").FC;
     'mfa-secure-device': ({ type, isInitialSetup, }: import("./MfaSecureDeviceView").MfaSecureDeviceViewProps) => JSX.Element;
     'mfa-secure-device-help': ({ uri, secret, }: {

package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/ManageMfaWidgetView.cjs

@@ -17,7 +17,7 @@ require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../../../context/ViewContext/ViewContext.cjs');
+var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var add = require('../../../../shared/assets/add.cjs');
 var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
 require('@dynamic-labs/wallet-book');
@@ -107,9 +107,10 @@ const ManageMfaWidgetView = () => {
     const [loading, setLoading] = React.useState(false);
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { setShowMfaQRCode, setShowOTPVerification } = useDynamicModals.useDynamicModals();
+    const { setView } = ViewContext.useViewContext();
     const { getUserDevices, deleteUserDevice } = useMfa.useMfa();
     const { t } = reactI18next.useTranslation();
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const isMfaRequired = Boolean((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.mfa) === null || _a === void 0 ? void 0 : _a.required);
     const getDevices = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setLoading(true);
@@ -139,7 +140,11 @@ const ManageMfaWidgetView = () => {
         getDevices();
     });
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setDynamicWidgetView('settings'), "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
-    return (jsxRuntime.jsxs("div", { className: 'manage-mfa-widget-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_mfa.title', children: t('dyn_manage_mfa.title') }) }) }), jsxRuntime.jsxs("div", { className: 'manage-mfa-widget-view__scroll-container', children: [loading && jsxRuntime.jsx(MfaDeviceTileSkeleton.MfaDeviceTileSkeleton, {}), !loading && userDevices.length === 0 && (jsxRuntime.jsx(Typography.Typography, { className: 'manage-mfa-widget-view__no-devices', variant: 'body_normal', color: 'secondary', copykey: 'dyn_manage_mfa.no_devices', children: t('dyn_manage_mfa.no_devices') })), userDevices.map((device, index) => (jsxRuntime.jsx(UserDeviceTile.UserDeviceTile, { isMfaRequired: isMfaRequired, userDevice: device, index: index, deleteDevice: deleteDevice }, device.id)))] }), userDevices.length > 0 || (jsxRuntime.jsx("div", { className: 'manage-mfa-widget-view__add-mfa-button-container', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: () => setShowMfaQRCode(true), copykey: 'dyn_manage_mfa.add_mfa_button', startSlot: jsxRuntime.jsx(add.ReactComponent, {}), children: t('dyn_manage_mfa.add_mfa_button') }) }))] }));
+    const handleGenerateBackupCodes = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setShowAuthFlow(true);
+        setView('mfa-display-backup-codes', { regenerateCodes: true });
+    });
+    return (jsxRuntime.jsxs("div", { className: 'manage-mfa-widget-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_mfa.title', children: t('dyn_manage_mfa.title') }) }) }), jsxRuntime.jsxs("div", { className: 'manage-mfa-widget-view__scroll-container', children: [loading && jsxRuntime.jsx(MfaDeviceTileSkeleton.MfaDeviceTileSkeleton, {}), !loading && userDevices.length === 0 && (jsxRuntime.jsx(Typography.Typography, { className: 'manage-mfa-widget-view__no-devices', variant: 'body_normal', color: 'secondary', copykey: 'dyn_manage_mfa.no_devices', children: t('dyn_manage_mfa.no_devices') })), userDevices.map((device, index) => (jsxRuntime.jsx(UserDeviceTile.UserDeviceTile, { isMfaRequired: isMfaRequired, userDevice: device, index: index, deleteDevice: deleteDevice }, device.id)))] }), jsxRuntime.jsx("div", { className: 'manage-mfa-widget-view__add-mfa-button-container', children: userDevices.length > 0 ? (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: handleGenerateBackupCodes, copykey: 'dyn_manage_mfa.generate_backup_codes_button', children: t('dyn_manage_mfa.generate_backup_codes_button') })) : (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: () => setShowMfaQRCode(true), copykey: 'dyn_manage_mfa.add_mfa_button', startSlot: jsxRuntime.jsx(add.ReactComponent, {}), children: t('dyn_manage_mfa.add_mfa_button') })) })] }));
 };
 
 exports.ManageMfaWidgetView = ManageMfaWidgetView;

package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/ManageMfaWidgetView.js

@@ -13,7 +13,7 @@ import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../../../context/ViewContext/ViewContext.js';
+import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgAdd } from '../../../../shared/assets/add.js';
 import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
 import '@dynamic-labs/wallet-book';
@@ -103,9 +103,10 @@ const ManageMfaWidgetView = () => {
     const [loading, setLoading] = useState(false);
     const { setDynamicWidgetView } = useWidgetContext();
     const { setShowMfaQRCode, setShowOTPVerification } = useDynamicModals();
+    const { setView } = useViewContext();
     const { getUserDevices, deleteUserDevice } = useMfa();
     const { t } = useTranslation();
-    const { projectSettings } = useInternalDynamicContext();
+    const { projectSettings, setShowAuthFlow } = useInternalDynamicContext();
     const isMfaRequired = Boolean((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.mfa) === null || _a === void 0 ? void 0 : _a.required);
     const getDevices = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         setLoading(true);
@@ -135,7 +136,11 @@ const ManageMfaWidgetView = () => {
         getDevices();
     });
     const backButton = (jsx(IconButton, { type: 'button', onClick: () => setDynamicWidgetView('settings'), "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
-    return (jsxs("div", { className: 'manage-mfa-widget-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_mfa.title', children: t('dyn_manage_mfa.title') }) }) }), jsxs("div", { className: 'manage-mfa-widget-view__scroll-container', children: [loading && jsx(MfaDeviceTileSkeleton, {}), !loading && userDevices.length === 0 && (jsx(Typography, { className: 'manage-mfa-widget-view__no-devices', variant: 'body_normal', color: 'secondary', copykey: 'dyn_manage_mfa.no_devices', children: t('dyn_manage_mfa.no_devices') })), userDevices.map((device, index) => (jsx(UserDeviceTile, { isMfaRequired: isMfaRequired, userDevice: device, index: index, deleteDevice: deleteDevice }, device.id)))] }), userDevices.length > 0 || (jsx("div", { className: 'manage-mfa-widget-view__add-mfa-button-container', children: jsx(TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: () => setShowMfaQRCode(true), copykey: 'dyn_manage_mfa.add_mfa_button', startSlot: jsx(SvgAdd, {}), children: t('dyn_manage_mfa.add_mfa_button') }) }))] }));
+    const handleGenerateBackupCodes = () => __awaiter(void 0, void 0, void 0, function* () {
+        setShowAuthFlow(true);
+        setView('mfa-display-backup-codes', { regenerateCodes: true });
+    });
+    return (jsxs("div", { className: 'manage-mfa-widget-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_mfa.title', children: t('dyn_manage_mfa.title') }) }) }), jsxs("div", { className: 'manage-mfa-widget-view__scroll-container', children: [loading && jsx(MfaDeviceTileSkeleton, {}), !loading && userDevices.length === 0 && (jsx(Typography, { className: 'manage-mfa-widget-view__no-devices', variant: 'body_normal', color: 'secondary', copykey: 'dyn_manage_mfa.no_devices', children: t('dyn_manage_mfa.no_devices') })), userDevices.map((device, index) => (jsx(UserDeviceTile, { isMfaRequired: isMfaRequired, userDevice: device, index: index, deleteDevice: deleteDevice }, device.id)))] }), jsx("div", { className: 'manage-mfa-widget-view__add-mfa-button-container', children: userDevices.length > 0 ? (jsx(TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: handleGenerateBackupCodes, copykey: 'dyn_manage_mfa.generate_backup_codes_button', children: t('dyn_manage_mfa.generate_backup_codes_button') })) : (jsx(TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: () => setShowMfaQRCode(true), copykey: 'dyn_manage_mfa.add_mfa_button', startSlot: jsx(SvgAdd, {}), children: t('dyn_manage_mfa.add_mfa_button') })) })] }));
 };
 
 export { ManageMfaWidgetView };