@hook-sdk/template 0.11.0 → 0.12.0

package/dist/index.cjs

@@ -2070,6 +2070,8 @@ function FallbackPaywall() {
 // src/hooks/usePush.ts
 var import_react12 = require("react");
 var import_sdk5 = require("@hook-sdk/sdk");
+var DISMISS_STORAGE_KEY = "push:dismissed-until";
+var DISMISS_TTL_MS = 7 * 24 * 60 * 60 * 1e3;
 function detectIosNeedsInstall() {
   if (typeof navigator === "undefined" || typeof window === "undefined") return false;
   const ua = navigator.userAgent || "";
@@ -2080,6 +2082,21 @@ function detectIosNeedsInstall() {
   const legacyStandalone = typeof navigator.standalone === "boolean" ? navigator.standalone : false;
   return !(standalone || legacyStandalone);
 }
+function readDismissedUntil() {
+  if (typeof localStorage === "undefined") return null;
+  try {
+    const raw = localStorage.getItem(DISMISS_STORAGE_KEY);
+    if (raw === null) return null;
+    const n = Number.parseInt(raw, 10);
+    return Number.isFinite(n) ? n : null;
+  } catch {
+    return null;
+  }
+}
+function isDismissedNow() {
+  const until = readDismissedUntil();
+  return until !== null && until > Date.now();
+}
 function deriveState(push) {
   if (!push.isAvailable()) {
     if (detectIosNeedsInstall()) return { kind: "ios_needs_install" };
@@ -2092,6 +2109,7 @@ function deriveState(push) {
     if (detectIosNeedsInstall()) return { kind: "ios_needs_install" };
     return { kind: "unsupported" };
   }
+  if (isDismissedNow()) return { kind: "dismissed" };
   return { kind: "prompt" };
 }
 function usePush() {
@@ -2121,14 +2139,41 @@ function usePush() {
       throw e;
     }
   }, [push]);
-  return { state, subscribe, unsubscribe };
+  const dismiss = (0, import_react12.useCallback)(() => {
+    if (typeof localStorage !== "undefined") {
+      try {
+        localStorage.setItem(DISMISS_STORAGE_KEY, String(Date.now() + DISMISS_TTL_MS));
+      } catch {
+      }
+    }
+    setState({ kind: "dismissed" });
+  }, []);
+  return { state, subscribe, unsubscribe, dismiss };
 }
 
 // src/components/PushPrompt.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
+function platformRecoveryCopy(texts) {
+  if (typeof navigator === "undefined") return null;
+  const ua = navigator.userAgent || "";
+  const platform = detectPlatform(ua);
+  switch (platform) {
+    case "ios-safari":
+    case "ios-other":
+      return texts.deniedRecoveryIos ?? null;
+    case "android":
+      return texts.deniedRecoveryAndroid ?? null;
+    case "desktop":
+      return texts.deniedRecoveryDesktop ?? null;
+    case "in-app":
+      return texts.deniedRecoveryInApp ?? null;
+    default:
+      return null;
+  }
+}
 function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, className }) {
   const { state, subscribe } = usePush();
-  if (state.kind === "subscribed") return null;
+  if (state.kind === "subscribed" || state.kind === "dismissed") return null;
   if (state.kind === "ios_needs_install") {
     return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { children: texts.iosInstallTitle }),
@@ -2137,9 +2182,11 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
     ] });
   }
   if (state.kind === "denied") {
+    const recovery = platformRecoveryCopy(texts);
     return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { children: texts.deniedTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: texts.deniedBody })
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: texts.deniedBody }),
+      recovery && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { "data-testid": "denied-recovery", children: recovery })
     ] });
   }
   if (state.kind === "unsupported") {