@microsoft/power-apps-native-host 0.2.25 → 0.3.0

package/lib/commonjs/provider/PowerAppsProvider.js

@@ -21,7 +21,10 @@ var _ErrorBoundary = require("../ErrorBoundary.js");
 var _isDevPlayer = require("../utils/isDevPlayer.js");
 var _expoConstants = _interopRequireDefault(require("expo-constants"));
 var _powerAppsNativeCommon = require("@microsoft/power-apps-native-common");
-var _useOfflineIntegration = require("../offline/useOfflineIntegration");
+var _createOfflineHostActivationCallbacks = require("../offline/createOfflineHostActivationCallbacks.js");
+var _useOfflineIntegrationWithStartupGate = require("../offline/useOfflineIntegrationWithStartupGate");
+var _SessionDetailsGesture = require("./SessionDetailsGesture.js");
+var _OfflineSdkTelemetry = require("../telemetry/OfflineSdkTelemetry");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -62,7 +65,6 @@ _reactQuery.onlineManager.setEventListener(setOnline => {
   if (_reactNative.Platform.OS === 'web' && typeof window !== 'undefined') {
     const updateOnlineState = () => setOnline(window.navigator.onLine);
     window.addEventListener('online', updateOnlineState);
-    window.addEventListener('offline', updateOnlineState);
     updateOnlineState();
     return () => {
       window.removeEventListener('online', updateOnlineState);
@@ -87,86 +89,14 @@ _reactQuery.focusManager.setEventListener(handleFocus => {
 // The bare @tamagui/config/v5 preset is only a last-resort fallback for tests
 // and storybook — it will not resolve custom $surface* tokens.
 const defaultTamaguiConfig = (0, _core.createTamagui)(_v.defaultConfig);
-
-// Whether the offline SDK will actually orchestrate for this app. Mirrors the
-// resolution that @microsoft/power-apps-native-offline's useOfflineIntegration
-// performs (offlineProfile prop → expo manifest `extra.__offlineProfile`;
-// enabled defaults true unless the profile's `appConfig.enabled` is explicitly
-// false), but computed synchronously here because the QueryClient's networkMode
-// must be fixed BEFORE the first query runs. The SDK's own `isEnabled` is only
-// known deep inside the tree (below QueryClientProvider), which is too late to
-// configure the client without a race. Kept deliberately narrow: it only
-// decides networkMode below.
-function isOfflineEnabled(offlineProfile) {
-  if (_reactNative.Platform.OS === 'web') return false;
-  // Only honour the prop when it carries a profileId — this mirrors the SDK's
-  // useOfflineIntegration, which ignores a profileId-less prop and falls through
-  // to the manifest. Without this guard a truthy-but-invalid prop (no profileId)
-  // short-circuits to `false` here while the SDK still resolves enabled from the
-  // manifest, leaving networkMode on 'online' (blank offline lists).
-  const propProfile = offlineProfile;
-  let profile = propProfile && propProfile.profileId ? propProfile : undefined;
-  if (!profile) {
-    const fromManifest = _expoConstants.default.expoConfig?.extra?.__offlineProfile;
-    if (fromManifest && typeof fromManifest === 'object' && fromManifest.profileId) {
-      profile = fromManifest;
-    }
-  }
-  if (profile) {
-    // Honour an explicit `appConfig.enabled: false`. This mirrors the SDK's
-    // useOfflineIntegration, whose validateConfig classifies `enabled === false`
-    // as "explicitly-disabled" and stays inert. A host shell's placeholder
-    // profile (e.g. Power Apps Dev Player's offline-profile.json, enabled:false)
-    // must NOT flip networkMode to 'always' for the loaded app — otherwise every
-    // scanned app gets paused queries / blank lists. Any other resolved profile
-    // (enabled true, or omitted → SDK defaults to true) enables offline.
-    const appConfig = profile.appConfig;
-    if (appConfig && appConfig.enabled === false) {
-      return false;
-    }
-    return true;
-  }
-  return false;
-}
-
-// Builds the app's QueryClient. networkMode is gated on whether offline is
-// actually enabled:
-//   • Offline enabled → 'always': the host is offline-first, so reads/writes are
-//     served by the offline SDK from local SQLite regardless of connectivity.
-//     onlineManager is wired to NetInfo (above) for refetchOnReconnect, but that
-//     same wiring makes the default 'online' mode PAUSE every query/mutation while
-//     offline (queryFn never runs → blank lists with WiFi off). 'always' makes
-//     React Query ignore connectivity for both the initial attempt AND retries, so
-//     local-SQLite reads/writes never get paused. ('offlineFirst' would still pause
-//     *retries* offline — wrong for a purely-local SDK where a transient first
-//     attempt error, e.g. SDK-not-ready at cold boot, would leave the query stuck
-//     'paused' until reconnect.)
-//   • Offline disabled → undefined: React Query keeps its default 'online' mode,
-//     i.e. the exact pre-offline behaviour for online-only apps.
-function createQueryClient(offlineEnabled) {
-  const networkMode = offlineEnabled ? 'always' : undefined;
-  return new _reactQuery.QueryClient({
-    defaultOptions: {
-      queries: {
-        staleTime: 60_000,
-        retry: 2,
-        networkMode
-      },
-      mutations: {
-        retry: 0,
-        networkMode
-      }
-    }
-  });
-}
 function hasConfiguredValue(value) {
   return typeof value === 'string' && value.trim().length > 0;
 }
 function hasEntries(value) {
   return Boolean(value && typeof value === 'object' && Object.keys(value).length > 0);
 }
-function requiresPowerPlatformAuth(powerConfig, offlineEnabled) {
-  return Boolean(hasConfiguredValue(powerConfig.appId) || hasConfiguredValue(powerConfig.environmentId) || hasEntries(powerConfig.connectionReferences) || hasEntries(powerConfig.databaseReferences) || offlineEnabled);
+function requiresPowerPlatformAuth(powerConfig) {
+  return Boolean(hasConfiguredValue(powerConfig.appId) || hasConfiguredValue(powerConfig.environmentId) || hasEntries(powerConfig.connectionReferences) || hasEntries(powerConfig.databaseReferences));
 }
 function MissingClientIdErrorScreen() {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
@@ -183,11 +113,58 @@ function MissingClientIdErrorScreen() {
     })]
   });
 }
+function MissingAppIdErrorScreen() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+    contentContainerStyle: styles.errorContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.errorTitle,
+      children: "App ID is missing"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.errorBody,
+      children: "This mobile app does not include an app ID. Push the mobile app to the Power Platform environment, rebuild it, and try again."
+    })]
+  });
+}
+function MissingEnvironmentIdErrorScreen() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+    contentContainerStyle: styles.errorContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.errorTitle,
+      children: "Environment ID is missing"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.errorBody,
+      children: "This mobile app does not include an environment ID. Push the mobile app to the Power Platform environment, rebuild it, and try again."
+    })]
+  });
+}
 
 // ---- Types ----
 
 /** Shape of power.config.json consumed by the provider. */
 
