@embarkai/ui-kit 0.4.120 → 0.4.122

package/dist/index.js

@@ -21589,7 +21589,7 @@ var init_SumsubIframe = __esm({
             src: iframeUrl,
             title: "Sumsub KYC Verification",
             className: "noScrollbars w-full border-0 rounded-[10px]",
-            sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
+            sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox",
             allow: "camera; microphone; geolocation; clipboard-write",
             style: { height: isLoading || error ? 0 : height }
           },
@@ -22835,32 +22835,98 @@ var init_onboarding_setup5 = __esm({
   }
 });
 
+// src/internal/components/MainMenu/constants.ts
+import { ArrowRightLeftIcon, ChevronLeft, ChevronRight as ChevronRight4, DollarSign as DollarSign2 } from "lucide-react";
+var MAIN_MENU_BUTTONS;
+var init_constants7 = __esm({
+  "src/internal/components/MainMenu/constants.ts"() {
+    MAIN_MENU_BUTTONS = [
+      {
+        id: "send",
+        page: "send" /* SEND */,
+        onboardingId: "mainmenu-send-button" /* sendButton */,
+        label: "passport:main.send",
+        icon: ChevronRight4,
+        pageParams: { sendFlow: "send" }
+      },
+      {
+        id: "bridge",
+        page: "send" /* SEND */,
+        onboardingId: "mainmenu-bridge-button" /* bridgeButton */,
+        label: "passport:main.bridge",
+        icon: ArrowRightLeftIcon,
+        pageParams: { sendFlow: "bridge" }
+      },
+      {
+        id: "receive",
+        page: "receive" /* RECEIVE */,
+        onboardingId: "mainmenu-receive-button" /* receiveButton */,
+        label: "passport:main.receive",
+        icon: ChevronLeft,
+        pageParams: {}
+      },
+      {
+        id: "buy",
+        page: "buy" /* BUY */,
+        onboardingId: "mainmenu-buy-button" /* buyButton */,
+        label: "passport:main.buy",
+        icon: DollarSign2,
+        pageParams: {}
+      }
+    ];
+  }
+});
+
 // src/internal/components/MainMenu/MainMenu.tsx
