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

package/lib/module/index.js

@@ -7,10 +7,12 @@
  */
 
 export { NativePowerAppsBridge } from "./bridge/NativePowerAppsBridge.js";
+export { PowerPagesBridge, setupPowerPagesHost } from "./bridge/PowerPagesBridge.js";
 export { buildConnectionReferences } from "./bridge/NativePowerAppsBridge.js";
 export { setupNativeHost } from "./bridge/setupNativeHost.js";
-export { AuthProvider, useAuth } from "./auth/AuthContext.js";
-export { PowerAppsHostProvider } from "./provider/PowerAppsHostProvider.js";
+export { AuthProvider, useAuth } from './auth/AuthContext';
+export { completePowerAppsAuthSession } from "./auth/completePowerAppsAuthSession.js";
+export { PowerAppsHostProvider } from './provider/PowerAppsHostProvider';
 export { PowerAppsProvider } from "./provider/PowerAppsProvider.js";
 export { fetchInstanceUrl, buildCdsDataSources, buildEnvironmentEndpoint, POWER_PLATFORM_API_SCOPE } from "./platform/PowerPlatformEnvironmentApi.js";
 export { useConnectionRefs } from "./platform/useConnectionRefs.js";

package/lib/module/offline/useOfflineIntegration.js

@@ -0,0 +1,3 @@
+"use strict";
+
+export { useOfflineIntegration } from '@microsoft/power-apps-native-offline';

package/lib/module/offline/useOfflineIntegration.web.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export function useOfflineIntegration(_options) {
+  return {
+    StatusOverlay: null
+  };
+}

package/lib/module/provider/PowerAppsHostProvider.web.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import React from 'react';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { buildConnectionReferences } from "../bridge/NativePowerAppsBridge.js";
+import { setupPowerPagesHost } from "../bridge/PowerPagesBridge.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PowerAppsHostProvider({
+  connectionReferences,
+  databaseReferences,
+  children
+}) {
+  const isPowerPages = typeof window !== 'undefined' && Boolean(window.Microsoft?.Dynamic365?.Portal?.version);
+  if (isPowerPages) {
+    const connectorRuntimeUrl = window.location.origin;
+    const dataverseRuntimeUrl = `${window.location.origin}/api/data/v9.0/`;
+    const connections = buildConnectionReferences(connectionReferences);
+    for (const connection of Object.values(connections)) {
+      connection.runtimeUrl = connectorRuntimeUrl;
+      connection.datasetName = window.location.origin;
+    }
+    const dataSources = Object.values(databaseReferences ?? {}).flatMap(databaseReference => Object.values(databaseReference.dataSources ?? {}).map(dataSource => ({
+      runtimeUrl: dataverseRuntimeUrl,
+      entitySetName: dataSource.entitySetName ?? '',
+      logicalName: dataSource.logicalName ?? '',
+      version: '9.2'
+    })));
+    setupPowerPagesHost({
+      connections,
+      dataSources
+    });
+  }
+  return /*#__PURE__*/_jsx(SafeAreaProvider, {
+    children: children
+  });
+}

package/lib/module/provider/PowerAppsProvider.js

@@ -7,7 +7,7 @@
  * 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)
@@ -28,23 +28,24 @@
  */
 
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { AppState, Platform } from 'react-native';
+import { AppState, Platform, ScrollView, StyleSheet, Text } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { createTamagui, TamaguiProvider } from '@tamagui/core';
 import { PortalProvider } from '@tamagui/portal';
-import { config as tamaguiDefaultConfig } from '@tamagui/config/v3';
+import { defaultConfig as tamaguiDefaultConfig } from '@tamagui/config/v5';
 import { ToastProvider, ToastViewport } from '@tamagui/toast';
 import { QueryClient, QueryClientProvider, focusManager, onlineManager } from '@tanstack/react-query';
 import NetInfo from '@react-native-community/netinfo';
