@dynamic-labs/sdk-react-core 4.0.0-alpha.1 → 4.0.0-alpha.11

package/src/lib/shared/assets/connected-apps.js

@@ -0,0 +1,40 @@
+'use client'
+import * as React from 'react';
+
+var _rect, _path, _circle;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgConnectedApps = function SvgConnectedApps(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
+    width: 28,
+    height: 28,
+    rx: 14,
+    fill: "#4779FF"
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.334 5.667a2 2 0 0 0-2 2v3.891a6.667 6.667 0 0 1 7.743 10.775h3.59a2 2 0 0 0 2-2V7.667a2 2 0 0 0-2-2H9.333Z",
+    fill: "#fff"
+  })), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 10.666,
+    cy: 17.334,
+    fill: "#fff",
+    r: 5
+  })));
+};
+
+export { SvgConnectedApps as ReactComponent };

package/src/lib/shared/assets/embedded-wallet-icon.cjs

@@ -25,7 +25,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var _g;
+var _path;
 var _excluded = ["title", "titleId"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -35,20 +35,21 @@ var SvgEmbeddedWalletIcon = function SvgEmbeddedWalletIcon(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    width: 28,
-    height: 28,
-    viewBox: "0 0 28 28",
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
     id: titleId
-  }, title) : null, _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
-    "data-testid": "wallet-icon-embedded",
-    fill: "#4779FF"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M17.5 2.333a2.333 2.333 0 0 1 2.334 2.334h-14a4.654 4.654 0 0 0-3.426 1.497A4.668 4.668 0 0 1 7 2.334h10.5ZM25.666 11.667A4.667 4.667 0 0 0 21 7H7a4.667 4.667 0 0 0-4.667 4.667V21A4.667 4.667 0 0 0 7 25.667h14A4.667 4.667 0 0 0 25.666 21v-9.333Z"
-  }))));
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Zm8.334-45.333a3.333 3.333 0 0 0-3.333-3.334h-15a6.669 6.669 0 0 0-6.56 5.473 6.649 6.649 0 0 1 4.893-2.14h20ZM42 22a6.667 6.667 0 0 1 6.667 6.667V42A6.667 6.667 0 0 1 42 48.667H22A6.667 6.667 0 0 1 15.334 42V28.667A6.667 6.667 0 0 1 22 22h20Z",
+    fill: "#4779FF",
+    "data-testid": "wallet-icon-embedded"
+  })));
 };
 
 exports.ReactComponent = SvgEmbeddedWalletIcon;

package/src/lib/shared/assets/embedded-wallet-icon.js

@@ -1,7 +1,7 @@
 'use client'
 import * as React from 'react';
 
-var _g;
+var _path;
 var _excluded = ["title", "titleId"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -11,20 +11,21 @@ var SvgEmbeddedWalletIcon = function SvgEmbeddedWalletIcon(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 28,
-    height: 28,
-    viewBox: "0 0 28 28",
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
-    "data-testid": "wallet-icon-embedded",
-    fill: "#4779FF"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M17.5 2.333a2.333 2.333 0 0 1 2.334 2.334h-14a4.654 4.654 0 0 0-3.426 1.497A4.668 4.668 0 0 1 7 2.334h10.5ZM25.666 11.667A4.667 4.667 0 0 0 21 7H7a4.667 4.667 0 0 0-4.667 4.667V21A4.667 4.667 0 0 0 7 25.667h14A4.667 4.667 0 0 0 25.666 21v-9.333Z"
-  }))));
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Zm8.334-45.333a3.333 3.333 0 0 0-3.333-3.334h-15a6.669 6.669 0 0 0-6.56 5.473 6.649 6.649 0 0 1 4.893-2.14h20ZM42 22a6.667 6.667 0 0 1 6.667 6.667V42A6.667 6.667 0 0 1 42 48.667H22A6.667 6.667 0 0 1 15.334 42V28.667A6.667 6.667 0 0 1 22 22h20Z",
+    fill: "#4779FF",
+    "data-testid": "wallet-icon-embedded"
+  })));
 };
 
 export { SvgEmbeddedWalletIcon as ReactComponent };

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