-import { ArrowRightLeftIcon, ChevronLeft, ChevronRight as ChevronRight4, DollarSign as DollarSign2, ListIcon } from "lucide-react";
+import { ListIcon } from "lucide-react";
 import { jsx as jsx97, jsxs as jsxs88 } from "react/jsx-runtime";
 function MainMenu() {
+  const { config } = useProviderConfig();
   const { t } = useT();
   const { open: openEmbarkAI } = useOpenPage();
   const address = useSession((st) => st.address);
   useOnboardingTourAvailable(true);
   useProvidersList();
+  const menuButtons = MAIN_MENU_BUTTONS.filter(({ id }) => {
+    switch (id) {
+      case "bridge":
+        return !!config.current?.features?.showAssetBridge;
+      default:
+        return true;
+    }
+  });
   return /* @__PURE__ */ jsxs88(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    /* @__PURE__ */ jsx97("div", { className: "w-full grid grid-cols-4 gap-0 md:gap-[var(--ui-kit-gap)] py-[10px] md:py-1", children: MAIN_MENU_BUTTONS.map(({ page, onboardingId, label, icon: Icon2, pageParams }, btnIdx) => /* @__PURE__ */ jsxs88(
-      Button,
+    /* @__PURE__ */ jsx97(
+      "div",
       {
-        ref: (inst) => onboarder.registerElement(onboardingId, inst),
-        size: "large",
-        variant: "ghost",
-        disabled: !address,
-        className: "flex-col w-full h-fit p-0",
-        onClick: () => openEmbarkAI(page, pageParams),
-        children: [
-          /* @__PURE__ */ jsx97(Icon2, { className: "w-5 h-5 md:w-8 md:h-8" }),
-          /* @__PURE__ */ jsx97("span", { className: "text-xs font-semibold", children: t(label) })
-        ]
-      },
-      `${page}-${btnIdx}`
-    )) }),
+        className: cn(
+          //
+          "grid w-full",
+          "gap-0 md:gap-[var(--ui-kit-gap)]",
+          "py-[10px] md:py-1",
+          {
+            "grid-cols-4": menuButtons.length === 4,
+            "grid-cols-3": menuButtons.length < 4
+          }
+        ),
+        children: menuButtons.map(({ page, onboardingId, label, icon: Icon2, pageParams }, btnIdx) => /* @__PURE__ */ jsxs88(
+          Button,
+          {
+            ref: (inst) => onboarder.registerElement(onboardingId, inst),
+            size: "large",
+            variant: "ghost",
+            disabled: !address,
+            className: cn("flex-col w-full h-fit p-0"),
+            onClick: () => openEmbarkAI(page, pageParams),
+            children: [
+              /* @__PURE__ */ jsx97(Icon2, { className: "w-5 h-5 md:w-8 md:h-8" }),
+              /* @__PURE__ */ jsx97("span", { className: "text-xs font-semibold", children: t(label) })
+            ]
+          },
+          `${page}-${btnIdx}`
+        ))
+      }
+    ),
     /* @__PURE__ */ jsx97("div", { className: "w-full border-b border-[var(--ui-kit-bd)]" }),
     /* @__PURE__ */ jsxs88("div", { className: "w-full flex justify-between items-center", children: [
       /* @__PURE__ */ jsx97("span", { className: "pl-[var(--ui-kit-pd)] text-xl font-semibold", children: t("passport:main.assets") }),
@@ -22881,54 +22947,20 @@ function MainMenu() {
     /* @__PURE__ */ jsx97("div", { ref: (inst) => onboarder.registerElement("mainmenu-portfolio-section" /* portfolioSection */, inst), className: "w-full", children: /* @__PURE__ */ jsx97(PortfolioList, {}) })
   ] });
 }
-var MAIN_MENU_BUTTONS;
 var init_MainMenu = __esm({
   "src/internal/components/MainMenu/MainMenu.tsx"() {
+    init_ProviderContext();
     init_SessionContext();
     init_useOpenPage();
     init_useT();
     init_useLayoutDataStore();
+    init_cn();
     init_Expandable2();
     init_ManageWalletMenu();
     init_Onboarding();
     init_PortfolioMenu2();
     init_button();
-    MAIN_MENU_BUTTONS = [
-      {
-        page: "send" /* SEND */,
-        onboardingId: "mainmenu-send-button" /* sendButton */,
-        label: "passport:main.send",
-        icon: ChevronRight4,
-        pageParams: { sendFlow: "send" }
-      },
-      {
-        page: "send" /* SEND */,
-        onboardingId: "mainmenu-bridge-button" /* bridgeButton */,
-        label: "passport:main.bridge",
-        icon: ArrowRightLeftIcon,
-        pageParams: { sendFlow: "bridge" }
-      },
-      {
-        page: "receive" /* RECEIVE */,
-        onboardingId: "mainmenu-receive-button" /* receiveButton */,
-        label: "passport:main.receive",
-        icon: ChevronLeft,
-        pageParams: {}
-      },
-      {
-        page: "buy" /* BUY */,
-        onboardingId: "mainmenu-buy-button" /* buyButton */,
-        label: "passport:main.buy",
-        icon: DollarSign2,
-        pageParams: {}
-      }
-      // {
-      //   page: PageKey.ASSETS,
-      //   onboardingId: MainMenuOnboardingID.portfolioButton,
-      //   label: 'passport:main.assets',
-      //   icon: Wallet2
-      // }
-    ];
+    init_constants7();
   }
 });
 
@@ -23483,7 +23515,7 @@ var init_nickname_fingerprint = __esm({
 
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
 import { useQuery as useQuery21 } from "@tanstack/react-query";
-import { ArrowLeft as ArrowLeft19, AtSignIcon as AtSignIcon2, CheckCircle2 as CheckCircle24, Copy as Copy2, FingerprintIcon, LoaderIcon as LoaderIcon13, Wallet2Icon as Wallet2Icon4 } from "lucide-react";
+import { ArrowLeft as ArrowLeft19, AtSignIcon as AtSignIcon2, CheckCircle2 as CheckCircle24, Copy as Copy2, FingerprintIcon, LoaderIcon as LoaderIcon13, Wallet2Icon as Wallet2Icon3 } from "lucide-react";
 import QRCode from "qrcode";
 import { useEffect as useEffect40, useMemo as useMemo15, useState as useState24 } from "react";
 import { Fragment as Fragment35, jsx as jsx100, jsxs as jsxs91 } from "react/jsx-runtime";
@@ -23554,7 +23586,7 @@ function ReceiveMenu() {
           setTimeout(() => setAddressCopied(false), 2e3);
         },
         children: [
-          /* @__PURE__ */ jsx100(Wallet2Icon4, { className: "h-4 w-4 flex-none" }),
+          /* @__PURE__ */ jsx100(Wallet2Icon3, { className: "h-4 w-4 flex-none" }),
           /* @__PURE__ */ jsxs91("span", { className: cn2("text-[10px] flex-1 block", { "text-[var(--ui-kit-bg-success)]": isAddressCopied }), children: [
             address.slice(0, 10),
             "...",
@@ -23720,7 +23752,7 @@ var init_useSecurityStore = __esm({
 
 // src/internal/components/SecurityMenu/constants.ts
 var KEYSHARE_RECOVERY_STATS_QUERY, CONNECTED_TRUSTED_APPS_QUERY;
-var init_constants7 = __esm({
+var init_constants8 = __esm({
   "src/internal/components/SecurityMenu/constants.ts"() {
     KEYSHARE_RECOVERY_STATS_QUERY = "keyshare-recovery-stats-query";
     CONNECTED_TRUSTED_APPS_QUERY = "connected-trusted-apps-query";
@@ -23749,7 +23781,7 @@ var init_useConnectedApps = __esm({
   "src/internal/components/SecurityMenu/ConnectedApps/useConnectedApps.ts"() {
     init_SessionContext();
     init_httpClient();
-    init_constants7();
+    init_constants8();
   }
 });
 
@@ -23974,7 +24006,7 @@ var init_UntrustApplication = __esm({
     init_iframe_manager();
     init_button();
     init_highlight();
-    init_constants7();
+    init_constants8();
     init_useSecurityStore();
   }
 });
@@ -24130,7 +24162,7 @@ var init_useKeyshareRecoveryStats = __esm({
     init_keyshare();
     init_iframe_manager();
     init_vaultClient();
-    init_constants7();
+    init_constants8();
   }
 });
 
@@ -24646,7 +24678,7 @@ var init_PolicyForm = __esm({
 
 // src/internal/components/SecurityMenu/UserPolicies/constants.ts
 var DEFAULT_POLICY_RULES;
-var init_constants8 = __esm({
+var init_constants9 = __esm({
   "src/internal/components/SecurityMenu/UserPolicies/constants.ts"() {
     DEFAULT_POLICY_RULES = {
       destinations: { allow: [], deny: [] },
@@ -24839,7 +24871,7 @@ var init_UserPolicies = __esm({
     init_button();
     init_highlight();
     init_api4();
-    init_constants8();
+    init_constants9();
     init_usePolicyForm();
     init_useUserAssetsPolicies();
   }
@@ -24853,7 +24885,7 @@ var init_UserPolicies2 = __esm({
     init_useUserAssetsPolicies();
     init_usePolicyForm();
     init_api4();
-    init_constants8();
+    init_constants9();
   }
 });
 
@@ -26348,7 +26380,7 @@ var init_useBridgeBalance = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx
-import { ArrowLeftRightIcon, ArrowRightLeftIcon as ArrowRightLeftIcon2, LoaderIcon as LoaderIcon18, Wallet2Icon as Wallet2Icon5, XIcon as XIcon2 } from "lucide-react";
+import { ArrowLeftRightIcon, ArrowRightLeftIcon as ArrowRightLeftIcon2, LoaderIcon as LoaderIcon18, Wallet2Icon as Wallet2Icon4, XIcon as XIcon2 } from "lucide-react";
 import { Fragment as Fragment39 } from "react";
 import { Fragment as Fragment40, jsx as jsx111, jsxs as jsxs101 } from "react/jsx-runtime";
 function SelectStep(props) {
@@ -26567,7 +26599,7 @@ function SelectStep(props) {
                 disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
                 placeholder: t("passport:bridgeMenu.labels.optionalRecipient") + " (ex: 0x...)",
                 value: recipient || "",
-                Icon: Wallet2Icon5,
+                Icon: Wallet2Icon4,
                 onChange: (e) => {
                   useFlowSelectorStore.getState().setError(null);
                   useBridgeStore.getState().setRecipient(e.target.value);
@@ -29836,7 +29868,7 @@ var init_TransactionsMenu2 = __esm({
 // src/internal/components/SettingsMenu/constants.ts
 import { ActivityIcon, ArrowLeftRight, AtSign as AtSign4, DatabaseBackup as DatabaseBackup2, Link2, LockKeyhole, UsersRound } from "lucide-react";
 var NAV_BUTTONS;
-var init_constants9 = __esm({
+var init_constants10 = __esm({
   "src/internal/components/SettingsMenu/constants.ts"() {
     init_icons();
     NAV_BUTTONS = [
@@ -29932,7 +29964,7 @@ var init_SettingsMenu = __esm({
     init_Onboarding();
     init_TransactionsMenu2();
     init_button();
-    init_constants9();
+    init_constants10();
   }
 });
 
@@ -30294,7 +30326,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.120",
+      version: "0.4.122",
       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.120",
+  "version": "0.4.122",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",