@embarkai/ui-kit 0.4.37 → 0.4.38

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.37</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.38</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -6391,7 +6391,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.4.37";
+var IFRAME_VERSION = "0.4.38";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -19173,7 +19173,6 @@ var init_useBridgeStore = __esm({
       bridgeStep: "select",
       bridgeType: "hyper",
       bridgeSender: "embarkai-wallet",
-      bridgeSenders: [],
       amount: "",
       quote: null,
       isQuoteEstimating: false,
@@ -19182,6 +19181,7 @@ var init_useBridgeStore = __esm({
     useBridgeStore = (0, import_zustand10.create)()(
       (0, import_middleware3.persist)(
         (set, get) => ({
+          bridgeSenders: [],
           hyperRoute: null,
           recipient: null,
           originChain: null,
@@ -19497,7 +19497,6 @@ var init_wallets = __esm({
 // src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
-  const activeChainId = useSession((st) => st.activeChainId);
   const { profiles } = useLinkedProfiles();
   const lastCalcedSenders = (0, import_react62.useRef)([]);
   (0, import_react62.useEffect)(() => {
@@ -19505,7 +19504,7 @@ function useAvailableSenders() {
       {
         type: "embarkai-wallet",
         name: "embarkAI",
-        chainId: activeChainId,
+        chainId: null,
         address,
         Icon: TOKENS_ICONS["EMBARKAI"]
       }
@@ -19524,9 +19523,10 @@ function useAvailableSenders() {
       return;
     }
     lastCalcedSenders.current = sendersAccumulator.map((s) => `${s.name}-${s.address}`);
+    console.info("[SENDER SELECTOR] setting bridge senders", sendersAccumulator);
     useBridgeStore.getState().setBridgeSenders(sendersAccumulator);
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
-  }, [address, profiles, activeChainId]);
+  }, [address, profiles]);
   return {
     directWalletProfile: profiles.filter((p) => p.provider === "wallet")[0] || null
   };
@@ -20192,17 +20192,16 @@ function SelectStep(props) {
   const { swapChains, hyperlaneWarpRoutes, isLoadingWarpRoutes, handleQuoteEstimation } = props;
   const { t } = useT();
   const {
+    bridgeSenders,
+    bridgeSender,
     originChain,
     destinationChain,
     hyperRoute,
     amount,
     isQuoteEstimating,
-    recipient,
-    setBridgeStep,
-    setAmount,
-    setRecipient
+    recipient
   } = useBridgeStore();
-  const selectedSender = useBridgeStore((st) => st.bridgeSenders?.find((s) => s.type === st.bridgeSender)) || null;
+  const selectedSender = bridgeSenders?.find((s) => s.type === bridgeSender) || null;
   const { routeTokenBalance, isRouteTokenBalanceLoading } = useBridgeBalance(hyperlaneWarpRoutes);
   const selectedWarpRoute = hyperlaneWarpRoutes.find((route) => {
     const { routeId, chainPair } = route;
@@ -20234,7 +20233,7 @@ function SelectStep(props) {
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
-            setBridgeStep("sender-selector");
+            useBridgeStore.getState().setBridgeStep("sender-selector");
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -20273,7 +20272,7 @@ function SelectStep(props) {
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
-            setBridgeStep("select-token");
+            useBridgeStore.getState().setBridgeStep("select-token");
           },
           children: [
             selectedWarpRoute ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -20357,9 +20356,9 @@ function SelectStep(props) {
                   }
                   if (regex.test(value) || value === "") {
                     if (value === "") {
-                      setAmount("0");
+                      useBridgeStore.getState().setAmount("0");
                     } else {
-                      setAmount(value);
+                      useBridgeStore.getState().setAmount(value);
                     }
                   }
                 },
@@ -20390,7 +20389,7 @@ function SelectStep(props) {
                 Icon: import_lucide_react59.Wallet2Icon,
                 onChange: (e) => {
                   useFlowSelectorStore.getState().setError(null);
-                  setRecipient(e.target.value);
+                  useBridgeStore.getState().setRecipient(e.target.value);
                 },
                 element: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                   Button,
@@ -20400,7 +20399,7 @@ function SelectStep(props) {
                     variant: "ghost",
                     onClick: (e) => {
                       e.stopPropagation();
-                      setRecipient(null);
+                      useBridgeStore.getState().setRecipient(null);
                     },
                     children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react59.XIcon, { className: "w-4 h-4" })
                   }
@@ -24115,7 +24114,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.37",
+      version: "0.4.38",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.js

@@ -19093,7 +19093,6 @@ var init_useBridgeStore = __esm({
       bridgeStep: "select",
       bridgeType: "hyper",
       bridgeSender: "embarkai-wallet",
-      bridgeSenders: [],
       amount: "",
       quote: null,
       isQuoteEstimating: false,
@@ -19102,6 +19101,7 @@ var init_useBridgeStore = __esm({
     useBridgeStore = create10()(
       persist3(
         (set, get) => ({
+          bridgeSenders: [],
           hyperRoute: null,
           recipient: null,
           originChain: null,
@@ -19416,7 +19416,6 @@ var init_wallets = __esm({
 import { useEffect as useEffect34, useRef as useRef18 } from "react";
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
-  const activeChainId = useSession((st) => st.activeChainId);
   const { profiles } = useLinkedProfiles();
   const lastCalcedSenders = useRef18([]);
   useEffect34(() => {
@@ -19424,7 +19423,7 @@ function useAvailableSenders() {
       {
         type: "embarkai-wallet",
         name: "embarkAI",
-        chainId: activeChainId,
+        chainId: null,
         address,
         Icon: TOKENS_ICONS["EMBARKAI"]
       }
@@ -19443,9 +19442,10 @@ function useAvailableSenders() {
       return;
     }
     lastCalcedSenders.current = sendersAccumulator.map((s) => `${s.name}-${s.address}`);
+    console.info("[SENDER SELECTOR] setting bridge senders", sendersAccumulator);
     useBridgeStore.getState().setBridgeSenders(sendersAccumulator);
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
-  }, [address, profiles, activeChainId]);
+  }, [address, profiles]);
   return {
     directWalletProfile: profiles.filter((p) => p.provider === "wallet")[0] || null
   };
@@ -20107,17 +20107,16 @@ function SelectStep(props) {
   const { swapChains, hyperlaneWarpRoutes, isLoadingWarpRoutes, handleQuoteEstimation } = props;
   const { t } = useT();
   const {
+    bridgeSenders,
+    bridgeSender,
     originChain,
     destinationChain,
     hyperRoute,
     amount,
     isQuoteEstimating,
-    recipient,
-    setBridgeStep,
-    setAmount,
-    setRecipient
+    recipient
   } = useBridgeStore();
-  const selectedSender = useBridgeStore((st) => st.bridgeSenders?.find((s) => s.type === st.bridgeSender)) || null;
+  const selectedSender = bridgeSenders?.find((s) => s.type === bridgeSender) || null;
   const { routeTokenBalance, isRouteTokenBalanceLoading } = useBridgeBalance(hyperlaneWarpRoutes);
   const selectedWarpRoute = hyperlaneWarpRoutes.find((route) => {
     const { routeId, chainPair } = route;
@@ -20149,7 +20148,7 @@ function SelectStep(props) {
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
-            setBridgeStep("sender-selector");
+            useBridgeStore.getState().setBridgeStep("sender-selector");
           },
           children: [
             /* @__PURE__ */ jsxs85("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -20188,7 +20187,7 @@ function SelectStep(props) {
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
-            setBridgeStep("select-token");
+            useBridgeStore.getState().setBridgeStep("select-token");
           },
           children: [
             selectedWarpRoute ? /* @__PURE__ */ jsxs85("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -20272,9 +20271,9 @@ function SelectStep(props) {
                   }
                   if (regex.test(value) || value === "") {
                     if (value === "") {
-                      setAmount("0");
+                      useBridgeStore.getState().setAmount("0");
                     } else {
-                      setAmount(value);
+                      useBridgeStore.getState().setAmount(value);
                     }
                   }
                 },
@@ -20305,7 +20304,7 @@ function SelectStep(props) {
                 Icon: Wallet2Icon2,
                 onChange: (e) => {
                   useFlowSelectorStore.getState().setError(null);
-                  setRecipient(e.target.value);
+                  useBridgeStore.getState().setRecipient(e.target.value);
                 },
                 element: /* @__PURE__ */ jsx93(
                   Button,
@@ -20315,7 +20314,7 @@ function SelectStep(props) {
                     variant: "ghost",
                     onClick: (e) => {
                       e.stopPropagation();
-                      setRecipient(null);
+                      useBridgeStore.getState().setRecipient(null);
                     },
                     children: /* @__PURE__ */ jsx93(XIcon, { className: "w-4 h-4" })
                   }
@@ -24015,7 +24014,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.37",
+      version: "0.4.38",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.37",
+  "version": "0.4.38",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",