+function readAppInsightsConfig(value) {
+  if (!value || typeof value !== 'object') return undefined;
+  const config = value;
+  const minSeverity = config.minSeverity;
+  return {
+    enabled: config.enabled === true,
+    connectionString: typeof config.connectionString === 'string' ? config.connectionString : '',
+    appId: typeof config.appId === 'string' ? config.appId : '',
+    ...(typeof config.appVersion === 'string' ? {
+      appVersion: config.appVersion
+    } : {}),
+    ...(typeof config.environment === 'string' ? {
+      environment: config.environment
+    } : {}),
+    ...(minSeverity === 'verbose' || minSeverity === 'info' || minSeverity === 'warning' || minSeverity === 'error' ? {
+      minSeverity
+    } : {}),
+    ...(typeof config.includeUserId === 'boolean' ? {
+      includeUserId: config.includeUserId
+    } : {})
+  };
+}
+
 // ---- Inner component ----
 // Separate from PowerAppsProvider only because useAuth() must be called inside
 // AuthProvider. All auth-dependent wiring lives here.
@@ -198,53 +175,49 @@ function InnerProviders({
   schemaMap,
   renderOAuthWebView,
   onDisambiguationNeeded,
+  onConnectionConsent,
+  onResourceConsent,
+  onConnectionConsentDeclined,
   offlineProfile,
+  onOfflineEnabledChange,
   children
 }) {
   const {
     acquireToken,
     isSignedIn,
-    hasRealAccount
+    hasRealAccount,
+    isAuthReady,
+    signOut
   } = (0, _AuthContext.useAuth)();
-  const connectionReferences = (0, _react.useMemo)(() => powerConfig.connectionReferences ?? {}, [powerConfig.connectionReferences]);
-
-  // ---- Offline (all logic lives in the SDK) ----
-  // Adapter over the host's fetchInstanceUrl: the offline SDK's contract passes a
-  // 4th `signal?: AbortSignal` arg (which fetchInstanceUrl treats as bearerToken)
-  // and expects a `string | null` return, so drop the extra arg and normalise
-  // `undefined` -> `null`.
-  const resolveInstanceUrlForOffline = (0, _react.useCallback)(async (environmentId, region, acqToken, _signal) => {
-    const url = await (0, _PowerPlatformEnvironmentApi.fetchInstanceUrl)(environmentId, region, acqToken);
-    return url ?? null;
-  }, []);
-
-  // Gate offline engagement on a REAL account (`hasRealAccount`), not the
-  // `isSignedIn` flag — `isSignedIn` is inflated by noAuthMode (login-bypassed /
-  // demo sessions report signed-in but have no account, so `acquireToken` always
-  // returns null). Passing the inflated flag makes the SDK orchestrator engage
-  // and then spin in a perpetual "waiting-for-auth" 3s retry loop (each retry
-  // re-renders the provider subtree). With no obtainable token offline cannot
-  // sync anyway, so we only engage once a usable token exists.
-  const offline = (0, _useOfflineIntegration.useOfflineIntegration)({
+  const connectionReferences = (0, _react.useMemo)(() => _isDevPlayer.isDevPlayer ? powerConfig.connectionReferences ?? {} : {}, [powerConfig.connectionReferences, _isDevPlayer.isDevPlayer]);
+  const runtimeSchemaMap = (0, _react.useMemo)(() => _isDevPlayer.isDevPlayer ? schemaMap : {}, [schemaMap, _isDevPlayer.isDevPlayer]);
+  const offline = (0, _useOfflineIntegrationWithStartupGate.useOfflineIntegrationWithStartupGate)({
     powerConfig,
     offlineProfile,
     acquireToken,
-    isSignedIn: hasRealAccount,
-    fetchInstanceUrl: resolveInstanceUrlForOffline
+    hasRealAccount,
+    isAuthReady
   });
+  (0, _react.useEffect)(() => {
+    onOfflineEnabledChange(offline.isEnabled);
+  }, [offline.isEnabled, onOfflineEnabledChange]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PowerAppsHostProvider.PowerAppsHostProvider, {
     acquireToken: acquireToken,
     isSignedIn: isSignedIn,
+    onSignOut: signOut,
     appId: powerConfig.appId ?? undefined,
     environmentId: powerConfig.environmentId ?? '',
     region: powerConfig.region ?? 'prod',
     connectionReferences: connectionReferences,
-    schemaMap: schemaMap,
-    databaseReferences: powerConfig.databaseReferences,
+    schemaMap: runtimeSchemaMap,
+    databaseReferences: _isDevPlayer.isDevPlayer ? powerConfig.databaseReferences : undefined,
     isvClientId: msalConfig.clientId,
     renderOAuthWebView: renderOAuthWebView,
     onDisambiguationNeeded: onDisambiguationNeeded,
-    children: [children, offline.StatusOverlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(offline.StatusOverlay, {})]
+    onConnectionConsent: onConnectionConsent,
+    onResourceConsent: onResourceConsent,
+    onConnectionConsentDeclined: onConnectionConsentDeclined,
+    children: [offline.shouldMountChildren && children, offline.StatusOverlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(offline.StatusOverlay, {})]
   });
 }
 
@@ -271,8 +244,13 @@ function PowerAppsProvider({
   followSystemTheme = true,
   renderOAuthWebView,
   onDisambiguationNeeded,
+  onConnectionConsent,
+  onResourceConsent,
+  onConnectionConsentDeclined,
   appName,
   logger: loggerProp,
+  showSessionDetailsOnSwipe = true,
+  appInsightsConfig,
   offlineProfile,
   children
 }) {
@@ -280,14 +258,17 @@ function PowerAppsProvider({
   // is stable (loggerProp is an object reference; re-running on every render
   // would reconfigure and leak the previous provider).
   const loggerPropRef = (0, _react.useRef)(loggerProp);
-
-  // Gate the offline-first networkMode on whether offline is actually enabled
-  // for this app. Keyed on the resolved boolean (not the prop object refs) so the
-  // QueryClient identity stays stable across renders even if the caller passes
-  // fresh offlineProfile literals.
-  const offlineEnabled = (0, _react.useMemo)(() => isOfflineEnabled(offlineProfile), [offlineProfile]);
-  const missingClientIdInDevPlayer = _reactNative.Platform.OS !== 'web' && _isDevPlayer.isDevPlayer && !hasConfiguredValue(msalConfig.clientId) && requiresPowerPlatformAuth(powerConfig, offlineEnabled);
-  const queryClient = (0, _react.useMemo)(() => createQueryClient(offlineEnabled), [offlineEnabled]);
+  const appInsightsConfigRef = (0, _react.useRef)(appInsightsConfig ?? readAppInsightsConfig(_expoConstants.default.expoConfig?.extra?.appInsightsConfig));
+  const [offlineTelemetryEnabled, setOfflineTelemetryEnabled] = (0, _react.useState)();
+  const missingClientIdInDevPlayer = _reactNative.Platform.OS !== 'web' && _isDevPlayer.isDevPlayer && !hasConfiguredValue(msalConfig.clientId) && requiresPowerPlatformAuth(powerConfig);
+  const missingAppId = !_isDevPlayer.isDevPlayer && !hasConfiguredValue(powerConfig.appId);
+  const missingEnvironmentId = !_isDevPlayer.isDevPlayer && !hasConfiguredValue(powerConfig.environmentId);
+  const appId = typeof powerConfig.appId === 'string' ? powerConfig.appId.trim() : '';
+  const bundleId = _reactNative.Platform.OS === 'ios' ? _expoConstants.default.expoConfig?.ios?.bundleIdentifier : _reactNative.Platform.OS === 'android' ? _expoConstants.default.expoConfig?.android?.package : undefined;
+  const appInstanceId = _expoConstants.default.expoConfig?.extra?.telemetry?.appInstanceId;
+  const skillCorrelationId = typeof appInstanceId === 'string' ? appInstanceId.trim() : '';
+  const requiredAuthScopes = (0, _react.useMemo)(() => [(0, _PowerPlatformEnvironmentApi.powerPlatformScope)(powerConfig.region ?? 'prod')], [powerConfig.region]);
+  const queryClient = (0, _react.useMemo)(() => (0, _createOfflineHostActivationCallbacks.createHostQueryClient)(), []);
 
   // Configure the app logger exactly once per mount inside useEffect so that
   // side effects (provider construction, async resolveDeviceId) never run
@@ -295,6 +276,9 @@ function PowerAppsProvider({
   // silent no-op Logger, so any telemetry emitted before the first commit is
   // silently dropped rather than crashing.
   (0, _react.useEffect)(() => {
+    // Customer telemetry is a no-op until a valid Application Insights
+    // provider is configured below.
+    (0, _powerAppsNativeCommon.configureCustomerTelemetryLogger)(new _powerAppsNativeCommon.Logger());
     const lp = loggerPropRef.current;
     if (lp === null) {
       // Explicit opt-out — replace with a silent no-op Logger.
@@ -310,26 +294,63 @@ function PowerAppsProvider({
         clientType: appName ?? 'PowerAppsNative',
         appVersion: _expoConstants.default.expoConfig?.version,
         minSeverity: __DEV__ ? 'verbose' : 'info',
-        telemetryLocation: (0, _powerAppsNativeCommon.resolveTelemetryLocation)(powerConfig.geoRegion)
+        telemetryLocation: (0, _powerAppsNativeCommon.resolveTelemetryLocation)(powerConfig.geoRegion),
+        commonProperties: {
+          ...(appId ? {
+            appId
+          } : {}),
+          ...(bundleId ? {
+            bundleId
+          } : {}),
+          ...(skillCorrelationId ? {
+            skillCorrelationId
+          } : {})
+        }
+      };
+      const configureDefaultLogger = (deviceId = 'react-native') => {
+        const oneDsProvider = new _powerAppsNativeCommon.OneDsTelemetryProvider({
+          ...providerConfig,
+          deviceId
+        });
+        const providers = [oneDsProvider];
+        let appInsightsEnabled = false;
+        const configuredAppInsights = appInsightsConfigRef.current;
+        if (configuredAppInsights?.enabled) {
+          try {
+            const customerProvider = new _powerAppsNativeCommon.ApplicationInsightsTelemetryProvider({
+              ...configuredAppInsights,
+              appVersion: configuredAppInsights.appVersion ?? _expoConstants.default.expoConfig?.version,
+              deviceId,
+              sessionId: oneDsProvider.sessionId
+            });
+            providers.push(customerProvider);
+            (0, _powerAppsNativeCommon.configureCustomerTelemetryLogger)(new _powerAppsNativeCommon.Logger({
+              providers: [customerProvider]
+            }));
+            appInsightsEnabled = true;
+          } catch (error) {
+            console.error('[PowerAppsProvider] Application Insights configuration is invalid.', error);
+          }
+        }
+        const logger = new _powerAppsNativeCommon.Logger({
+          providers
+        });
+        (0, _powerAppsNativeCommon.configureAppLogger)(logger);
+        if (appInsightsEnabled) {
+          logger.trackActivityEvent('PowerAppsNative.ApplicationStarted', {
+            app_id: configuredAppInsights?.appId
+          });
+        }
       };
       // Resolve the stable device ID first so every event — including the
       // very first — carries the real GUID rather than the 'react-native'
       // fallback. Events emitted while this resolves are silently dropped
       // by the no-op Logger that is active until configureAppLogger is called.
       (0, _powerAppsNativeCommon.resolveDeviceId)().then(deviceId => {
-        const provider = new _powerAppsNativeCommon.OneDsTelemetryProvider({
-          ...providerConfig,
-          deviceId
-        });
-        (0, _powerAppsNativeCommon.configureAppLogger)(new _powerAppsNativeCommon.Logger({
-          providers: [provider]
-        }));
+        configureDefaultLogger(deviceId);
       }).catch(_err => {
         // SecureStore unavailable — fall back to a provider without a stable ID.
-        const provider = new _powerAppsNativeCommon.OneDsTelemetryProvider(providerConfig);
-        (0, _powerAppsNativeCommon.configureAppLogger)(new _powerAppsNativeCommon.Logger({
-          providers: [provider]
-        }));
+        configureDefaultLogger();
       });
     }
 
@@ -342,6 +363,11 @@ function PowerAppsProvider({
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []); // intentionally empty — logger is configured once per mount
+
+  (0, _react.useEffect)(() => {
+    if (offlineTelemetryEnabled === undefined) return undefined;
+    return (0, _OfflineSdkTelemetry.configureOfflineSdkTelemetry)(offlineTelemetryEnabled);
+  }, [offlineTelemetryEnabled]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorBoundary.ErrorBoundary, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
       style: {
@@ -359,19 +385,32 @@ function PowerAppsProvider({
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_toast.ToastProvider, {
               swipeDirection: "horizontal",
               duration: 3000,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
-                client: queryClient,
-                children: missingClientIdInDevPlayer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(MissingClientIdErrorScreen, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_AuthContext.AuthProvider, {
-                  msalConfig: msalConfig,
-                  intuneConfig: intuneConfig,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InnerProviders, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionDetailsGesture.SessionDetailsGesture, {
+                enabled: showSessionDetailsOnSwipe,
+                appName: appName ?? _expoConstants.default.expoConfig?.name ?? 'Power Apps',
+                appId: appId || undefined,
+                environmentId: powerConfig.environmentId,
+                region: powerConfig.region ?? 'prod',
+                appVersion: _expoConstants.default.expoConfig?.version,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
+                  client: queryClient,
+                  children: missingAppId ? /*#__PURE__*/(0, _jsxRuntime.jsx)(MissingAppIdErrorScreen, {}) : missingEnvironmentId ? /*#__PURE__*/(0, _jsxRuntime.jsx)(MissingEnvironmentIdErrorScreen, {}) : missingClientIdInDevPlayer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(MissingClientIdErrorScreen, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_AuthContext.AuthProvider, {
                     msalConfig: msalConfig,
-                    powerConfig: powerConfig,
-                    schemaMap: schemaMap,
-                    renderOAuthWebView: renderOAuthWebView,
-                    onDisambiguationNeeded: onDisambiguationNeeded,
-                    offlineProfile: offlineProfile,
-                    children: children
+                    intuneConfig: intuneConfig,
+                    requiredScopes: requiredAuthScopes,
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InnerProviders, {
+                      msalConfig: msalConfig,
+                      powerConfig: powerConfig,
+                      schemaMap: schemaMap,
+                      renderOAuthWebView: renderOAuthWebView,
+                      onDisambiguationNeeded: onDisambiguationNeeded,
+                      onConnectionConsent: onConnectionConsent,
+                      onResourceConsent: onResourceConsent,
+                      onConnectionConsentDeclined: onConnectionConsentDeclined,
+                      offlineProfile: offlineProfile,
+                      onOfflineEnabledChange: setOfflineTelemetryEnabled,
+                      children: children
+                    })
                   })
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.ToastViewport, {

package/lib/commonjs/provider/SessionDetailsGesture.js

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SessionDetailsGesture = SessionDetailsGesture;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var Clipboard = _interopRequireWildcard(require("expo-clipboard"));
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _index = require("../telemetry/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SWIPE_DISTANCE = 80;
+function SessionDetailsGesture({
+  enabled,
+  appName,
+  appId,
+  environmentId,
+  region,
+  appVersion,
+  children
+}) {
+  const [visible, setVisible] = (0, _react.useState)(false);
+  const [sessionId, setSessionId] = (0, _react.useState)();
+  const [copied, setCopied] = (0, _react.useState)(false);
+  const showSessionDetails = (0, _react.useCallback)(() => {
+    setSessionId((0, _index.getAppLogger)().sessionId);
+    setCopied(false);
+    setVisible(true);
+  }, []);
+  const gesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().enabled(enabled && _reactNative.Platform.OS !== 'web').minPointers(3).maxPointers(3).runOnJS(true).onEnd(({
+    translationX,
+    translationY
+  }) => {
+    if (translationY >= SWIPE_DISTANCE && translationY > Math.abs(translationX)) {
+      showSessionDetails();
+    }
+  }), [enabled, showSessionDetails]);
+  const close = (0, _react.useCallback)(() => setVisible(false), []);
+  const copySessionId = (0, _react.useCallback)(async () => {
+    if (!sessionId) return;
+    await Clipboard.setStringAsync(sessionId);
+    setCopied(true);
+  }, [sessionId]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+      gesture: gesture,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.content,
+        children: children
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      animationType: "fade",
+      onRequestClose: close,
+      transparent: true,
+      visible: visible,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: "Close session details",
+        onPress: close,
+        style: styles.backdrop,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          accessible: false,
+          onPress: event => event.stopPropagation(),
+          style: styles.panel,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.title,
+            children: "Session details"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SessionDetail, {
+            label: "Telemetry session ID",
+            value: sessionId ?? 'Not available',
+            selectable: true,
+            singleLine: true
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            accessibilityRole: "button",
+            disabled: !sessionId,
+            onPress: () => {
+              void copySessionId();
+            },
+            style: ({
+              pressed
+            }) => [styles.copyButton, !sessionId && styles.disabledButton, pressed && styles.pressedButton],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.copyButtonText,
+              children: copied ? 'Copied' : 'Copy session ID'
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SessionDetail, {
+            label: "App",
+            value: appName
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SessionDetail, {
+            label: "App ID",
+            value: appId ?? 'Not available',
+            selectable: true
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SessionDetail, {
+            label: "Environment ID",
+            value: environmentId ?? 'Not available',
+            selectable: true
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SessionDetail, {
+            label: "Region",
+            value: region
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SessionDetail, {
+            label: "App version",
+            value: appVersion ?? 'Not available'
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            accessibilityRole: "button",
+            onPress: close,
+            style: styles.closeButton,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.closeButtonText,
+              children: "Close"
+            })
+          })]
+        })
+      })
+    })]
+  });
+}
+function SessionDetail({
+  label,
+  value,
+  selectable = false,
+  singleLine = false
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.row,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      adjustsFontSizeToFit: singleLine,
+      minimumFontScale: 0.85,
+      numberOfLines: singleLine ? 1 : undefined,
+      selectable: selectable,
+      style: styles.value,
+      children: value
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  content: {
+    flex: 1
+  },
+  backdrop: {
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.48)',
+    flex: 1,
+    justifyContent: 'center',
+    paddingHorizontal: 12,
+    paddingVertical: 24
+  },
+  panel: {
+    backgroundColor: '#FFFFFF',
+    borderRadius: 8,
+    maxWidth: 520,
+    paddingHorizontal: 16,
+    paddingVertical: 24,
+    width: '100%'
+  },
+  title: {
+    color: '#242424',
+    fontSize: 20,
+    fontWeight: '700',
+    marginBottom: 20
+  },
+  row: {
+    marginBottom: 14
+  },
+  label: {
+    color: '#616161',
+    fontSize: 12,
+    fontWeight: '600',
+    marginBottom: 3
+  },
+  value: {
+    color: '#242424',
+    fontSize: 15,
+    lineHeight: 21
+  },
+  copyButton: {
+    alignSelf: 'flex-start',
+    borderColor: '#0F6CBD',
+    borderRadius: 4,
+    borderWidth: 1,
+    marginBottom: 14,
+    marginTop: -4,
+    paddingHorizontal: 12,
+    paddingVertical: 7
+  },
+  copyButtonText: {
+    color: '#0F6CBD',
+    fontSize: 13,
+    fontWeight: '600'
+  },
+  disabledButton: {
+    opacity: 0.45
+  },
+  pressedButton: {
+    opacity: 0.7
+  },
+  closeButton: {
+    alignItems: 'center',
+    alignSelf: 'flex-end',
+    backgroundColor: '#0F6CBD',
+    borderRadius: 4,
+    marginTop: 8,
+    minWidth: 88,
+    paddingHorizontal: 18,
+    paddingVertical: 10
+  },
+  closeButtonText: {
+    color: '#FFFFFF',
+    fontSize: 14,
+    fontWeight: '600'
+  }
+});