-import { AuthProvider, useAuth } from "../auth/AuthContext.js";
-import { PowerAppsHostProvider } from "./PowerAppsHostProvider.js";
+import { AuthProvider, useAuth } from '../auth/AuthContext';
+import { PowerAppsHostProvider } from './PowerAppsHostProvider';
 import { fetchInstanceUrl } from "../platform/PowerPlatformEnvironmentApi.js";
 import { ThemeProvider } from "../theme/ThemeProvider.js";
 import { ErrorBoundary } from "../ErrorBoundary.js";
+import { isDevPlayer } from "../utils/isDevPlayer.js";
 import Constants from 'expo-constants';
 import { configureAppLogger, getAppLogger, Logger, OneDsTelemetryProvider, resolveDeviceId, resolveTelemetryLocation, regionToClusterCategory, suppressKnownWarnings } from '@microsoft/power-apps-native-common';
 suppressKnownWarnings();
-import { useOfflineIntegration } from '@microsoft/power-apps-native-offline';
+import { useOfflineIntegration } from '../offline/useOfflineIntegration';
 
 // ---- React-Query wiring (runs once at module load) ----
 
@@ -52,6 +53,16 @@ import { useOfflineIntegration } from '@microsoft/power-apps-native-offline';
 // (the default browser-event-based detection is a no-op in React Native).
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 onlineManager.setEventListener(setOnline => {
+  if (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);
+      window.removeEventListener('offline', updateOnlineState);
+    };
+  }
   return NetInfo.addEventListener(state => setOnline(!!state.isConnected));
 });
 
@@ -67,7 +78,7 @@ 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 = createTamagui(tamaguiDefaultConfig);
 
@@ -81,6 +92,7 @@ const defaultTamaguiConfig = createTamagui(tamaguiDefaultConfig);
 // configure the client without a race. Kept deliberately narrow: it only
 // decides networkMode below.
 function isOfflineEnabled(offlineProfile) {
+  if (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)
@@ -141,6 +153,30 @@ function createQueryClient(offlineEnabled) {
     }
   });
 }
+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 MissingClientIdErrorScreen() {
+  return /*#__PURE__*/_jsxs(ScrollView, {
+    contentContainerStyle: styles.errorContainer,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.errorTitle,
+      children: "Missing auth client ID"
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.errorBody,
+      children: "This app needs Power Platform authentication, but `auth.config.json` does not include `msal.clientId`."
+    }), /*#__PURE__*/_jsx(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."
+    })]
+  });
+}
 
 // ---- Types ----
 
