@fluid-app/portal-sdk 0.1.450 → 0.1.452

package/dist/{FluidProvider-CXqSq1iX.mjs → FluidProvider-CA_HAl9a.mjs}

@@ -4523,6 +4523,87 @@ function mapManifestToDefinition(manifest) {
 	};
 }
 //#endregion
+//#region ../core/src/native-capabilities-api.ts
+/** Safe no-op implementation used when no native shell is present. */
+const webNativeCapabilitiesApi = {
+	isNativeApp: false,
+	capabilities: [],
+	supports: () => false,
+	haptic: () => {},
+	showActionSheet: () => Promise.resolve(null),
+	showToast: () => {}
+};
+//#endregion
+//#region ../core/src/native-capabilities-api-context.ts
+const NativeCapabilitiesApiContext = createContext(null);
+const NativeCapabilitiesApiProvider = NativeCapabilitiesApiContext.Provider;
+/**
+* Resolve the effective capabilities api. Unlike most ports, a missing
+* provider is not an error: the web fallback is returned so portal code runs
+* unchanged outside the native shell.
+*/
+function resolveNativeCapabilitiesApi(api) {
+	return api ?? webNativeCapabilitiesApi;
+}
+function useNativeCapabilities() {
+	return resolveNativeCapabilitiesApi(use(NativeCapabilitiesApiContext));
+}
+//#endregion
+//#region src/adapters/native-capabilities-api-adapter.ts
+/** Event emitted by portal-mobile after installing the native bridge runtime. */
+const PORTAL_NATIVE_BRIDGE_READY_EVENT = "fluid.portal.native:ready";
+/** Read the native bridge runtime from the current window, if installed. */
+function getFluidNativeBridge() {
+	if (typeof window === "undefined") return null;
+	return window.__fluidNativeBridge ?? null;
+}
+/**
+* Keep a consumer synchronized with the bridge runtime. The immediate read
+* covers bridges installed before React mounts; the event covers WebViews
+* that install injected JavaScript after the portal has started hydrating.
+*/
+function subscribeToFluidNativeBridge(listener) {
+	if (typeof window === "undefined") return () => {};
+	const syncBridge = () => listener(getFluidNativeBridge());
+	syncBridge();
+	window.addEventListener(PORTAL_NATIVE_BRIDGE_READY_EVENT, syncBridge);
+	return () => {
+		window.removeEventListener(PORTAL_NATIVE_BRIDGE_READY_EVENT, syncBridge);
+	};
+}
+/**
+* Build a {@link NativeCapabilitiesApi} over the injected bridge runtime.
+* Returns the shared web fallback when no native shell is present, so callers
+* always receive a working implementation.
+*/
+function createNativeCapabilitiesAdapter(bridge) {
+	if (!bridge || !bridge.isNativeApp) return webNativeCapabilitiesApi;
+	const capabilities = bridge.capabilities ?? [];
+	const supports = (capability) => capabilities.includes(capability);
+	return {
+		isNativeApp: true,
+		capabilities,
+		supports,
+		haptic: (style = "light") => {
+			if (!supports("haptic")) return;
+			bridge.postRequest("haptic", { style }).catch(() => {});
+		},
+		showToast: (request) => {
+			if (!supports("toast")) return;
+			bridge.postRequest("toast", request).catch(() => {});
+		},
+		showActionSheet: async (request) => {
+			if (!supports("actionSheet")) return null;
+			const result = await bridge.postRequest("actionSheet", request).catch(() => null);
+			if (result && typeof result === "object" && "actionId" in result) {
+				const { actionId } = result;
+				return typeof actionId === "string" ? actionId : null;
+			}
+			return null;
+		}
+	};
+}
+//#endregion
 //#region src/adapters/account-api-adapter.ts
 function mapAccount(raw) {
 	return {
@@ -7542,6 +7623,9 @@ function FluidProvider({ config, children, queryClient, initialTheme, themeConta
 	}), [config.baseUrl, csrfToken]);
 	const dataSourceApi = useMemo(() => createDataSourceApiAdapter(portalTenantClient, portalTenantContentClient), [portalTenantClient, portalTenantContentClient]);
 	const appDefinitionApi = useMemo(() => createAppDefinitionApiAdapter(portalTenantClient), [portalTenantClient]);
+	const [nativeBridge, setNativeBridge] = useState(getFluidNativeBridge);
+	useEffect(() => subscribeToFluidNativeBridge(setNativeBridge), []);
+	const nativeCapabilitiesApi = useMemo(() => createNativeCapabilitiesAdapter(nativeBridge), [nativeBridge]);
 	const accountApi = useMemo(() => createAccountApiAdapter(portalTenantClient), [portalTenantClient]);
 	const storeApi = useMemo(() => createStoreApiAdapter(portalTenantClient), [portalTenantClient]);
 	const payApi = useMemo(() => createPortalTenantPayAdapter(portalTenantClient), [portalTenantClient]);
@@ -7578,35 +7662,38 @@ function FluidProvider({ config, children, queryClient, initialTheme, themeConta
 					...remoteWidgets?.packages === void 0 ? {} : { packages: remoteWidgets.packages },
 					...remoteWidgets?.functions === void 0 ? {} : { functions: remoteWidgets.functions },
 					...remoteWidgets?.onFullscreen === void 0 ? {} : { onFullscreen: remoteWidgets.onFullscreen },
-					children: (remoteWidgetRegistry) => /* @__PURE__ */ jsx(AppDefinitionApiProvider, {
-						value: appDefinitionApi,
-						children: /* @__PURE__ */ jsx(AccountApiProvider, {
-							value: accountApi,
-							children: /* @__PURE__ */ jsx(PayApiProvider, {
-								value: payApi,
-								children: /* @__PURE__ */ jsx(CountriesApiProvider, {
-									value: countriesApi,
-									children: /* @__PURE__ */ jsx(LanguagesApiProvider, {
-										value: languagesApi,
-										children: /* @__PURE__ */ jsx(PortalLocaleProvider, { children: /* @__PURE__ */ jsx(MySiteApiProvider, {
-											value: mysiteApi,
-											children: /* @__PURE__ */ jsx(AddressFieldsApiProvider, {
-												value: addressFieldsApi,
-												children: /* @__PURE__ */ jsx(AddressAutocompleteApiProvider, {
-													value: addressAutocompleteApi,
-													children: /* @__PURE__ */ jsx(PortalRuntimeProviderStack, {
-														baseUrl: dataSourceBaseUrl,
-														getApiHeaders,
-														dataSourceApi,
-														variables: effectiveVariables,
-														registry: remoteWidgetRegistry,
-														storeApi,
-														themeProviderProps,
-														children
+					children: (remoteWidgetRegistry) => /* @__PURE__ */ jsx(NativeCapabilitiesApiProvider, {
+						value: nativeCapabilitiesApi,
+						children: /* @__PURE__ */ jsx(AppDefinitionApiProvider, {
+							value: appDefinitionApi,
+							children: /* @__PURE__ */ jsx(AccountApiProvider, {
+								value: accountApi,
+								children: /* @__PURE__ */ jsx(PayApiProvider, {
+									value: payApi,
+									children: /* @__PURE__ */ jsx(CountriesApiProvider, {
+										value: countriesApi,
+										children: /* @__PURE__ */ jsx(LanguagesApiProvider, {
+											value: languagesApi,
+											children: /* @__PURE__ */ jsx(PortalLocaleProvider, { children: /* @__PURE__ */ jsx(MySiteApiProvider, {
+												value: mysiteApi,
+												children: /* @__PURE__ */ jsx(AddressFieldsApiProvider, {
+													value: addressFieldsApi,
+													children: /* @__PURE__ */ jsx(AddressAutocompleteApiProvider, {
+														value: addressAutocompleteApi,
+														children: /* @__PURE__ */ jsx(PortalRuntimeProviderStack, {
+															baseUrl: dataSourceBaseUrl,
+															getApiHeaders,
+															dataSourceApi,
+															variables: effectiveVariables,
+															registry: remoteWidgetRegistry,
+															storeApi,
+															themeProviderProps,
+															children
+														})
 													})
 												})
-											})
-										}) })
+											}) })
+										})
 									})
 								})
 							})
@@ -7698,6 +7785,6 @@ function useFluidContext() {
 	return context;
 }
 //#endregion
-export { isApiError as _, messagingDomain as a, useLanguagesApi as b, createSubscriptionsTranslationAdapter as c, ordersDomain as d, useShopTranslation as f, ApiError as g, useThemeContext as h, createMessagingTranslationAdapter as i, subscriptionsDomain as l, FluidThemeProvider as m, useFluidContext as n, createProfileTranslationAdapter as o, shellEn as p, SUPPORTED_LANGUAGES as r, profileDomain as s, FluidProvider as t, createOrdersTranslationAdapter as u, useAddressFieldsApiOptional as v, usePayApi as x, useAddressAutocompleteApi as y };
+export { usePayApi as S, ApiError as _, messagingDomain as a, useAddressAutocompleteApi as b, createSubscriptionsTranslationAdapter as c, ordersDomain as d, useShopTranslation as f, useNativeCapabilities as g, useThemeContext as h, createMessagingTranslationAdapter as i, subscriptionsDomain as l, FluidThemeProvider as m, useFluidContext as n, createProfileTranslationAdapter as o, shellEn as p, SUPPORTED_LANGUAGES as r, profileDomain as s, FluidProvider as t, createOrdersTranslationAdapter as u, isApiError as v, useLanguagesApi as x, useAddressFieldsApiOptional as y };
 
-//# sourceMappingURL=FluidProvider-CXqSq1iX.mjs.map
+//# sourceMappingURL=FluidProvider-CA_HAl9a.mjs.map