@hook-sdk/template 0.7.3 → 0.8.1

package/dist/index.cjs

@@ -278,14 +278,34 @@ function SubscriptionGate({ Paywall, children }) {
 var import_react4 = require("react");
 var import_sdk3 = require("@hook-sdk/sdk");
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var SAFETY_TIMEOUT_MS = 3e3;
 function PersistedKeysPrefetch({ children }) {
   const { appData } = (0, import_sdk3.useHook)();
   const config = useTemplateConfig();
+  const hasKeys = !!config.persistedKeys && config.persistedKeys.length > 0;
+  const [ready, setReady] = (0, import_react4.useState)(!hasKeys);
   (0, import_react4.useEffect)(() => {
     const keys = config.persistedKeys;
-    if (!keys || keys.length === 0) return;
+    if (!keys || keys.length === 0) {
+      setReady(true);
+      return;
+    }
+    let cancelled = false;
     appData.cache.startPrefetch(keys, (ks) => appData.bulkRead(ks));
+    void appData.cache.waitForPrimed(SAFETY_TIMEOUT_MS).then((result) => {
+      if (cancelled) return;
+      if (result === "timeout") {
+        console.warn(
+          `[@hook-sdk/template] PersistedKeysPrefetch: bulk-read n\xE3o completou em ${SAFETY_TIMEOUT_MS}ms. Liberando render mesmo assim \u2014 usePersistedState pode expor defaultValue at\xE9 o fetch terminar (G77).`
+        );
+      }
+      setReady(true);
+    });
+    return () => {
+      cancelled = true;
+    };
   }, [appData, config.persistedKeys]);
+  if (!ready) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children });
 }
 
@@ -1529,9 +1549,10 @@ function InstallGate({ children }) {
   if (!enabled) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
   if (installState.isInstalled) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
   if (installState.variant === "desktop") {
+    const showBanner = !installState.isDismissedSession && !installState.isDismissedPermanent;
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DesktopVariant, { state: installState, actions: installState })
+      showBanner && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DesktopVariant, { state: installState, actions: installState })
     ] });
   }
   if (!shouldBlock) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });