@wireai/activation 0.14.3 → 0.16.0

package/dist/questionnaire/index.mjs

@@ -1,4 +1,4 @@
-import React8, { createContext, forwardRef, useRef, useState, useEffect, useCallback, useImperativeHandle, useMemo, useContext } from 'react';
+import React8, { createContext, forwardRef, useRef, useState, useEffect, useCallback, useImperativeHandle, useMemo, useContext, useSyncExternalStore } from 'react';
 import { StyleSheet, Animated, Easing, BackHandler, Modal, Pressable, Text, AccessibilityInfo, View, TextInput } from 'react-native';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { SafeAreaView } from 'react-native-safe-area-context';
@@ -837,6 +837,28 @@ var toAnswers = (drafts) => {
   };
 };
 
+// src/utils/withDeadline.ts
+var DEADLINE_EXPIRED = /* @__PURE__ */ Symbol("wire-deadline-expired");
+var DEFAULT_DEADLINE_MS = 15e3;
+var withDeadline = async (exchange, timeoutMs = DEFAULT_DEADLINE_MS) => {
+  const controller = typeof AbortController !== "undefined" ? new AbortController() : void 0;
+  let timer;
+  const expired = new Promise((resolve) => {
+    timer = setTimeout(() => {
+      controller == null ? void 0 : controller.abort();
+      resolve(DEADLINE_EXPIRED);
+    }, timeoutMs);
+  });
+  const running = exchange(controller == null ? void 0 : controller.signal);
+  try {
+    return await Promise.race([running, expired]);
+  } finally {
+    clearTimeout(timer);
+    void running.catch(() => {
+    });
+  }
+};
+
 // src/questionnaire/transport.ts
 var submitQuestionnaireResponse = async (target, id, submission) => {
   if (!(target == null ? void 0 : target.serverUrl) || !id) return "unsent";
@@ -845,11 +867,15 @@ var submitQuestionnaireResponse = async (target, id, submission) => {
     const url = `${base}/v1/questionnaires/${encodeURIComponent(id)}/responses`;
     const headers = { "Content-Type": "application/json" };
     if (target.apiKey) headers.Authorization = `Bearer ${target.apiKey}`;
-    const res = await fetch(url, {
-      method: "POST",
-      headers,
-      body: JSON.stringify(submission)
-    });
+    const res = await withDeadline(
+      (signal) => fetch(url, {
+        method: "POST",
+        headers,
+        body: JSON.stringify(submission),
+        signal
+      })
+    );
+    if (res === DEADLINE_EXPIRED) return "unsent";
     if (!res) return "unsent";
     return res.ok ? "accepted" : "rejected";
   } catch {
@@ -867,9 +893,12 @@ var fetchQuestionnaireDecision = async (target, options = {}) => {
     const url = `${base}/v1/questionnaires/decision${qs ? `?${qs}` : ""}`;
     const headers = {};
     if (target.apiKey) headers.Authorization = `Bearer ${target.apiKey}`;
-    const res = await fetch(url, { headers });
-    if (!res || !res.ok) return null;
-    const json = await res.json();
+    const json = await withDeadline(async (signal) => {
+      const res = await fetch(url, { headers, signal });
+      if (!res || !res.ok) return null;
+      return await res.json();
+    });
+    if (json === DEADLINE_EXPIRED) return null;
     if (!json || typeof json.fire !== "boolean") return null;
     return json;
   } catch {
@@ -948,6 +977,10 @@ var _QuestionnaireGate = ({
   }, [id, onResolved]);
   const postedRef = useRef(false);
   const unackedRef = useRef(null);
+  const recoverOnSettleRef = useRef(false);
+  const recoveredRef = useRef(false);
+  const postOnceRef = useRef(() => {
+  });
   const postOnce = useCallback(
     (body) => {
       if (postedRef.current) return;
@@ -956,6 +989,10 @@ var _QuestionnaireGate = ({
       void submitQuestionnaireResponse(target, id, body).then((result) => {
         if (result === "unsent") {
           postedRef.current = false;
+          if (recoverOnSettleRef.current && !recoveredRef.current) {
+            recoveredRef.current = true;
+            postOnceRef.current(body);
+          }
           return;
         }
         unackedRef.current = null;
@@ -963,11 +1000,16 @@ var _QuestionnaireGate = ({
     },
     [target, id]
   );
+  postOnceRef.current = postOnce;
   const recoverRef = useRef(() => {
   });
   recoverRef.current = () => {
     const undelivered = unackedRef.current;
-    if (undelivered && !postedRef.current) postOnce(undelivered);
+    if (undelivered && !postedRef.current) {
+      postOnce(undelivered);
+      return;
+    }
+    if (postedRef.current && undelivered) recoverOnSettleRef.current = true;
   };
   React8.useEffect(() => () => recoverRef.current(), []);
   const finish = useCallback(
@@ -1116,6 +1158,39 @@ var styles7 = StyleSheet.create({
   backGlyph: { includeFontPadding: false }
 });
 
+// src/analytics/reportClientEvent.ts
+var makeSessionId = () => `wire_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 10)}`;
+
+// src/analytics/currentSession.ts
+var CURRENT_SESSION_ID_SLOT = /* @__PURE__ */ Symbol.for(
+  "@wireai/activation:currentSessionId"
+);
+var globalSlot = globalThis;
+var SESSION_ID_LISTENERS_SLOT = /* @__PURE__ */ Symbol.for(
+  "@wireai/activation:currentSessionIdListeners"
+);
+var listenerSlot = globalThis;
+var listeners = () => {
+  const existing = listenerSlot[SESSION_ID_LISTENERS_SLOT];
+  if (existing) return existing;
+  const created = /* @__PURE__ */ new Set();
+  listenerSlot[SESSION_ID_LISTENERS_SLOT] = created;
+  return created;
+};
+var subscribeCurrentSessionId = (listener) => {
+  const set = listeners();
+  set.add(listener);
+  return () => {
+    set.delete(listener);
+  };
+};
+var getCurrentSessionId = () => globalSlot[CURRENT_SESSION_ID_SLOT];
+var MINTED_SESSION_ID_SLOT = /* @__PURE__ */ Symbol.for(
+  "@wireai/activation:mintedSessionId"
+);
+var mintedSlot = globalThis;
+var isMintedSessionId = (id) => id !== void 0 && id === mintedSlot[MINTED_SESSION_ID_SLOT];
+
 // src/coachmarks/runtime.ts
 var COACHMARK_RUNTIME_SLOT = /* @__PURE__ */ Symbol.for("@wireai/activation:coachmarkRuntime");
 var runtimeGlobal = globalThis;
@@ -1129,9 +1204,54 @@ var coachmarkRuntime = () => {
 var getCoachmarkStorage = () => coachmarkRuntime().storage;
 var isCoachmarkTesting = () => coachmarkRuntime().testing;
 var SEEN_VALUE = "1";
+var GATE_PROBE_KEY = "wire_gate_probe";
+var ASYNC_GATE_STORAGE_WARNED_SLOT = /* @__PURE__ */ Symbol.for(
+  "@wireai/activation:asyncGateStorageWarned"
+);
+var asyncGateWarnGlobal = globalThis;
+var closedGateStorage = Object.freeze({
+  getItem: () => SEEN_VALUE,
+  setItem: () => {
+  }
+});
+var syncGateAdapters = /* @__PURE__ */ new WeakSet();
+var asyncGateAdapters = /* @__PURE__ */ new WeakSet();
+var warnAsyncGateStorage = () => {
+  if (asyncGateWarnGlobal[ASYNC_GATE_STORAGE_WARNED_SLOT]) return;
+  if (typeof __DEV__ === "undefined" || !__DEV__) return;
+  if (typeof console === "undefined" || !console.warn) return;
+  asyncGateWarnGlobal[ASYNC_GATE_STORAGE_WARNED_SLOT] = true;
+  console.warn(
+    "[wireai] the gate storage's getItem returned a Promise \u2014 an async adapter (e.g. AsyncStorage) cannot drive the once-per-user gates, so coachmark tours, showcases and the review/questionnaire gates are all DISABLED (fail closed: nothing shows, nothing fires) until a synchronous adapter is provided. Pass a sync adapter (e.g. MMKV: `{ getItem: (k) => mmkv.getString(k) ?? null, setItem: (k, v) => mmkv.set(k, v) }`) to CoachmarkProvider or the gate's `storage` prop."
+  );
+};
+var validateGateStorage = (storage) => {
+  if (!storage) return null;
+  if (syncGateAdapters.has(storage)) return storage;
+  if (asyncGateAdapters.has(storage)) return closedGateStorage;
+  let probed;
+  try {
+    probed = storage.getItem(GATE_PROBE_KEY);
+  } catch {
+    syncGateAdapters.add(storage);
+    return storage;
+  }
+  if (probed != null && typeof probed.then === "function") {
+    asyncGateAdapters.add(storage);
+    try {
+      probed.then(void 0, () => {
+      });
+    } catch {
+    }
+    warnAsyncGateStorage();
+    return closedGateStorage;
+  }
+  syncGateAdapters.add(storage);
+  return storage;
+};
 var hasSeenGate = (key, storageOverride, testingOverride) => {
   if (testingOverride != null ? testingOverride : isCoachmarkTesting()) return false;
-  const storage = storageOverride != null ? storageOverride : getCoachmarkStorage();
+  const storage = validateGateStorage(storageOverride != null ? storageOverride : getCoachmarkStorage());
   if (!storage) return false;
   try {
     return storage.getItem(key) === SEEN_VALUE;
@@ -1141,7 +1261,7 @@ var hasSeenGate = (key, storageOverride, testingOverride) => {
 };
 var markSeenGate = (key, storageOverride, testingOverride) => {
   if (testingOverride != null ? testingOverride : isCoachmarkTesting()) return;
-  const storage = storageOverride != null ? storageOverride : getCoachmarkStorage();
+  const storage = validateGateStorage(storageOverride != null ? storageOverride : getCoachmarkStorage());
   if (!storage) return;
   try {
     storage.setItem(key, SEEN_VALUE);
@@ -1229,17 +1349,31 @@ var failOpen = async (storage, key) => {
   const cached = await readCachedFeatures(storage, key);
   return (_a = cached == null ? void 0 : cached.features) != null ? _a : defaultWireFeatures;
 };
-var fetchWithTimeout = async (url, apiKey, timeoutMs) => {
+var NO_ANSWER = /* @__PURE__ */ Symbol("wire-features-no-answer");
+var fetchFeaturesJson = async (url, apiKey, timeoutMs) => {
   const controller = typeof AbortController !== "undefined" ? new AbortController() : void 0;
-  const timer = setTimeout(() => controller == null ? void 0 : controller.abort(), timeoutMs);
-  try {
-    return await fetch(url, {
+  let timer;
+  const expired = new Promise((resolve) => {
+    timer = setTimeout(() => {
+      controller == null ? void 0 : controller.abort();
+      resolve(NO_ANSWER);
+    }, timeoutMs);
+  });
+  const exchange = (async () => {
+    const res = await fetch(url, {
       method: "GET",
       headers: { Accept: "application/json", Authorization: `Bearer ${apiKey}` },
       signal: controller == null ? void 0 : controller.signal
     });
+    if (!res || !res.ok) return NO_ANSWER;
+    return await res.json();
+  })();
+  try {
+    return await Promise.race([exchange, expired]);
   } finally {
     clearTimeout(timer);
+    void exchange.catch(() => {
+    });
   }
 };
 var fetchWireFeatures = async (config) => {
@@ -1249,9 +1383,8 @@ var fetchWireFeatures = async (config) => {
   const url = `${config.serverUrl.replace(/\/$/, "")}/v1/features`;
   const timeoutMs = config.timeoutMs && config.timeoutMs > 0 ? config.timeoutMs : DEFAULT_TIMEOUT_MS;
   try {
-    const res = await fetchWithTimeout(url, config.apiKey, timeoutMs);
-    if (!res || !res.ok) return failOpen(storage, key);
-    const json = await res.json();
+    const json = await fetchFeaturesJson(url, config.apiKey, timeoutMs);
+    if (json === NO_ANSWER) return failOpen(storage, key);
     const features = parseWireFeatures(json);
     if (storage) writeCachedFeatures(storage, key, features);
     return features;
@@ -1267,39 +1400,51 @@ var useStableValue = (value, isEqual) => {
   return ref.current;
 };
 var sameFetchKey = (a, b) => (a == null ? void 0 : a.serverUrl) === (b == null ? void 0 : b.serverUrl) && (a == null ? void 0 : a.apiKey) === (b == null ? void 0 : b.apiKey) && (a == null ? void 0 : a.appId) === (b == null ? void 0 : b.appId);
-var useWireFeatures = (config) => {
+var useWireFeaturesState = (config) => {
   const stableConfig = useStableValue(config, sameFetchKey);
   const [flags, setFlags] = useState(defaultWireFeatures);
   const canFetch = !!(stableConfig == null ? void 0 : stableConfig.serverUrl) && !!(stableConfig == null ? void 0 : stableConfig.apiKey);
+  const [settled, setSettled] = useState(!canFetch);
   useEffect(() => {
     if (!canFetch) {
       setFlags((prev) => featuresEqual(prev, defaultWireFeatures) ? prev : defaultWireFeatures);
+      setSettled(true);
       return;
     }
     let alive = true;
     void fetchWireFeatures(stableConfig).then((next) => {
       if (!alive) return;
       setFlags((prev) => featuresEqual(prev, next) ? prev : next);
+      setSettled(true);
     });
     return () => {
       alive = false;
     };
   }, [canFetch, stableConfig]);
-  return flags;
+  return useMemo(() => ({ flags, settled }), [flags, settled]);
 };
 var CONTEXT_SYMBOL = /* @__PURE__ */ Symbol.for("wireai.features.context");
-var globalObj = globalThis;
-if (!globalObj[CONTEXT_SYMBOL]) {
-  globalObj[CONTEXT_SYMBOL] = createContext(null);
+var featuresContextGlobal = globalThis;
+if (!featuresContextGlobal[CONTEXT_SYMBOL]) {
+  featuresContextGlobal[CONTEXT_SYMBOL] = createContext(null);
+}
+var WireFeaturesContext = featuresContextGlobal[CONTEXT_SYMBOL];
+var SETTLED_SYMBOL = /* @__PURE__ */ Symbol.for("wireai.features.settled.context");
+var settledContextGlobal = globalThis;
+if (!settledContextGlobal[SETTLED_SYMBOL]) {
+  settledContextGlobal[SETTLED_SYMBOL] = createContext(true);
 }
-var WireFeaturesContext = globalObj[CONTEXT_SYMBOL];
+var WireFeaturesSettledContext = settledContextGlobal[SETTLED_SYMBOL];
 var useWireFeaturesContext = () => useContext(WireFeaturesContext);
-var useResolvedFeatures = (options) => {
+var useResolvedFeaturesState = (options) => {
   var _a, _b, _c;
   const ctx = useWireFeaturesContext();
+  const ctxSettled = useContext(WireFeaturesSettledContext);
   const shouldFetch = !(options == null ? void 0 : options.flags) && ctx == null;
-  const fetched = useWireFeatures(shouldFetch ? options == null ? void 0 : options.config : void 0);
-  return (_c = (_b = (_a = options == null ? void 0 : options.flags) != null ? _a : ctx) != null ? _b : fetched) != null ? _c : defaultWireFeatures;
+  const fetched = useWireFeaturesState(shouldFetch ? options == null ? void 0 : options.config : void 0);
+  const flags = (_c = (_b = (_a = options == null ? void 0 : options.flags) != null ? _a : ctx) != null ? _b : fetched.flags) != null ? _c : defaultWireFeatures;
+  const settled = (options == null ? void 0 : options.flags) ? true : ctx != null ? ctxSettled : fetched.settled;
+  return useMemo(() => ({ flags, settled }), [flags, settled]);
 };
 
 // src/reviews/equality.ts
@@ -1323,18 +1468,8 @@ var sameDecision = (a, b) => {
   return a.fire === b.fire && a.reason === b.reason;
 };
 
-// src/analytics/reportClientEvent.ts
-var makeSessionId = () => `wire_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 10)}`;
-
-// src/analytics/currentSession.ts
-var CURRENT_SESSION_ID_SLOT = /* @__PURE__ */ Symbol.for(
-  "@wireai/activation:currentSessionId"
-);
-var globalSlot = globalThis;
-var getCurrentSessionId = () => globalSlot[CURRENT_SESSION_ID_SLOT];
-
 // src/reviews/runtime.ts
-var resolveStorage = (override) => override != null ? override : getCoachmarkStorage();
+var resolveStorage = (override) => validateGateStorage(override != null ? override : getCoachmarkStorage());
 var NO_STORAGE_WARNED_SLOT = /* @__PURE__ */ Symbol.for(
   "@wireai/activation:gateStorageWarned"
 );
@@ -1379,18 +1514,23 @@ var PROCESS_OPEN_ID_SLOT = /* @__PURE__ */ Symbol.for("@wireai/activation:proces
 var openIdGlobal = globalThis;
 var currentOpenId = () => {
   const live = getCurrentSessionId();
+  const liveMinted = isMintedSessionId(live);
   const pin = openIdGlobal[PROCESS_OPEN_ID_SLOT];
   if (!pin) {
     const openId = live != null ? live : makeSessionId();
-    openIdGlobal[PROCESS_OPEN_ID_SLOT] = { openId, observed: live };
+    openIdGlobal[PROCESS_OPEN_ID_SLOT] = { openId, observed: live, observedMinted: liveMinted };
     return openId;
   }
   if (!live || live === pin.observed) return pin.openId;
-  if (pin.observed === void 0) {
-    openIdGlobal[PROCESS_OPEN_ID_SLOT] = { openId: pin.openId, observed: live };
+  if (pin.observed === void 0 || pin.observedMinted) {
+    openIdGlobal[PROCESS_OPEN_ID_SLOT] = {
+      openId: pin.openId,
+      observed: live,
+      observedMinted: liveMinted
+    };
     return pin.openId;
   }
-  openIdGlobal[PROCESS_OPEN_ID_SLOT] = { openId: live, observed: live };
+  openIdGlobal[PROCESS_OPEN_ID_SLOT] = { openId: live, observed: live, observedMinted: liveMinted };
   return live;
 };
 var bumpSessionCount = (storage, sessionsKey, openKey, openId = currentOpenId()) => {
@@ -1431,7 +1571,11 @@ var useQuestionnaireGate = ({
 }) => {
   const config = useStableValue2(configProp, shallowEqual);
   const decision = useStableValue2(decisionProp, (a, b) => sameDecision(a, b));
-  const featureEnabled = useResolvedFeatures({ flags: features, config: featuresConfig }).questionnaire.enabled;
+  const { flags: resolvedFeatures, settled: featuresSettled } = useResolvedFeaturesState({
+    flags: features,
+    config: featuresConfig
+  });
+  const featureEnabled = resolvedFeatures.questionnaire.enabled;
   const testing = isTesting != null ? isTesting : isCoachmarkTesting();
   const seenKey = questionnaireSeenKey(
     config.id,
@@ -1440,11 +1584,22 @@ var useQuestionnaireGate = ({
   const lastKey = questionnaireLastShownKey(config.id);
   const sessionsKey = questionnaireSessionsKey(config.id);
   const sessionOpenKey = questionnaireSessionOpenKey(config.id);
-  const sessions = useState(() => {
+  const openSessionId = useSyncExternalStore(
+    subscribeCurrentSessionId,
+    getCurrentSessionId,
+    getCurrentSessionId
+  );
+  const storageRef = useRef(storage);
+  storageRef.current = storage;
+  const [sessions, setSessions] = useState(() => {
     const store = resolveStorage(storage);
     warnMissingGateStorage(store, "questionnaire");
     return bumpSessionCount(store, sessionsKey, sessionOpenKey);
-  })[0];
+  });
+  useEffect(() => {
+    const next = bumpSessionCount(resolveStorage(storageRef.current), sessionsKey, sessionOpenKey);
+    setSessions((prev) => prev === next ? prev : next);
+  }, [openSessionId, sessionsKey, sessionOpenKey]);
   const hasServerDecision = decision != null;
   const timeoutMs = config.timeoutFallbackMs;
   const waits = !hasServerDecision && timeoutMs != null && timeoutMs > 0;
@@ -1478,10 +1633,11 @@ var useQuestionnaireGate = ({
     });
     const resolved = decideQuestionnaire(local, decision);
     const alreadySeen = hasSeenGate(seenKey, storage, isTesting);
-    const ready = hasServerDecision || elapsed;
+    const ready = (hasServerDecision || elapsed) && featuresSettled;
     return { visible: ready && resolved.fire && !alreadySeen, verdict: resolved };
   }, [
     featureEnabled,
+    featuresSettled,
     testing,
     config,
     decision,