@@ -244,6 +280,7 @@ export function PowerAppsProvider({
   // QueryClient identity stays stable across renders even if the caller passes
   // fresh offlineProfile literals.
   const offlineEnabled = useMemo(() => isOfflineEnabled(offlineProfile), [offlineProfile]);
+  const missingClientIdInDevPlayer = Platform.OS !== 'web' && isDevPlayer && !hasConfiguredValue(msalConfig.clientId) && requiresPowerPlatformAuth(powerConfig, offlineEnabled);
   const queryClient = useMemo(() => createQueryClient(offlineEnabled), [offlineEnabled]);
 
   // Configure the app logger exactly once per mount inside useEffect so that
@@ -318,7 +355,7 @@ export function PowerAppsProvider({
               duration: 3000,
               children: [/*#__PURE__*/_jsx(QueryClientProvider, {
                 client: queryClient,
-                children: /*#__PURE__*/_jsx(AuthProvider, {
+                children: missingClientIdInDevPlayer ? /*#__PURE__*/_jsx(MissingClientIdErrorScreen, {}) : /*#__PURE__*/_jsx(AuthProvider, {
                   msalConfig: msalConfig,
                   intuneConfig: intuneConfig,
                   children: /*#__PURE__*/_jsx(InnerProviders, {
@@ -342,4 +379,24 @@ export function PowerAppsProvider({
       })
     })
   });
-}
+}
+const styles = 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
+  }
+});

package/lib/typescript/commonjs/auth/AuthContext.web.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { IntuneConfig, MsalAuthConfig } from '@microsoft/power-apps-native-auth';
+export interface AuthState {
+    isLoading: boolean;
+    isAuthReady: boolean;
+    isSignedIn: boolean;
+    hasRealAccount: boolean;
+    error: Error | null;
+    acquireToken: (scopes: string[]) => Promise<string | null>;
+    signIn: () => Promise<void>;
+    signOut: () => Promise<void>;
+}
+export interface AuthProviderProps {
+    msalConfig: MsalAuthConfig;
+    intuneConfig?: IntuneConfig;
+    children: React.ReactNode;
+}
+export declare function AuthProvider({ children }: AuthProviderProps): React.JSX.Element;
+export declare function useAuth(): AuthState;
+//# sourceMappingURL=AuthContext.web.d.ts.map

package/lib/typescript/commonjs/auth/completePowerAppsAuthSession.d.ts

@@ -0,0 +1,8 @@
+import type { WebBrowserCompleteAuthSessionOptions, WebBrowserCompleteAuthSessionResult } from 'expo-web-browser';
+/**
+ * Completes an Expo web authentication popup when the current route is its
+ * redirect target. Call this at module initialization in the OAuth callback
+ * route; navigation after completion remains application-owned.
+ */
+export declare function completePowerAppsAuthSession(options?: WebBrowserCompleteAuthSessionOptions): WebBrowserCompleteAuthSessionResult;
+//# sourceMappingURL=completePowerAppsAuthSession.d.ts.map

package/lib/typescript/commonjs/bridge/PowerPagesBridge.d.ts

@@ -0,0 +1,18 @@
+import type { AppConnectionReference, CdsDataSourceConfig } from './NativePowerAppsBridge';
+export type PowerPagesBridgeOptions = {
+    dataSources: CdsDataSourceConfig[];
+    connections: Record<string, AppConnectionReference>;
+};
+export declare class PowerPagesBridge {
+    private options;
+    constructor(options: PowerPagesBridgeOptions);
+    updateOptions(options: PowerPagesBridgeOptions): void;
+    initialize(): Promise<void>;
+    createRequestBody(config: {
+        body?: string | Uint8Array | ArrayBuffer | Blob;
+    }): Blob | string | Uint8Array | ArrayBuffer;
+    executePluginAsync<T = unknown>(pluginName: string, pluginAction: string, params: unknown[]): Promise<T>;
+    private sendHttpAsync;
+}
+export declare function setupPowerPagesHost(options: PowerPagesBridgeOptions): void;
+//# sourceMappingURL=PowerPagesBridge.d.ts.map

package/lib/typescript/commonjs/index.d.ts

@@ -4,11 +4,14 @@
  *
  */
 export { NativePowerAppsBridge } from './bridge/NativePowerAppsBridge';
+export { PowerPagesBridge, setupPowerPagesHost } from './bridge/PowerPagesBridge';
+export type { PowerPagesBridgeOptions } from './bridge/PowerPagesBridge';
 export type { NativeBridgeOptions, CdsDataSourceConfig, AppConnection, AppConnectionReference } from './bridge/NativePowerAppsBridge';
 export { buildConnectionReferences } from './bridge/NativePowerAppsBridge';
 export { setupNativeHost } from './bridge/setupNativeHost';
 export { AuthProvider, useAuth } from './auth/AuthContext';
 export type { AuthState, AuthProviderProps } from './auth/AuthContext';
+export { completePowerAppsAuthSession } from './auth/completePowerAppsAuthSession';
 export type { AuthConfig, MsalAuthConfig, IntuneConfig } from '@microsoft/power-apps-native-auth';
 export { PowerAppsHostProvider } from './provider/PowerAppsHostProvider';
 export type { PowerAppsHostProviderProps } from './provider/PowerAppsHostProvider';

package/lib/typescript/commonjs/offline/useOfflineIntegration.d.ts

@@ -0,0 +1,2 @@
+export { useOfflineIntegration } from '@microsoft/power-apps-native-offline';
+//# sourceMappingURL=useOfflineIntegration.d.ts.map

package/lib/typescript/commonjs/offline/useOfflineIntegration.web.d.ts

@@ -0,0 +1,4 @@
+export declare function useOfflineIntegration(_options: unknown): {
+    StatusOverlay: null;
+};
+//# sourceMappingURL=useOfflineIntegration.web.d.ts.map

package/lib/typescript/commonjs/provider/PowerAppsHostProvider.web.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PowerAppsHostProviderProps } from './PowerAppsHostProvider';
+export type { PowerAppsHostProviderProps } from './PowerAppsHostProvider';
+export declare function PowerAppsHostProvider({ connectionReferences, databaseReferences, children, }: PowerAppsHostProviderProps): React.JSX.Element;
+//# sourceMappingURL=PowerAppsHostProvider.web.d.ts.map

package/lib/typescript/commonjs/provider/PowerAppsProvider.d.ts

@@ -5,7 +5,7 @@
  * 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)
@@ -81,7 +81,7 @@ export interface PowerAppsProviderProps {
     schemaMap: Record<string, ConnectorSchema>;
     /**
      * Tamagui design-system config.
-     * Defaults to the standard @tamagui/config/v3 preset.
+      * Defaults to the standard @tamagui/config/v5 preset.
      */
     tamaguiConfig?: TamaguiConfig;
     /** Tamagui default colour theme. @default 'light' */

package/lib/typescript/module/auth/AuthContext.web.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { IntuneConfig, MsalAuthConfig } from '@microsoft/power-apps-native-auth';
+export interface AuthState {
+    isLoading: boolean;
+    isAuthReady: boolean;
+    isSignedIn: boolean;
+    hasRealAccount: boolean;
+    error: Error | null;
+    acquireToken: (scopes: string[]) => Promise<string | null>;
+    signIn: () => Promise<void>;
+    signOut: () => Promise<void>;
+}
+export interface AuthProviderProps {
+    msalConfig: MsalAuthConfig;
+    intuneConfig?: IntuneConfig;
+    children: React.ReactNode;
+}
+export declare function AuthProvider({ children }: AuthProviderProps): React.JSX.Element;
+export declare function useAuth(): AuthState;
+//# sourceMappingURL=AuthContext.web.d.ts.map

package/lib/typescript/module/auth/completePowerAppsAuthSession.d.ts

@@ -0,0 +1,8 @@
+import type { WebBrowserCompleteAuthSessionOptions, WebBrowserCompleteAuthSessionResult } from 'expo-web-browser';
+/**
+ * Completes an Expo web authentication popup when the current route is its
+ * redirect target. Call this at module initialization in the OAuth callback
+ * route; navigation after completion remains application-owned.
+ */
+export declare function completePowerAppsAuthSession(options?: WebBrowserCompleteAuthSessionOptions): WebBrowserCompleteAuthSessionResult;
+//# sourceMappingURL=completePowerAppsAuthSession.d.ts.map

package/lib/typescript/module/bridge/PowerPagesBridge.d.ts

@@ -0,0 +1,18 @@
+import type { AppConnectionReference, CdsDataSourceConfig } from './NativePowerAppsBridge.js';
+export type PowerPagesBridgeOptions = {
+    dataSources: CdsDataSourceConfig[];
+    connections: Record<string, AppConnectionReference>;
+};
+export declare class PowerPagesBridge {
+    private options;
+    constructor(options: PowerPagesBridgeOptions);
+    updateOptions(options: PowerPagesBridgeOptions): void;
+    initialize(): Promise<void>;
+    createRequestBody(config: {
+        body?: string | Uint8Array | ArrayBuffer | Blob;
+    }): Blob | string | Uint8Array | ArrayBuffer;
+    executePluginAsync<T = unknown>(pluginName: string, pluginAction: string, params: unknown[]): Promise<T>;
+    private sendHttpAsync;
+}
+export declare function setupPowerPagesHost(options: PowerPagesBridgeOptions): void;
+//# sourceMappingURL=PowerPagesBridge.d.ts.map

package/lib/typescript/module/index.d.ts

@@ -4,14 +4,17 @@
  *
  */
 export { NativePowerAppsBridge } from './bridge/NativePowerAppsBridge.js';
+export { PowerPagesBridge, setupPowerPagesHost } from './bridge/PowerPagesBridge.js';
+export type { PowerPagesBridgeOptions } from './bridge/PowerPagesBridge.js';
 export type { NativeBridgeOptions, CdsDataSourceConfig, AppConnection, AppConnectionReference } from './bridge/NativePowerAppsBridge.js';
 export { buildConnectionReferences } from './bridge/NativePowerAppsBridge.js';
 export { setupNativeHost } from './bridge/setupNativeHost.js';
-export { AuthProvider, useAuth } from './auth/AuthContext.js';
-export type { AuthState, AuthProviderProps } from './auth/AuthContext.js';
+export { AuthProvider, useAuth } from './auth/AuthContext';
+export type { AuthState, AuthProviderProps } from './auth/AuthContext';
+export { completePowerAppsAuthSession } from './auth/completePowerAppsAuthSession.js';
 export type { AuthConfig, MsalAuthConfig, IntuneConfig } from '@microsoft/power-apps-native-auth';
-export { PowerAppsHostProvider } from './provider/PowerAppsHostProvider.js';
-export type { PowerAppsHostProviderProps } from './provider/PowerAppsHostProvider.js';
+export { PowerAppsHostProvider } from './provider/PowerAppsHostProvider';
+export type { PowerAppsHostProviderProps } from './provider/PowerAppsHostProvider';
 export { PowerAppsProvider } from './provider/PowerAppsProvider.js';
 export type { PowerAppsProviderProps, PowerConfig } from './provider/PowerAppsProvider.js';
 export { fetchInstanceUrl, buildCdsDataSources, buildEnvironmentEndpoint, POWER_PLATFORM_API_SCOPE } from './platform/PowerPlatformEnvironmentApi.js';

package/lib/typescript/module/offline/useOfflineIntegration.d.ts

@@ -0,0 +1,2 @@
+export { useOfflineIntegration } from '@microsoft/power-apps-native-offline';
+//# sourceMappingURL=useOfflineIntegration.d.ts.map

package/lib/typescript/module/offline/useOfflineIntegration.web.d.ts

@@ -0,0 +1,4 @@
+export declare function useOfflineIntegration(_options: unknown): {
+    StatusOverlay: null;
+};
+//# sourceMappingURL=useOfflineIntegration.web.d.ts.map

package/lib/typescript/module/provider/PowerAppsHostProvider.web.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PowerAppsHostProviderProps } from './PowerAppsHostProvider';
+export type { PowerAppsHostProviderProps } from './PowerAppsHostProvider';
+export declare function PowerAppsHostProvider({ connectionReferences, databaseReferences, children, }: PowerAppsHostProviderProps): React.JSX.Element;
+//# sourceMappingURL=PowerAppsHostProvider.web.d.ts.map

package/lib/typescript/module/provider/PowerAppsProvider.d.ts

@@ -5,7 +5,7 @@
  * 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)
@@ -26,8 +26,8 @@
  */
 import React from 'react';
 import { createTamagui } from '@tamagui/core';
-import type { AuthProviderProps } from '../auth/AuthContext.js';
-import type { PowerAppsHostProviderProps } from './PowerAppsHostProvider.js';
+import type { AuthProviderProps } from '../auth/AuthContext';
+import type { PowerAppsHostProviderProps } from './PowerAppsHostProvider';
 import type { ConnectorSchema } from '../platform/useConnectionRefs.js';
 import type { DatabaseReference } from '../platform/PowerPlatformEnvironmentApi.js';
 import type { OnDisambiguationNeeded } from '../connections/types.js';
@@ -81,7 +81,7 @@ export interface PowerAppsProviderProps {
     schemaMap: Record<string, ConnectorSchema>;
     /**
      * Tamagui design-system config.
-     * Defaults to the standard @tamagui/config/v3 preset.
+      * Defaults to the standard @tamagui/config/v5 preset.
      */
     tamaguiConfig?: TamaguiConfig;
     /** Tamagui default colour theme. @default 'light' */

package/package.json

@@ -1,17 +1,24 @@
 {
   "name": "@microsoft/power-apps-native-host",
-  "version": "0.2.22",
+  "version": "0.2.25",
   "description": "React Native host integration for @microsoft/power-apps",
   "author": "Microsoft Corporation",
   "license": "SEE LICENSE IN LICENSE",
   "bugs": {
     "email": "pawrap-team@microsoft.com"
   },
+  "engines": {
+    "node": "^20.17.0 || >=22.9.0"
+  },
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",
   "types": "./lib/typescript/commonjs/index.d.ts",
   "exports": {
     ".": {
+      "browser": {
+        "types": "./lib/typescript/commonjs/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      },
       "import": {
         "types": "./lib/typescript/module/index.d.ts",
         "default": "./lib/module/index.js"
@@ -27,38 +34,48 @@
   "bin": {
     "generate-connector-schemas": "scripts/generate-connector-schemas.js",
     "js-bundle": "scripts/bundle.js",
-    "build-ios-base": "scripts/build-ios-base.js"
+    "build-ios-base": "scripts/build-ios-base.js",
+    "power-apps-web": "scripts/start-web.mjs",
+    "wrap": "scripts/wrap.js",
+    "upgrade-template": "scripts/upgrade.js"
   },
   "files": [
     "lib/",
     "!lib/**/*.map",
     "app.plugin.js",
-    "scripts/"
+    "scripts/",
+    "compatibility/"
   ],
   "scripts": {
-    "prepack": "bob build && node ../../scripts/notices.js",
+    "prepack": "npm run test:upgrade && bob build && node ../../scripts/notices.js",
     "build": "bob build && node ../../scripts/notices.js",
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    "test:upgrade": "node --test test/upgrade.test.js"
   },
   "dependencies": {
-    "@microsoft/power-apps-native-auth": "^0.3.4",
+    "@microsoft/power-apps-native-auth": "^0.3.5",
     "@microsoft/power-apps-native-common": "^0.1.8",
-    "@tamagui/config": "1.144.4",
-    "@tamagui/core": "1.144.4",
-    "@tamagui/portal": "1.144.4",
-    "@tamagui/toast": "1.144.4",
-    "@tanstack/react-query": "5.62.0"
+    "@ster5/global-mutex": "3.3.0",
+    "@tamagui/config": "2.4.5",
+    "@tamagui/core": "2.4.5",
+    "@tamagui/portal": "2.4.5",
+    "@tamagui/toast": "2.4.5",
+    "@tanstack/react-query": "5.62.0",
+    "diff": "9.0.0",
+    "resolve-workspace-root": "2.0.1",
+    "write-file-atomic": "7.0.1"
   },
   "peerDependencies": {
     "@microsoft/power-apps": "*",
     "@microsoft/power-apps-native-offline": ">=0.1.0",
     "@react-native-community/netinfo": ">=11.0.0",
     "burnt": ">=0.12.2",
-    "expo-constants": ">=55.0.0",
-    "expo-linking": ">=55.0.14",
-    "expo-web-browser": ">=55.0.14",
-    "react": ">=19.2.0",
-    "react-native": ">=0.83.4",
+    "expo-constants": ">=55.0.0 <56",
+    "expo-linking": ">=55.0.14 <56",
+    "expo-web-browser": ">=55.0.14 <56",
+    "react": ">=19.2.0 <20",
+    "react-dom": ">=19.2.0 <19.3.0",
+    "react-native": ">=0.83.4 <0.84",
     "react-native-gesture-handler": ">=2.0.0",
     "react-native-safe-area-context": ">=5.6.2"
   },
@@ -78,6 +95,9 @@
     "cross-env": "7.0.3",
     "expo-constants": "55.0.16",
     "expo-web-browser": "55.0.15",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-native": "0.83.6",
     "react-native-safe-area-context": "5.6.2",
     "typescript": "5.9.3"
   },