@lumiapassport/ui-kit 1.16.5 → 1.16.6

package/dist/index.js

@@ -5799,7 +5799,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@lumiapassport/ui-kit",
-      version: "1.16.5",
+      version: "1.16.6",
       description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -10425,6 +10425,7 @@ import { useEffect as useEffect21 } from "react";
 import { Fragment as Fragment15, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 function KeyshareBackupMenu() {
   const address = useLumiaPassportSession((st) => st.address);
+  const hasServerVault = useLumiaPassportSession((st) => st.hasServerVault);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setMainPageHeight = useLayoutDataStore((st) => st.setMainPageHeight);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
@@ -10455,6 +10456,8 @@ function KeyshareBackupMenu() {
   }, []);
   const { data: serverRecoveryStatus, isLoading: isRecoveryLoading } = useQuery8({
     retry: false,
+    enabled: !!address,
+    // Prevent query from running with undefined address
     queryKey: [CHECK_BACKUP_QUERY_KEY, address],
     queryFn: async () => await getShareRecoveryStats()
   });
@@ -10479,8 +10482,8 @@ function KeyshareBackupMenu() {
       style: { "--l-pass-scrollbar-mah": `${maxScrollHeight}px` },
       className: "list-scrollbar-y w-full",
       children: /* @__PURE__ */ jsxs39(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--l-pass-gap)] p-[var(--l-pass-pd)]", children: [
-        !!isRecoveryLoading && /* @__PURE__ */ jsx46("div", { className: "w-full flex items-center justify-center p-[var(--l-pass-pd)]", children: /* @__PURE__ */ jsx46(Loader11, { className: "h-5 w-5 animate-spin" }) }),
-        !isRecoveryLoading && !hasRecoveryData && /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-center gap-2 px-5 py-[var(--l-pass-pd)]", children: [
+        !!isRecoveryLoading && (hasServerVault || !currentBackupMethod) && /* @__PURE__ */ jsx46("div", { className: "w-full flex items-center justify-center p-[var(--l-pass-pd)]", children: /* @__PURE__ */ jsx46(Loader11, { className: "h-5 w-5 animate-spin" }) }),
+        (!isRecoveryLoading || !hasServerVault) && !hasRecoveryData && /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-center gap-2 px-5 py-[var(--l-pass-pd)]", children: [
           /* @__PURE__ */ jsx46(LockIcon, { className: "w-6 h-6" }),
           /* @__PURE__ */ jsx46("span", { className: "font-bold text-xl leading-6", children: "Secure Account" })
         ] }),
@@ -10528,7 +10531,7 @@ function KeyshareBackupMenu() {
           )
         ] }),
         !isRecoveryLoading && !!hasRecoveryData && /* @__PURE__ */ jsx46(MethodSelector, { mode: "backup", serverRecoveryStatus }),
-        !isRecoveryLoading && !!currentBackupMethod && /* @__PURE__ */ jsx46(Fragment15, { children: /* @__PURE__ */ jsx46(
+        (!isRecoveryLoading || !hasServerVault) && !!currentBackupMethod && /* @__PURE__ */ jsx46(Fragment15, { children: /* @__PURE__ */ jsx46(
           BackupComponent,
           {
             mode: "backup",