@embarkai/ui-kit 0.4.91 → 0.4.92

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>EmbarkAI Secure Wallet - iframe version 0.4.91</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.92</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -6414,7 +6414,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.4.91";
+var IFRAME_VERSION = "0.4.92";
 var IframeWallet = class {
   constructor() {
     __publicField(this, "messenger");

package/dist/index.cjs

@@ -28952,7 +28952,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.91",
+      version: "0.4.92",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -29007,9 +29007,9 @@ var init_package = __esm({
         clsx: "^2.1.1",
         dayjs: "^1.11.21",
         "dkls23-wasm": "^0.1.1",
-        "framer-motion": "^12.40.0",
         "lodash-es": "^4.18.1",
         "lucide-react": "^1.28.0",
+        motion: "^13.1.1",
         qrcode: "^1.5.4",
         viem: "^2.52.2",
         wagmi: "^3.7.5",
@@ -29619,7 +29619,7 @@ function Dialog2() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setPostAuthNavigation = useLayoutDataStore((st) => st.setPostAuthNavigation);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  (0, import_react97.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
+  (0, import_react98.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -29648,8 +29648,8 @@ function Dialog2() {
             /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(DialogTitle, { children: dialogTitle }) }),
             /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(DialogDescription, { className: "sr-only", children: dialogDescription }),
             !isHeaderHidden && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Header, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_framer_motion.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
-              import_framer_motion.motion.div,
+            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_react97.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              import_react97.motion.div,
               {
                 initial: { opacity: 0, height: transitionPageHeight },
                 animate: { opacity: 1, height: "auto" },
@@ -29667,13 +29667,13 @@ function Dialog2() {
     }
   );
 }
-var import_framer_motion, import_react97, import_jsx_runtime130, EMBARKAI_DIALOG_ONBOARDING_ID;
+var import_react97, import_react98, import_jsx_runtime130, EMBARKAI_DIALOG_ONBOARDING_ID;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
     init_SessionContext();
-    import_framer_motion = require("framer-motion");
-    import_react97 = require("react");
+    import_react97 = require("motion/react");
+    import_react98 = require("react");
     init_constants();
     init_useAutoConnect();
     init_useBackupStatusChanges();
@@ -29706,12 +29706,12 @@ function DirectWalletHandler() {
   const externalAddress = useExternalWalletStore((st) => st.externalAddress);
   const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const { address, isConnected, chain, connector } = (0, import_wagmi9.useConnection)();
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     const { setConfigMode, setActiveMode } = useExternalWalletStore.getState();
     setConfigMode(walletMode);
     if (walletMode !== "both") setActiveMode(walletMode);
   }, [walletMode]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     if ((!!externalAddress || isExternalConnected) && !isConnected) {
       useExternalWalletStore.getState().clearExternalWallet();
       return;
@@ -29726,10 +29726,10 @@ function DirectWalletHandler() {
   }, [isConnected, address, isExternalConnected, externalAddress, connector, chain]);
   return null;
 }
-var import_react98, import_wagmi9;
+var import_react99, import_wagmi9;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react98 = require("react");
+    import_react99 = require("react");
     import_wagmi9 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
@@ -29737,14 +29737,14 @@ var init_DirectWalletHandler = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-var import_react99, TssManagerWithRef;
+var import_react100, TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
     init_SessionContext();
-    import_react99 = __toESM(require("react"), 1);
+    import_react100 = __toESM(require("react"), 1);
     init_auth();
     init_clients();
-    TssManagerWithRef = import_react99.default.forwardRef((props, ref) => {
+    TssManagerWithRef = import_react100.default.forwardRef((props, ref) => {
       const { mpcPin } = props;
       const usePaymaster = useSession((st) => st.usePaymaster);
       const publicClient = useSession((st) => st.publicClient);
@@ -29752,14 +29752,14 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = (0, import_react99.useCallback)(
+      const onSessionCreated = (0, import_react100.useCallback)(
         (session, address) => {
           setSession(session);
           setAddress(address);
         },
         [setSession, setAddress]
       );
-      const createSessionWithKeyshare = import_react99.default.useCallback(
+      const createSessionWithKeyshare = import_react100.default.useCallback(
         async (userId, hasServerKeyshare, isNewUser) => {
           setStatus("checking key management setup...");
           await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -29784,7 +29784,7 @@ var init_TssManager = __esm({
         },
         [setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
       );
-      import_react99.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+      import_react100.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
       return null;
     });
   }
@@ -29808,7 +29808,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_react100.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_react101.Fragment, {
     /** dApp's router might have its own error boundaries setup via imported @embarkai/ui-kitErrorBoundary */
     children: [
       children,
@@ -29828,11 +29828,11 @@ function SessionProvider({ children }) {
     ]
   });
 }
-var import_read22, import_react100, import_zustand17, import_middleware4, import_jsx_runtime131, useSession, requireActiveChainId;
+var import_read22, import_react101, import_zustand17, import_middleware4, import_jsx_runtime131, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
     import_read22 = require("@embarkai/core/read");
-    import_react100 = require("react");
+    import_react101 = require("react");
     import_zustand17 = require("zustand");
     import_middleware4 = require("zustand/middleware");
     init_ErrorBoundary2();
@@ -32300,10 +32300,10 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react101.useRef)(callbacks);
-  (0, import_react101.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react101.useRef)((0, import_lodash_es13.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = (0, import_react101.useCallback)((updates) => {
+  const callbacksRef = (0, import_react102.useRef)(callbacks);
+  (0, import_react102.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react102.useRef)((0, import_lodash_es13.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const updateConfig = (0, import_react102.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -32337,12 +32337,12 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = (0, import_react101.useCallback)((updates) => {
+  const updateCallbacks = (0, import_react102.useCallback)((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  (0, import_react101.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = (0, import_lodash_es13.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -32362,7 +32362,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react101.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -32391,7 +32391,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react101.useMemo)(
+  const contextValue = (0, import_react102.useMemo)(
     () => ({
       config,
       updateConfig,
@@ -32407,22 +32407,22 @@ function Provider(props) {
     /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_wagmi10.WagmiProvider, { config: import_core9.wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SessionProvider, { children }) }) })
   );
 }
-var import_core9, import_error_tracking4, import_lodash_es13, import_react101, import_wagmi10, import_jsx_runtime132, UIContext, useProviderConfig;
+var import_core9, import_error_tracking4, import_lodash_es13, import_react102, import_wagmi10, import_jsx_runtime132, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_core9 = require("@embarkai/core");
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
     import_lodash_es13 = require("lodash-es");
-    import_react101 = require("react");
+    import_react102 = require("react");
     import_wagmi10 = require("wagmi");
     init_initial();
     init_iframe_manager();
     init_SessionContext();
     init_utils12();
     import_jsx_runtime132 = require("react/jsx-runtime");
-    UIContext = (0, import_react101.createContext)(void 0);
+    UIContext = (0, import_react102.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react101.useContext)(UIContext);
+      const ctx = (0, import_react102.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -32542,7 +32542,7 @@ init_ErrorBoundary2();
 init_lumia2();
 init_embarkAI2();
 var import_lucide_react82 = require("lucide-react");
-var import_react102 = require("react");
+var import_react103 = require("react");
 init_SessionContext();
 init_auth();
 init_BalanceView2();
@@ -32575,10 +32575,10 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  (0, import_react102.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react103.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth23.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react102.useMemo)(() => {
+  const indicators = (0, import_react103.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
@@ -33217,14 +33217,14 @@ var Hash = ({
 };
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react103 = require("react");
+var import_react104 = require("react");
 init_base3();
 var import_jsx_runtime139 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = (0, import_react103.useState)([]);
-  const [loading, setLoading] = (0, import_react103.useState)(true);
-  const [error, setError] = (0, import_react103.useState)(null);
-  (0, import_react103.useEffect)(() => {
+  const [transactions, setTransactions] = (0, import_react104.useState)([]);
+  const [loading, setLoading] = (0, import_react104.useState)(true);
+  const [error, setError] = (0, import_react104.useState)(null);
+  (0, import_react104.useEffect)(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -33515,13 +33515,13 @@ function useUserOpStatus(options = {}) {
 init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
-var import_react104 = require("react");
+var import_react105 = require("react");
 init_useExternalWalletStore();
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = (0, import_react104.useCallback)(
+  const switchMode = (0, import_react105.useCallback)(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -33538,7 +33538,7 @@ function useWalletMode() {
 
 // src/hooks/useDirectWallet.ts
 init_useOpenPage();
-var import_react105 = require("react");
+var import_react106 = require("react");
 var import_wagmi11 = require("wagmi");
 init_useExternalWalletStore();
 function useDirectWallet() {
@@ -33548,10 +33548,10 @@ function useDirectWallet() {
   const connectorName = useExternalWalletStore((st) => st.connectorName);
   const { open: openEmbarkAI } = useOpenPage();
   const { mutate: wagmiDisconnect } = (0, import_wagmi11.useDisconnect)();
-  const connect = (0, import_react105.useCallback)((connectFlowType = "connect") => {
+  const connect = (0, import_react106.useCallback)((connectFlowType = "connect") => {
     openEmbarkAI("connect-external-wallet" /* CONNECT_EXTERNAL_WALLET */, { connectFlowType });
   }, []);
-  const disconnect = (0, import_react105.useCallback)(() => {
+  const disconnect = (0, import_react106.useCallback)(() => {
     wagmiDisconnect();
     useExternalWalletStore.getState().clearExternalWallet();
   }, [wagmiDisconnect]);
@@ -33567,7 +33567,7 @@ function useDirectWallet() {
 }
 
 // src/hooks/useSendDirectTransaction.ts
-var import_react106 = require("react");
+var import_react107 = require("react");
 var import_viem22 = require("viem");
 var import_wagmi12 = require("wagmi");
 init_useExternalWalletStore();
@@ -33576,10 +33576,10 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = (0, import_wagmi12.useSendTransaction)();
   const { switchChainAsync } = (0, import_wagmi12.useSwitchChain)();
-  const [isPending, setIsPending] = (0, import_react106.useState)(false);
-  const [error, setError] = (0, import_react106.useState)(null);
-  const [txHash, setTxHash] = (0, import_react106.useState)(null);
-  const sendTransaction = (0, import_react106.useCallback)(
+  const [isPending, setIsPending] = (0, import_react107.useState)(false);
+  const [error, setError] = (0, import_react107.useState)(null);
+  const [txHash, setTxHash] = (0, import_react107.useState)(null);
+  const sendTransaction = (0, import_react107.useCallback)(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -33613,7 +33613,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = (0, import_react106.useCallback)(() => {
+  const reset = (0, import_react107.useCallback)(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -33622,7 +33622,7 @@ function useSendDirectTransaction() {
 }
 
 // src/hooks/useTransferToLinkedWallet.ts
-var import_react107 = require("react");
+var import_react108 = require("react");
 var import_viem23 = require("viem");
 init_SessionContext();
 init_account2();
@@ -33641,14 +33641,14 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = (0, import_react107.useState)(false);
-  const [error, setError] = (0, import_react107.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react107.useState)(null);
-  const linkedWallets = (0, import_react107.useMemo)(
+  const [isPending, setIsPending] = (0, import_react108.useState)(false);
+  const [error, setError] = (0, import_react108.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react108.useState)(null);
+  const linkedWallets = (0, import_react108.useMemo)(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = (0, import_react107.useCallback)(
+  const transfer = (0, import_react108.useCallback)(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -33699,7 +33699,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = (0, import_react107.useCallback)(() => {
+  const reset = (0, import_react108.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -33723,7 +33723,7 @@ function useNativeWalletSignature() {
 
 // src/hooks/useLogout.ts
 var import_auth25 = require("@embarkai/core/auth");
-var import_react108 = require("react");
+var import_react109 = require("react");
 var import_wagmi14 = require("wagmi");
 init_ProviderContext();
 init_SessionContext();
@@ -33742,7 +33742,7 @@ function useLogout() {
       }
     }
   });
-  const logout2 = (0, import_react108.useCallback)(async () => {
+  const logout2 = (0, import_react109.useCallback)(async () => {
     const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
     const prevAddress = address;
     let userId = null;
@@ -33861,7 +33861,7 @@ function useTransactions() {
 
 // src/modules/assets.ts
 init_SessionContext();
-var import_react109 = __toESM(require("react"), 1);
+var import_react110 = __toESM(require("react"), 1);
 var import_viem25 = require("viem");
 var import_wagmi16 = require("wagmi");
 var COMMON_TOKENS = [
@@ -34016,7 +34016,7 @@ function useTokenBalance2(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react109.default.useMemo(() => {
+  const formattedBalance = import_react110.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
     return (0, import_viem25.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);

package/dist/index.js

@@ -28848,7 +28848,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.91",
+      version: "0.4.92",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -28903,9 +28903,9 @@ var init_package = __esm({
         clsx: "^2.1.1",
         dayjs: "^1.11.21",
         "dkls23-wasm": "^0.1.1",
-        "framer-motion": "^12.40.0",
         "lodash-es": "^4.18.1",
         "lucide-react": "^1.28.0",
+        motion: "^13.1.1",
         qrcode: "^1.5.4",
         viem: "^2.52.2",
         wagmi: "^3.7.5",
@@ -29504,7 +29504,7 @@ var init_visually_hidden = __esm({
 });
 
 // src/internal/components/Dialog/Dialog.tsx
-import { AnimatePresence, motion } from "framer-motion";
+import { AnimatePresence, motion } from "motion/react";
 import { useEffect as useEffect52 } from "react";
 import { jsx as jsx130, jsxs as jsxs117 } from "react/jsx-runtime";
 function Dialog2() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.91",
+  "version": "0.4.92",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -43,9 +43,9 @@
     "clsx": "^2.1.1",
     "dayjs": "^1.11.21",
     "dkls23-wasm": "^0.1.1",
-    "framer-motion": "^12.40.0",
     "lodash-es": "^4.18.1",
     "lucide-react": "^1.28.0",
+    "motion": "^13.1.1",
     "qrcode": "^1.5.4",
     "viem": "^2.52.2",
     "wagmi": "^3.7.5",