@wireai/activation 0.15.0 → 0.16.0

package/dist/showcase/index.js

@@ -534,17 +534,31 @@ var failOpen = async (storage, key) => {
   const cached3 = await readCachedFeatures(storage, key);
   return (_a = cached3 == null ? void 0 : cached3.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) => {
@@ -554,9 +568,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;
@@ -572,41 +585,56 @@ 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] = React.useState(defaultWireFeatures);
   const canFetch = !!(stableConfig == null ? void 0 : stableConfig.serverUrl) && !!(stableConfig == null ? void 0 : stableConfig.apiKey);
+  const [settled, setSettled] = React.useState(!canFetch);
   React.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 React.useMemo(() => ({ flags, settled }), [flags, settled]);
 };
 var CONTEXT_SYMBOL = /* @__PURE__ */ Symbol.for("wireai.features.context");
-var globalObj = globalThis;
-if (!globalObj[CONTEXT_SYMBOL]) {
-  globalObj[CONTEXT_SYMBOL] = React.createContext(null);
+var featuresContextGlobal = globalThis;
+if (!featuresContextGlobal[CONTEXT_SYMBOL]) {
+  featuresContextGlobal[CONTEXT_SYMBOL] = React.createContext(null);
 }
-var WireFeaturesContext = globalObj[CONTEXT_SYMBOL];
+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] = React.createContext(true);
+}
+var WireFeaturesSettledContext = settledContextGlobal[SETTLED_SYMBOL];
 var useWireFeaturesContext = () => React.useContext(WireFeaturesContext);
-var useResolvedFeatures = (options) => {
+var useResolvedFeaturesState = (options) => {
   var _a, _b, _c;
   const ctx = useWireFeaturesContext();
+  const ctxSettled = React.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 React.useMemo(() => ({ flags, settled }), [flags, settled]);
 };
 
+// src/session/persistedSession.ts
+var READ_TIMEOUT_MS2 = 1500;
+
 // src/theme/defaultTheme.ts
 var defaultOnboardingTheme = {
   colors: {
@@ -766,7 +794,10 @@ var _FeatureShowcase = ({
     [active, themeOverride]
   );
   const accent = accentColor != null ? accentColor : t.colors.primary;
-  const flags = useResolvedFeatures({ flags: features, config: featuresConfig });
+  const { flags, settled } = useResolvedFeaturesState({
+    flags: features,
+    config: featuresConfig
+  });
   const disabled = !flags.showcase.enabled;
   const Onboarding = React.useMemo(() => resolveShowcaseOnboarding(), []);
   const gateKey = showcaseGateKey(config.id);
@@ -775,6 +806,14 @@ var _FeatureShowcase = ({
     [gateKey, storage, isTesting]
   );
   const skip = seen || disabled || !Onboarding;
+  const flagsCouldMatter = !seen && !!Onboarding;
+  const [holdExpired, setHoldExpired] = React.useState(false);
+  React.useEffect(() => {
+    if (settled || holdExpired || !flagsCouldMatter) return void 0;
+    const timer = setTimeout(() => setHoldExpired(true), READ_TIMEOUT_MS2);
+    return () => clearTimeout(timer);
+  }, [settled, holdExpired, flagsCouldMatter]);
+  const holding = flagsCouldMatter && !settled && !holdExpired;
   const doneRef = React.useRef(false);
   const finish = React.useCallback(() => {
     if (doneRef.current) return;
@@ -783,11 +822,12 @@ var _FeatureShowcase = ({
     onDone();
   }, [gateKey, storage, isTesting, onDone]);
   React.useEffect(() => {
+    if (holding) return;
     if (skip && !doneRef.current) {
       doneRef.current = true;
       onDone();
     }
-  }, [skip, onDone]);
+  }, [holding, skip, onDone]);
   const [activeIndex, setActiveIndex] = React.useState(0);
   const steps = React.useMemo(
     () => config.slides.map((slide) => {
@@ -854,6 +894,7 @@ var _FeatureShowcase = ({
     }),
     [t]
   );
+  if (holding) return null;
   if (skip || !Onboarding) return null;
   const activeGesture = (_a = config.slides[activeIndex]) == null ? void 0 : _a.gesture;
   const showGesture = !!activeGesture && activeGesture !== "none" && activeGesture !== "tap" && activeGesture !== "double_tap";