From 7a702114eb344c23349f0aa66f7dc3e52b924501 Mon Sep 17 00:00:00 2001
From: root <root@cgvcpusuzr.local>
Date: Thu, 6 Aug 2026 17:36:31 +0000
Subject: [PATCH] feat: iOS push instruction banner + fix edge-functions
 security.ts exports

---
 public/service-worker.js                      |  2 +-
 .../client/PushSubscriptionBanner.jsx         | 44 +++++++++++++++++++
 2 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/public/service-worker.js b/public/service-worker.js
index 9e88b04..fe60654 100644
--- a/public/service-worker.js
+++ b/public/service-worker.js
@@ -1,7 +1,7 @@
 const isLocalhost = self.location.hostname === "localhost" || self.location.hostname === "127.0.0.1";
 
 if (!isLocalhost) {
-  const STATIC_CACHE = "construction-delivery-static-v104";
+  const STATIC_CACHE = "construction-delivery-static-v105";
   const RUNTIME_CACHE = "construction-delivery-runtime-v104";
   const APP_SHELL_URLS = ["/", "/index.html", "/manifest.webmanifest", "/icons/icon-192.png", "/icons/icon-512.png"];
 
diff --git a/src/components/client/PushSubscriptionBanner.jsx b/src/components/client/PushSubscriptionBanner.jsx
index 89aa6c4..cc4b705 100644
--- a/src/components/client/PushSubscriptionBanner.jsx
+++ b/src/components/client/PushSubscriptionBanner.jsx
@@ -35,8 +35,18 @@ export const PushSubscriptionBanner = ({ phone, orderGroupId }) => {
   const [dismissed, setDismissed] = useState(false);
   const phoneNorm = normalizePhone(phone);
 
+  // Detect iOS Safari (not in standalone mode = not added to Home Screen)
+  const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+  const isStandalone = window.matchMedia("(display-mode: standalone)").matches || navigator.standalone === true;
+  const isIOSNotInstalled = isIOS && !isStandalone;
+
   // Check if push is supported
   useEffect(() => {
+    // iOS Safari in browser mode (not standalone) doesn't support Push API
+    if (isIOSNotInstalled) {
+      setStatus("ios_not_installed");
+      return;
+    }
     if (!("serviceWorker" in navigator) || !("PushManager" in window)) {
       setStatus("unsupported");
       return;
@@ -119,6 +129,40 @@ export const PushSubscriptionBanner = ({ phone, orderGroupId }) => {
   if (status === "unsupported" || !phoneNorm) return null;
   if (dismissed && status !== "subscribed" && status !== "denied") return null;
 
+  // iOS not installed — show instruction to add to Home Screen
+  if (status === "ios_not_installed") {
+    return (
+      <div className="rounded-xl border border-[rgba(18,128,92,0.2)] bg-[var(--color-accent-soft)] px-4 py-3">
+        <div className="flex items-start gap-2.5">
+          <span className="text-base flex-shrink-0 mt-0.5">🔔</span>
+          <div className="flex-1">
+            <p className="text-sm font-semibold text-[var(--color-text)]">
+              Включить уведомления о доставке
+            </p>
+            <p className="text-xs text-[var(--color-text-muted)] mt-1 leading-5">
+              На iPhone уведомления работают только если приложение добавлено на главный экран.
+            </p>
+            <ol className="text-xs text-[var(--color-text-muted)] mt-2 space-y-1 leading-5">
+              <li>1. Нажмите <span className="font-medium">«Поделиться»</span> (квадрат со стрелкой ↑) внизу Safari</li>
+              <li>2. Выберите <span className="font-medium">«На экран Домой»</span> → «Добавить»</li>
+              <li>3. Откройте приложение с иконки <span className="font-medium">«СуперСам»</span> на главном экране</li>
+              <li>4. Нажмите <span className="font-medium">«Разрешить»</span> в этом баннере</li>
+            </ol>
+          </div>
+        </div>
+        <div className="flex justify-end mt-2">
+          <button
+            type="button"
+            onClick={() => setDismissed(true)}
+            className="text-xs text-[var(--color-text-muted)] transition hover:text-[var(--color-text)]"
+          >
+            Позже
+          </button>
+        </div>
+      </div>
+    );
+  }
+
   // Subscribed state — show small confirmation + unsubscribe option
   if (status === "subscribed") {
     return (