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

package/lib/commonjs/provider/PowerAppsProvider.js

@@ -9,18 +9,22 @@ var _reactNative = require("react-native");
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _core = require("@tamagui/core");
 var _portal = require("@tamagui/portal");
-var _v = require("@tamagui/config/v3");
+var _v = require("@tamagui/config/v5");
 var _toast = require("@tamagui/toast");
 var _reactQuery = require("@tanstack/react-query");
 var _netinfo = _interopRequireDefault(require("@react-native-community/netinfo"));
-var _AuthContext = require("../auth/AuthContext.js");
-var _PowerAppsHostProvider = require("./PowerAppsHostProvider.js");
+var _AuthContext = require("../auth/AuthContext");
+var _PowerAppsHostProvider = require("./PowerAppsHostProvider");
 var _PowerPlatformEnvironmentApi = require("../platform/PowerPlatformEnvironmentApi.js");
 var _ThemeProvider = require("../theme/ThemeProvider.js");
 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 _powerAppsNativeOffline = require("@microsoft/power-apps-native-offline");
+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); }
@@ -31,7 +35,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * Power Apps canvas app inside an Expo shell:
  *
  *   GestureHandlerRootView
- *   └── TamaguiProvider  (defaults to @tamagui/config/v3)
+ *   └── TamaguiProvider  (defaults to @tamagui/config/v5)
  *       └── PortalProvider  (required by ToastViewport)
  *           └── ToastProvider + ToastViewport
  *               └── QueryClientProvider  (own QueryClient, wired to NetInfo + AppState)
@@ -58,6 +62,15 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // Wire onlineManager to NetInfo so refetchOnReconnect fires on mobile
 // (the default browser-event-based detection is a no-op in React Native).
 _reactQuery.onlineManager.setEventListener(setOnline => {
+  if (_reactNative.Platform.OS === 'web' && typeof window !== 'undefined') {
+    const updateOnlineState = () => setOnline(window.navigator.onLine);
+    window.addEventListener('online', updateOnlineState);
+    updateOnlineState();
+    return () => {
+      window.removeEventListener('online', updateOnlineState);
+      window.removeEventListener('offline', updateOnlineState);
+    };
+  }
   return _netinfo.default.addEventListener(state => setOnline(!!state.isConnected));
 });
 
@@ -73,78 +86,55 @@ _reactQuery.focusManager.setEventListener(handleFocus => {
 
 // The app's tamagui.config.ts (generated by /tamagui-design-system) is always
 // passed as the `tamaguiConfig` prop and owns all $surface* / $accent* tokens.
-// The bare @tamagui/config/v3 preset is only a last-resort fallback for tests
+// 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.config);
-
-// 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) {
-  // 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;
+const defaultTamaguiConfig = (0, _core.createTamagui)(_v.defaultConfig);
+function hasConfiguredValue(value) {
+  return typeof value === 'string' && value.trim().length > 0;
 }
-
-// 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 hasEntries(value) {
+  return Boolean(value && typeof value === 'object' && Object.keys(value).length > 0);
+}
+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, {
+    contentContainerStyle: styles.errorContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.errorTitle,
+      children: "Missing auth client ID"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.errorBody,
+      children: "This app needs Power Platform authentication, but `auth.config.json` does not include `msal.clientId`."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.errorBody,
+      children: "Add the Entra app registration client ID to `auth.config.json`, rebuild the app bundle, and run it again in Power Apps Dev Player."
+    })]
+  });
+}
+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."
+    })]
   });
 }
 
@@ -152,6 +142,29 @@ function createQueryClient(offlineEnabled) {
 
 /** 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.
@@ -162,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, _powerAppsNativeOffline.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, {})]
   });
 }
 
@@ -235,8 +244,13 @@ function PowerAppsProvider({
   followSystemTheme = true,
   renderOAuthWebView,
   onDisambiguationNeeded,
+  onConnectionConsent,
+  onResourceConsent,
+  onConnectionConsentDeclined,
   appName,
   logger: loggerProp,
+  showSessionDetailsOnSwipe = true,
+  appInsightsConfig,
   offlineProfile,
   children
 }) {
@@ -244,13 +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 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
@@ -258,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.
@@ -273,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();
       });
     }
 
@@ -305,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: {
@@ -322,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: /*#__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, {
@@ -348,4 +424,24 @@ function PowerAppsProvider({
       })
     })
   });
-}
+}
+const styles = _reactNative.StyleSheet.create({
+  errorContainer: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    padding: 24,
+    backgroundColor: '#F8F8F8'
+  },
+  errorTitle: {
+    color: '#A4262C',
+    fontSize: 22,
+    fontWeight: '700',
+    marginBottom: 12
+  },
+  errorBody: {
+    color: '#323130',
+    fontSize: 15,
+    lineHeight: 22,
+    marginBottom: 10
+  }
+});