@dynamic-labs/sdk-react-core 4.19.5 → 4.19.7

package/src/lib/data/api/index.d.ts

@@ -1,5 +1,6 @@
 export * from './email';
 export * from './embeddedWallets';
+export * from './exchangeAccounts';
 export * from './externalAuth';
 export * from './mfa';
 export * from './oauth';

package/src/lib/data/api/onramp/onramp.d.ts

@@ -1,8 +1,8 @@
-import { OnrampConfiguration } from '@dynamic-labs/sdk-api-core';
+import { RampConfiguration } from '@dynamic-labs/sdk-api-core';
 export declare const getOnrampProviders: ({ chain, environmentId, networkId, token, walletAddress, }: {
     chain: string;
     environmentId: string;
     networkId?: string | number;
     token?: string;
     walletAddress: string;
-}) => Promise<OnrampConfiguration[]>;
+}) => Promise<RampConfiguration[]>;

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

@@ -1167,6 +1167,22 @@ const translation = {
         no_devices: 'No authenticator apps configured',
         generate_backup_codes_button: 'Get new backup codes',
     },
+    /**
+     * @description copy keys for waas backup unsuccessful view
+     * @default
+     * {
+        title: 'Backup Unsuccessful',
+        description: "We weren't able to back up your wallet. To keep things secure, we'll need to refresh and generate a new wallet for you.",
+        try_again: 'Try Again',
+      },
+     */
+    dyn_waas: {
+        backup_unsuccessful: {
+            title: 'Backup Unsuccessful',
+            description: "We weren't able to back up your wallet. To keep things secure, we'll need to refresh and generate a new wallet for you.",
+            try_again: 'Try Again',
+        },
+    },
     /**
      * @description copy keys for mfa views
      * @default

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

@@ -1163,6 +1163,22 @@ export declare const translation: {
         no_devices: string;
         generate_backup_codes_button: string;
     };
+    /**
+     * @description copy keys for waas backup unsuccessful view
+     * @default
+     * {
+        title: 'Backup Unsuccessful',
+        description: "We weren't able to back up your wallet. To keep things secure, we'll need to refresh and generate a new wallet for you.",
+        try_again: 'Try Again',
+      },
+     */
+    dyn_waas: {
+        backup_unsuccessful: {
+            title: string;
+            description: string;
+            try_again: string;
+        };
+    };
     /**
      * @description copy keys for mfa views
      * @default

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

@@ -1163,6 +1163,22 @@ const translation = {
         no_devices: 'No authenticator apps configured',
         generate_backup_codes_button: 'Get new backup codes',
     },
+    /**
+     * @description copy keys for waas backup unsuccessful view
+     * @default
+     * {
+        title: 'Backup Unsuccessful',
+        description: "We weren't able to back up your wallet. To keep things secure, we'll need to refresh and generate a new wallet for you.",
+        try_again: 'Try Again',
+      },
+     */
+    dyn_waas: {
+        backup_unsuccessful: {
+            title: 'Backup Unsuccessful',
+            description: "We weren't able to back up your wallet. To keep things secure, we'll need to refresh and generate a new wallet for you.",
+            try_again: 'Try Again',
+        },
+    },
     /**
      * @description copy keys for mfa views
      * @default

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -102,12 +102,12 @@ require('qrcode');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 var getProperErrorMessage = require('./getProperErrorMessage.cjs');
 require('../../../index.cjs');
+var NeedHelpSection = require('../../components/NeedHelpSection/NeedHelpSection.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-var NeedHelpSection = require('../../components/NeedHelpSection/NeedHelpSection.cjs');
 var PasskeyCreatedSuccessBanner = require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -98,12 +98,12 @@ import 'qrcode';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { getProperErrorMessage } from './getProperErrorMessage.js';
 import '../../../index.js';
+import { NeedHelpSection } from '../../components/NeedHelpSection/NeedHelpSection.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import { NeedHelpSection } from '../../components/NeedHelpSection/NeedHelpSection.js';
 import { PasskeyCreatedSuccessBanner } from '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/modals/ZkSyncApprovalModal/ZkSyncApprovalModal.cjs

@@ -0,0 +1,22 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ConfirmationModal = require('../ConfirmationModal/ConfirmationModal.cjs');
+var useConfirmationPortal = require('../../utils/hooks/useConfirmationPortal/useConfirmationPortal.cjs');
+var SessionKeyApprovalView = require('../../views/SessionKeyApprovalView/SessionKeyApprovalView.cjs');
+
+const ZkSyncApprovalModal = ({ session, onCancel, onApproved, }) => {
+    const { onSuccess, show, handleOnModalUnmount, closeModal } = useConfirmationPortal.useConfirmationPortal({
+        defaultErrorMessage: 'User canceled',
+        onReject: onCancel,
+        onResolve: onApproved,
+    });
+    return (jsxRuntime.jsx(ConfirmationModal.ConfirmationModal, { modalId: 'zksync-approval-modal', show: show, 
+        // Disables the closing by clicking outside the modal
+        closeModal: () => { }, handleOnModalUnmount: handleOnModalUnmount, children: jsxRuntime.jsx(SessionKeyApprovalView.SessionKeyApprovalView, { session: session, onApprove: onSuccess, onReject: closeModal }) }));
+};
+
+exports.ZkSyncApprovalModal = ZkSyncApprovalModal;

package/src/lib/modals/ZkSyncApprovalModal/ZkSyncApprovalModal.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type ZkSyncApprovalModalProps = {
+    session: unknown;
+    onCancel: (error: unknown) => void;
+    onApproved: () => void;
+};
+export declare const ZkSyncApprovalModal: FC<ZkSyncApprovalModalProps>;
+export {};

package/src/lib/modals/ZkSyncApprovalModal/ZkSyncApprovalModal.js

@@ -0,0 +1,18 @@
+'use client'
+import { jsx } from 'react/jsx-runtime';
+import { ConfirmationModal } from '../ConfirmationModal/ConfirmationModal.js';
+import { useConfirmationPortal } from '../../utils/hooks/useConfirmationPortal/useConfirmationPortal.js';
+import { SessionKeyApprovalView } from '../../views/SessionKeyApprovalView/SessionKeyApprovalView.js';
+
+const ZkSyncApprovalModal = ({ session, onCancel, onApproved, }) => {
+    const { onSuccess, show, handleOnModalUnmount, closeModal } = useConfirmationPortal({
+        defaultErrorMessage: 'User canceled',
+        onReject: onCancel,
+        onResolve: onApproved,
+    });
+    return (jsx(ConfirmationModal, { modalId: 'zksync-approval-modal', show: show, 
+        // Disables the closing by clicking outside the modal
+        closeModal: () => { }, handleOnModalUnmount: handleOnModalUnmount, children: jsx(SessionKeyApprovalView, { session: session, onApprove: onSuccess, onReject: closeModal }) }));
+};
+
+export { ZkSyncApprovalModal };

package/src/lib/modals/ZkSyncApprovalModal/index.d.ts

@@ -0,0 +1 @@
+export * from './ZkSyncApprovalModal';

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

@@ -6,3 +6,4 @@ export * from './SyncWalletPromptModal';
 export * from './TransactionConfirmationModal';
 export * from './UserFieldEditorModal';
 export * from './AddNetworkModal';
+export * from './ZkSyncApprovalModal';

package/src/lib/shared/assets/backup.cjs

@@ -0,0 +1,52 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+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); }
+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; }
+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; }
+var SvgBackup = function SvgBackup(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    fill: "none",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M32.5 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32Zm10.325 34.635a.89.89 0 0 0-1.258-.016l-1.8 1.757a.89.89 0 0 0-.016 1.258l1.758 1.801a.89.89 0 0 0 1.273-1.242l-.338-.346a7.119 7.119 0 1 1-5.245.735.89.89 0 1 0-.886-1.543 8.897 8.897 0 1 0 6.321-.975l.176-.171a.89.89 0 0 0 .015-1.258ZM20.45 15a4.95 4.95 0 0 0-4.95 4.95v23.1A4.95 4.95 0 0 0 20.45 48h8.11a12.481 12.481 0 0 1-.383-3.081c0-6.004 4.247-11.016 9.901-12.194a2.462 2.462 0 0 1 2.172-.256 12.403 12.403 0 0 1 8.25 2.795V26.55a4.95 4.95 0 0 0-4.95-4.95h-23.1a1.65 1.65 0 1 1 0-3.3h19.8a1.65 1.65 0 1 0 0-3.3h-19.8Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.ReactComponent = SvgBackup;

package/src/lib/shared/assets/backup.js

@@ -0,0 +1,28 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+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); }
+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; }
+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; }
+var SvgBackup = function SvgBackup(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    fill: "none",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M32.5 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32Zm10.325 34.635a.89.89 0 0 0-1.258-.016l-1.8 1.757a.89.89 0 0 0-.016 1.258l1.758 1.801a.89.89 0 0 0 1.273-1.242l-.338-.346a7.119 7.119 0 1 1-5.245.735.89.89 0 1 0-.886-1.543 8.897 8.897 0 1 0 6.321-.975l.176-.171a.89.89 0 0 0 .015-1.258ZM20.45 15a4.95 4.95 0 0 0-4.95 4.95v23.1A4.95 4.95 0 0 0 20.45 48h8.11a12.481 12.481 0 0 1-.383-3.081c0-6.004 4.247-11.016 9.901-12.194a2.462 2.462 0 0 1 2.172-.256 12.403 12.403 0 0 1 8.25 2.795V26.55a4.95 4.95 0 0 0-4.95-4.95h-23.1a1.65 1.65 0 1 1 0-3.3h19.8a1.65 1.65 0 1 0 0-3.3h-19.8Z",
+    fill: "currentColor"
+  })));
+};
+
+export { SvgBackup as ReactComponent };

package/src/lib/shared/assets/clock.cjs

@@ -0,0 +1,54 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+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); }
+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; }
+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; }
+var SvgClock = function SvgClock(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm10-5a1 1 0 0 1 1 1v3.586l2.707 2.707a1 1 0 0 1-1.414 1.414l-3-3A1 1 0 0 1 11 12V8a1 1 0 0 1 1-1Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.ReactComponent = SvgClock;

package/src/lib/shared/assets/clock.js

@@ -0,0 +1,30 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+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); }
+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; }
+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; }
+var SvgClock = function SvgClock(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm10-5a1 1 0 0 1 1 1v3.586l2.707 2.707a1 1 0 0 1-1.414 1.414l-3-3A1 1 0 0 1 11 12V8a1 1 0 0 1 1-1Z",
+    fill: "currentColor"
+  })));
+};
+
+export { SvgClock as ReactComponent };

package/src/lib/shared/assets/index.d.ts

@@ -24,6 +24,7 @@ export { ReactComponent as ChevronDownIcon } from './chevron-down.svg';
 export { ReactComponent as ChevronLeftIcon } from './chevron-left.svg';
 export { ReactComponent as ChevronRightIcon } from './chevron-right.svg';
 export { ReactComponent as CircleLockerIcon } from './circle-locker.svg';
+export { ReactComponent as ClockIcon } from './clock.svg';
 export { ReactComponent as CloseIcon } from './close.svg';
 export { ReactComponent as ConnectedAppsIcon } from './connected-apps.svg';
 export { ReactComponent as CopyIcon } from './copy.svg';
@@ -119,3 +120,4 @@ export { PhantomLedgerIcon } from './wallets/PhantomLedgerIcon/PhantomLedgerIcon
 export { ReactComponent as WarningOrangeIcon } from './warning-orange.svg';
 export { ReactComponent as WarningRedIcon } from './warning-red.svg';
 export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
+export { ReactComponent as BackupIcon } from './backup.svg';