@@ -5,6 +5,7 @@ export { ReactComponent as AltEmbeddedWalletIcon } from './alt-embedded-wallet.s
 export { ReactComponent as AltKeyIcon } from './alt-key.svg';
 export { ReactComponent as AndroidFaceId } from './android-face-id.svg';
 export { ReactComponent as AndroidTouchId } from './android-touch-id.svg';
+export { ReactComponent as ConnectedAppsIcon } from './connected-apps.svg';
 export { ReactComponent as ArrowDownIcon } from './arrow-down.svg';
 export { ReactComponent as ArrowLeftIcon } from './arrow-left.svg';
 export { ReactComponent as ArrowRightBackgroundIcon } from './arrow-right-background.svg';

package/src/lib/shared/types/dynamicEventsCallbacks.d.ts

@@ -1,6 +1,5 @@
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
-import { OtpDestination, PhoneData, UserProfile } from '@dynamic-labs/types';
-import { AuthEventPayload } from '../../events/auth';
+import { AuthEventPayload, OtpDestination, PhoneData, UserProfile } from '@dynamic-labs/types';
 import { Wallet } from './wallets';
 export type DynamicEventsCallbacks = {
     onSignedMessage?: (params: {

package/src/lib/shared/types/dynamicHandlers.d.ts

@@ -12,6 +12,9 @@ export type UserOnboardingFieldResponse = {
     value: string;
     isCustom: boolean;
 };
+/**
+ * Handlers supported by dynamic. They always return a promise
+ */
 export type DynamicHandlers = {
     handleAuthenticatedUser?: (params: {
         user: UserProfile;

package/src/lib/shared/utils/functions/getInitialUrl/getInitialUrl.cjs

@@ -0,0 +1,16 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isSSR = require('../isSSR/isSSR.cjs');
+
+let initialUrl;
+(() => {
+    if (!isSSR.isSSR()) {
+        initialUrl = new URL(window.location.href);
+    }
+})();
+const getInitialUrl = () => initialUrl;
+
+exports.getInitialUrl = getInitialUrl;

package/src/lib/shared/utils/functions/getInitialUrl/getInitialUrl.d.ts

@@ -0,0 +1 @@
+export declare const getInitialUrl: () => URL | null;

package/src/lib/shared/utils/functions/getInitialUrl/getInitialUrl.js

@@ -0,0 +1,12 @@
+'use client'
+import { isSSR } from '../isSSR/isSSR.js';
+
+let initialUrl;
+(() => {
+    if (!isSSR()) {
+        initialUrl = new URL(window.location.href);
+    }
+})();
+const getInitialUrl = () => initialUrl;
+
+export { getInitialUrl };

package/src/lib/shared/utils/functions/getInitialUrl/index.d.ts

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

package/src/lib/store/internalImplementation/utils/clearExpiredData/clearExpiredData.cjs

@@ -7,7 +7,7 @@ var utils = require('@dynamic-labs/utils');
 var localStorage = require('../../../../utils/constants/localStorage.cjs');
 
 const clearExpiredData = (store) => {
-    const { projectSettings, networkConfigurations, user } = store.getState();
+    const { projectSettings, user } = store.getState();
     // TODO: we can clean this up once we move wallet info to the store
     const [connectedWalletData] = utils.StorageService.getItem(localStorage.CONNECTED_WALLETS_INFO) || [];
     const shouldRemoveSettingsAndConfigs = !user && !connectedWalletData;
@@ -18,11 +18,6 @@ const clearExpiredData = (store) => {
             projectSettings: store.getInitialState().projectSettings,
         });
     }
-    if (isExpired(networkConfigurations)) {
-        store.setState({
-            networkConfigurations: store.getInitialState().networkConfigurations,
-        });
-    }
     return store;
 };
 

package/src/lib/store/internalImplementation/utils/clearExpiredData/clearExpiredData.js

@@ -3,7 +3,7 @@ import { StorageService } from '@dynamic-labs/utils';
 import { CONNECTED_WALLETS_INFO } from '../../../../utils/constants/localStorage.js';
 
 const clearExpiredData = (store) => {
-    const { projectSettings, networkConfigurations, user } = store.getState();
+    const { projectSettings, user } = store.getState();
     // TODO: we can clean this up once we move wallet info to the store
     const [connectedWalletData] = StorageService.getItem(CONNECTED_WALLETS_INFO) || [];
     const shouldRemoveSettingsAndConfigs = !user && !connectedWalletData;
@@ -14,11 +14,6 @@ const clearExpiredData = (store) => {
             projectSettings: store.getInitialState().projectSettings,
         });
     }
-    if (isExpired(networkConfigurations)) {
-        store.setState({
-            networkConfigurations: store.getInitialState().networkConfigurations,
-        });
-    }
     return store;
 };
 

package/src/lib/store/state/projectSettings/projectSettings.cjs

@@ -79,18 +79,9 @@ require('../sendBalances.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../polyfills.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../context/FundingContext/FundingContext.cjs');
-require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../index.cjs');
 require('../tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var createStoreState = require('../../internalImplementation/utils/createStoreState/createStoreState.cjs');
 
 const { getProjectSettings, setProjectSettings, useProjectSettings, resetProjectSettings, } = createStoreState.createStoreState('projectSettings');

package/src/lib/store/state/projectSettings/projectSettings.js

@@ -75,18 +75,9 @@ import '../sendBalances.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../context/FundingContext/FundingContext.js';
-import '../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../context/ConnectWithOtpContext/constants.js';
-import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../index.js';
 import '../tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { createStoreState } from '../../internalImplementation/utils/createStoreState/createStoreState.js';
 
 const { getProjectSettings, setProjectSettings, useProjectSettings, resetProjectSettings, } = createStoreState('projectSettings');

package/src/lib/store/stateConfig.cjs

@@ -11,10 +11,6 @@ const createInitialStates = ({ environmentId, }) => ({
     loadingAndLifecycle: {
         sessionValidation: false,
     },
-    networkConfigurations: {
-        expiresAt: undefined,
-        networkConfigurations: undefined,
-    },
     projectSettings: { expiresAt: undefined, settings: undefined },
     sendBalanceState: {
         amount: undefined,
@@ -36,7 +32,6 @@ const createInitialStates = ({ environmentId, }) => ({
  */
 const transformStateForLocalStorage = (state) => ({
     environmentId: state.environmentId,
-    networkConfigurations: state.networkConfigurations,
     projectSettings: state.projectSettings,
     user: state.user,
 });

package/src/lib/store/stateConfig.js

@@ -7,10 +7,6 @@ const createInitialStates = ({ environmentId, }) => ({
     loadingAndLifecycle: {
         sessionValidation: false,
     },
-    networkConfigurations: {
-        expiresAt: undefined,
-        networkConfigurations: undefined,
-    },
     projectSettings: { expiresAt: undefined, settings: undefined },
     sendBalanceState: {
         amount: undefined,
@@ -32,7 +28,6 @@ const createInitialStates = ({ environmentId, }) => ({
  */
 const transformStateForLocalStorage = (state) => ({
     environmentId: state.environmentId,
-    networkConfigurations: state.networkConfigurations,
     projectSettings: state.projectSettings,
     user: state.user,
 });

package/src/lib/store/types.d.ts

@@ -1,5 +1,5 @@
 import { ProjectSettings, TokenBalance } from '@dynamic-labs/sdk-api-core';
-import { NetworkConfigurationMap, UserProfile } from '@dynamic-labs/types';
+import { UserProfile } from '@dynamic-labs/types';
 import { WalletOption } from '../shared/types/wallets';
 export type SdkStoreProps = {
     environmentId: string;
@@ -9,7 +9,6 @@ export type SdkStore = {
     environmentId: string;
     user: UserProfile | undefined;
     projectSettings: StoredProjectSettings;
-    networkConfigurations: StoredNetworkConfigurations;
     tokenBalancesState: TokenBalancesState;
     sendBalanceState: SendBalanceState;
     walletConnectorOptions: WalletOption[];
@@ -36,10 +35,6 @@ export type StoredProjectSettings = {
     expiresAt: number | undefined;
     settings: ProjectSettings | undefined;
 };
-export type StoredNetworkConfigurations = {
-    expiresAt: number | undefined;
-    networkConfigurations: NetworkConfigurationMap | undefined;
-};
 export type StateConfig = {
     [K in keyof SdkStore]: {
         initialValue: SdkStore[K];