payfri-video-sdk 0.1.0

package/dist/native/index.cjs

@@ -0,0 +1,151 @@
+'use strict';
+
+var react = require('react');
+var reactNative = require('react-native');
+var reactNativeWebview = require('react-native-webview');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/native/VideoCall.tsx
+
+// src/native/buildRoomUrl.ts
+function buildRoomUrl({
+  embedBaseUrl,
+  token,
+  livekitUrl,
+  theme
+}) {
+  if (!embedBaseUrl) {
+    throw new Error("buildRoomUrl: embedBaseUrl es requerido");
+  }
+  if (!token) {
+    throw new Error("buildRoomUrl: token es requerido");
+  }
+  if (!livekitUrl) {
+    throw new Error("buildRoomUrl: livekitUrl es requerido");
+  }
+  const base = embedBaseUrl.replace(/\/+$/, "");
+  const params = new URLSearchParams({ token, livekitUrl });
+  if (theme) {
+    params.set("theme", theme);
+  }
+  return `${base}/room#${params.toString()}`;
+}
+async function ensureAndroidPermissions() {
+  if (reactNative.Platform.OS !== "android") {
+    return true;
+  }
+  const result = await reactNative.PermissionsAndroid.requestMultiple([
+    reactNative.PermissionsAndroid.PERMISSIONS.CAMERA,
+    reactNative.PermissionsAndroid.PERMISSIONS.RECORD_AUDIO
+  ]);
+  return result[reactNative.PermissionsAndroid.PERMISSIONS.CAMERA] === reactNative.PermissionsAndroid.RESULTS.GRANTED && result[reactNative.PermissionsAndroid.PERMISSIONS.RECORD_AUDIO] === reactNative.PermissionsAndroid.RESULTS.GRANTED;
+}
+function parseBridgeEvent(raw) {
+  try {
+    const data = JSON.parse(raw);
+    return typeof data?.type === "string" ? data : null;
+  } catch {
+    return null;
+  }
+}
+function VideoCall(props) {
+  for (const forbidden of ["apiKey", "apiSecret", "secret"]) {
+    if (forbidden in props) {
+      throw new Error(`VideoCall no acepta "${forbidden}": jam\xE1s pases credenciales al cliente`);
+    }
+  }
+  const {
+    token,
+    livekitUrl,
+    embedBaseUrl,
+    theme,
+    onConnected,
+    onDisconnected,
+    onLeave,
+    onParticipantJoined,
+    onParticipantLeft,
+    onError,
+    style
+  } = props;
+  const [permission, setPermission] = react.useState("pending");
+  react.useEffect(() => {
+    let cancelled = false;
+    ensureAndroidPermissions().then((ok) => {
+      if (cancelled) {
+        return;
+      }
+      setPermission(ok ? "granted" : "denied");
+      if (!ok) {
+        onError?.(new Error("Permisos de c\xE1mara/micr\xF3fono denegados"));
+      }
+    }).catch((err) => {
+      if (cancelled) {
+        return;
+      }
+      setPermission("denied");
+      onError?.(err instanceof Error ? err : new Error(String(err)));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [onError]);
+  const uri = react.useMemo(
+    () => buildRoomUrl({ embedBaseUrl, token, livekitUrl, theme }),
+    [embedBaseUrl, token, livekitUrl, theme]
+  );
+  const handleMessage = react.useCallback(
+    (event) => {
+      const parsed = parseBridgeEvent(event.nativeEvent.data);
+      if (!parsed) {
+        return;
+      }
+      switch (parsed.type) {
+        case "connected":
+          onConnected?.();
+          break;
+        case "disconnected":
+          onDisconnected?.();
+          break;
+        case "leave":
+          onLeave?.();
+          break;
+        case "participantJoined":
+          onParticipantJoined?.({ identity: parsed.identity });
+          break;
+        case "participantLeft":
+          onParticipantLeft?.({ identity: parsed.identity });
+          break;
+        case "error":
+          onError?.(new Error(parsed.message));
+          break;
+      }
+    },
+    [onConnected, onDisconnected, onLeave, onParticipantJoined, onParticipantLeft, onError]
+  );
+  if (permission !== "granted") {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNativeWebview.WebView,
+    {
+      source: { uri },
+      style: [styles.fill, style],
+      onMessage: handleMessage,
+      originWhitelist: ["https://*", "http://*"],
+      javaScriptEnabled: true,
+      domStorageEnabled: true,
+      allowsInlineMediaPlayback: true,
+      mediaPlaybackRequiresUserAction: false,
+      mediaCapturePermissionGrantType: "grant",
+      onError: (e) => onError?.(new Error(e.nativeEvent.description))
+    }
+  );
+}
+var styles = reactNative.StyleSheet.create({
+  fill: { flex: 1 }
+});
+
+exports.VideoCall = VideoCall;
+exports.buildRoomUrl = buildRoomUrl;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/native/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/native/buildRoomUrl.ts","../../src/native/VideoCall.tsx"],"names":["Platform","PermissionsAndroid","useState","useEffect","useMemo","useCallback","jsx","WebView","StyleSheet"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Arma la URL de la página embebible con los parámetros en el **hash** (no en la\n * query string, para que el token no termine en logs de servidor). El formato\n * coincide exactamente con lo que parsea `apps/embed/src/lib/roomParams.ts`:\n *\n *   https://embed.host/room#token=JWT&livekitUrl=wss://...&theme=%23ff0000\n *\n * Se usa `URLSearchParams` en ambos extremos (aquí y en el embed), así el\n * escapado/desescapado hace round-trip sin sorpresas.\n */\nexport interface BuildRoomUrlInput {\n  embedBaseUrl: string;\n  token: string;\n  livekitUrl: string;\n  theme?: string;\n}\n\nexport function buildRoomUrl({\n  embedBaseUrl,\n  token,\n  livekitUrl,\n  theme,\n}: BuildRoomUrlInput): string {\n  if (!embedBaseUrl) {\n    throw new Error(\"buildRoomUrl: embedBaseUrl es requerido\");\n  }\n  if (!token) {\n    throw new Error(\"buildRoomUrl: token es requerido\");\n  }\n  if (!livekitUrl) {\n    throw new Error(\"buildRoomUrl: livekitUrl es requerido\");\n  }\n\n  const base = embedBaseUrl.replace(/\\/+$/, \"\");\n  const params = new URLSearchParams({ token, livekitUrl });\n  if (theme) {\n    params.set(\"theme\", theme);\n  }\n  return `${base}/room#${params.toString()}`;\n}\n","import { useCallback, useEffect, useMemo, useState, type ReactElement } from \"react\";\nimport { PermissionsAndroid, Platform, StyleSheet } from \"react-native\";\nimport { WebView, type WebViewMessageEvent } from \"react-native-webview\";\nimport { buildRoomUrl } from \"./buildRoomUrl\";\nimport type { BridgeEvent, VideoCallProps } from \"./types\";\n\ntype PermissionState = \"pending\" | \"granted\" | \"denied\";\n\n/**\n * Pide permisos de cámara y micrófono en Android antes de montar el WebView.\n * En iOS el prompt lo dispara el propio WebView al llamar a getUserMedia\n * (requiere NSCameraUsageDescription / NSMicrophoneUsageDescription en el\n * Info.plist — los inyecta el config plugin de la Fase 2).\n */\nasync function ensureAndroidPermissions(): Promise<boolean> {\n  if (Platform.OS !== \"android\") {\n    return true;\n  }\n  const result = await PermissionsAndroid.requestMultiple([\n    PermissionsAndroid.PERMISSIONS.CAMERA,\n    PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,\n  ]);\n  return (\n    result[PermissionsAndroid.PERMISSIONS.CAMERA] === PermissionsAndroid.RESULTS.GRANTED &&\n    result[PermissionsAndroid.PERMISSIONS.RECORD_AUDIO] === PermissionsAndroid.RESULTS.GRANTED\n  );\n}\n\nfunction parseBridgeEvent(raw: string): BridgeEvent | null {\n  try {\n    const data = JSON.parse(raw) as Partial<BridgeEvent>;\n    return typeof data?.type === \"string\" ? (data as BridgeEvent) : null;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Incrusta una videollamada de LiveKit en una app React Native envolviendo la\n * página embebible (`apps/embed`) en un WebView. Solo recibe un `token`; nunca\n * una API key (el tipo y este guard lo hacen imposible).\n */\nexport function VideoCall(props: VideoCallProps): ReactElement | null {\n  // Guard defensivo: el tipo ya lo impide, pero rechazamos cualquier intento de\n  // colar credenciales de servidor al dispositivo.\n  for (const forbidden of [\"apiKey\", \"apiSecret\", \"secret\"]) {\n    if (forbidden in (props as unknown as Record<string, unknown>)) {\n      throw new Error(`VideoCall no acepta \"${forbidden}\": jamás pases credenciales al cliente`);\n    }\n  }\n\n  const {\n    token,\n    livekitUrl,\n    embedBaseUrl,\n    theme,\n    onConnected,\n    onDisconnected,\n    onLeave,\n    onParticipantJoined,\n    onParticipantLeft,\n    onError,\n    style,\n  } = props;\n\n  const [permission, setPermission] = useState<PermissionState>(\"pending\");\n\n  useEffect(() => {\n    let cancelled = false;\n    ensureAndroidPermissions()\n      .then((ok) => {\n        if (cancelled) {\n          return;\n        }\n        setPermission(ok ? \"granted\" : \"denied\");\n        if (!ok) {\n          onError?.(new Error(\"Permisos de cámara/micrófono denegados\"));\n        }\n      })\n      .catch((err: unknown) => {\n        if (cancelled) {\n          return;\n        }\n        setPermission(\"denied\");\n        onError?.(err instanceof Error ? err : new Error(String(err)));\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [onError]);\n\n  const uri = useMemo(\n    () => buildRoomUrl({ embedBaseUrl, token, livekitUrl, theme }),\n    [embedBaseUrl, token, livekitUrl, theme],\n  );\n\n  const handleMessage = useCallback(\n    (event: WebViewMessageEvent) => {\n      const parsed = parseBridgeEvent(event.nativeEvent.data);\n      if (!parsed) {\n        return;\n      }\n      switch (parsed.type) {\n        case \"connected\":\n          onConnected?.();\n          break;\n        case \"disconnected\":\n          onDisconnected?.();\n          break;\n        case \"leave\":\n          onLeave?.();\n          break;\n        case \"participantJoined\":\n          onParticipantJoined?.({ identity: parsed.identity });\n          break;\n        case \"participantLeft\":\n          onParticipantLeft?.({ identity: parsed.identity });\n          break;\n        case \"error\":\n          onError?.(new Error(parsed.message));\n          break;\n      }\n    },\n    [onConnected, onDisconnected, onLeave, onParticipantJoined, onParticipantLeft, onError],\n  );\n\n  if (permission !== \"granted\") {\n    return null;\n  }\n\n  return (\n    <WebView\n      source={{ uri }}\n      style={[styles.fill, style]}\n      onMessage={handleMessage}\n      originWhitelist={[\"https://*\", \"http://*\"]}\n      javaScriptEnabled\n      domStorageEnabled\n      // iOS: permite reproducir video inline y conceder getUserMedia sin gesto.\n      allowsInlineMediaPlayback\n      mediaPlaybackRequiresUserAction={false}\n      mediaCapturePermissionGrantType=\"grant\"\n      onError={(e) => onError?.(new Error(e.nativeEvent.description))}\n    />\n  );\n}\n\nconst styles = StyleSheet.create({\n  fill: { flex: 1 },\n});\n"]}

package/dist/native/index.d.cts

@@ -0,0 +1,84 @@
+import { ReactElement } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+
+/**
+ * Props del componente `<VideoCall>`. Igual que `payfri-video-sdk/client`, NO existe
+ * un campo para la API key: el tipo hace imposible filtrar credenciales de
+ * servidor al dispositivo. El cliente solo pasa un `token` de LiveKit.
+ */
+interface VideoCallProps {
+    /** Token de acceso de LiveKit (corta duración) emitido por tu backend. */
+    token: string;
+    /** URL ws/wss del servidor LiveKit (la devuelve `POST /v1/tokens`). */
+    livekitUrl: string;
+    /** Base de la página embebible, ej. `https://embed.tudominio.com`. */
+    embedBaseUrl: string;
+    /** Color de acento opcional para branding del tenant (lo aplica el embed). */
+    theme?: string;
+    /** La videollamada conectó. */
+    onConnected?: () => void;
+    /** El usuario se desconectó o cerró la sala. */
+    onDisconnected?: () => void;
+    /** El usuario pulsó "salir" en la UI del embed. */
+    onLeave?: () => void;
+    /** Entró un participante remoto. */
+    onParticipantJoined?: (participant: {
+        identity: string;
+    }) => void;
+    /** Salió un participante remoto. */
+    onParticipantLeft?: (participant: {
+        identity: string;
+    }) => void;
+    /** Error (permisos denegados, token inválido, fallo de la sala). */
+    onError?: (error: Error) => void;
+    /** Estilo del contenedor. Por defecto ocupa todo el espacio disponible. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Eventos que el embed publica hacia la app nativa vía
+ * `window.ReactNativeWebView.postMessage`. El contrato lo implementa
+ * `apps/embed/src/lib/rnBridge.ts` (Fase 3).
+ */
+type BridgeEvent = {
+    type: "connected";
+} | {
+    type: "disconnected";
+} | {
+    type: "leave";
+} | {
+    type: "participantJoined";
+    identity: string;
+} | {
+    type: "participantLeft";
+    identity: string;
+} | {
+    type: "error";
+    message: string;
+};
+
+/**
+ * Incrusta una videollamada de LiveKit en una app React Native envolviendo la
+ * página embebible (`apps/embed`) en un WebView. Solo recibe un `token`; nunca
+ * una API key (el tipo y este guard lo hacen imposible).
+ */
+declare function VideoCall(props: VideoCallProps): ReactElement | null;
+
+/**
+ * Arma la URL de la página embebible con los parámetros en el **hash** (no en la
+ * query string, para que el token no termine en logs de servidor). El formato
+ * coincide exactamente con lo que parsea `apps/embed/src/lib/roomParams.ts`:
+ *
+ *   https://embed.host/room#token=JWT&livekitUrl=wss://...&theme=%23ff0000
+ *
+ * Se usa `URLSearchParams` en ambos extremos (aquí y en el embed), así el
+ * escapado/desescapado hace round-trip sin sorpresas.
+ */
+interface BuildRoomUrlInput {
+    embedBaseUrl: string;
+    token: string;
+    livekitUrl: string;
+    theme?: string;
+}
+declare function buildRoomUrl({ embedBaseUrl, token, livekitUrl, theme, }: BuildRoomUrlInput): string;
+
+export { type BridgeEvent, type BuildRoomUrlInput, VideoCall, type VideoCallProps, buildRoomUrl };

package/dist/native/index.d.ts

@@ -0,0 +1,84 @@
+import { ReactElement } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+
+/**
+ * Props del componente `<VideoCall>`. Igual que `payfri-video-sdk/client`, NO existe
+ * un campo para la API key: el tipo hace imposible filtrar credenciales de
+ * servidor al dispositivo. El cliente solo pasa un `token` de LiveKit.
+ */
+interface VideoCallProps {
+    /** Token de acceso de LiveKit (corta duración) emitido por tu backend. */
+    token: string;
+    /** URL ws/wss del servidor LiveKit (la devuelve `POST /v1/tokens`). */
+    livekitUrl: string;
+    /** Base de la página embebible, ej. `https://embed.tudominio.com`. */
+    embedBaseUrl: string;
+    /** Color de acento opcional para branding del tenant (lo aplica el embed). */
+    theme?: string;
+    /** La videollamada conectó. */
+    onConnected?: () => void;
+    /** El usuario se desconectó o cerró la sala. */
+    onDisconnected?: () => void;
+    /** El usuario pulsó "salir" en la UI del embed. */
+    onLeave?: () => void;
+    /** Entró un participante remoto. */
+    onParticipantJoined?: (participant: {
+        identity: string;
+    }) => void;
+    /** Salió un participante remoto. */
+    onParticipantLeft?: (participant: {
+        identity: string;
+    }) => void;
+    /** Error (permisos denegados, token inválido, fallo de la sala). */
+    onError?: (error: Error) => void;
+    /** Estilo del contenedor. Por defecto ocupa todo el espacio disponible. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Eventos que el embed publica hacia la app nativa vía
+ * `window.ReactNativeWebView.postMessage`. El contrato lo implementa
+ * `apps/embed/src/lib/rnBridge.ts` (Fase 3).
+ */
+type BridgeEvent = {
+    type: "connected";
+} | {
+    type: "disconnected";
+} | {
+    type: "leave";
+} | {
+    type: "participantJoined";
+    identity: string;
+} | {
+    type: "participantLeft";
+    identity: string;
+} | {
+    type: "error";
+    message: string;
+};
+
+/**
+ * Incrusta una videollamada de LiveKit en una app React Native envolviendo la
+ * página embebible (`apps/embed`) en un WebView. Solo recibe un `token`; nunca
+ * una API key (el tipo y este guard lo hacen imposible).
+ */
+declare function VideoCall(props: VideoCallProps): ReactElement | null;
+
+/**
+ * Arma la URL de la página embebible con los parámetros en el **hash** (no en la
+ * query string, para que el token no termine en logs de servidor). El formato
+ * coincide exactamente con lo que parsea `apps/embed/src/lib/roomParams.ts`:
+ *
+ *   https://embed.host/room#token=JWT&livekitUrl=wss://...&theme=%23ff0000
+ *
+ * Se usa `URLSearchParams` en ambos extremos (aquí y en el embed), así el
+ * escapado/desescapado hace round-trip sin sorpresas.
+ */
+interface BuildRoomUrlInput {
+    embedBaseUrl: string;
+    token: string;
+    livekitUrl: string;
+    theme?: string;
+}
+declare function buildRoomUrl({ embedBaseUrl, token, livekitUrl, theme, }: BuildRoomUrlInput): string;
+
+export { type BridgeEvent, type BuildRoomUrlInput, VideoCall, type VideoCallProps, buildRoomUrl };

package/dist/native/index.js

@@ -0,0 +1,148 @@
+import { useState, useEffect, useMemo, useCallback } from 'react';
+import { StyleSheet, Platform, PermissionsAndroid } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { jsx } from 'react/jsx-runtime';
+
+// src/native/VideoCall.tsx
+
+// src/native/buildRoomUrl.ts
+function buildRoomUrl({
+  embedBaseUrl,
+  token,
+  livekitUrl,
+  theme
+}) {
+  if (!embedBaseUrl) {
+    throw new Error("buildRoomUrl: embedBaseUrl es requerido");
+  }
+  if (!token) {
+    throw new Error("buildRoomUrl: token es requerido");
+  }
+  if (!livekitUrl) {
+    throw new Error("buildRoomUrl: livekitUrl es requerido");
+  }
+  const base = embedBaseUrl.replace(/\/+$/, "");
+  const params = new URLSearchParams({ token, livekitUrl });
+  if (theme) {
+    params.set("theme", theme);
+  }
+  return `${base}/room#${params.toString()}`;
+}
+async function ensureAndroidPermissions() {
+  if (Platform.OS !== "android") {
+    return true;
+  }
+  const result = await PermissionsAndroid.requestMultiple([
+    PermissionsAndroid.PERMISSIONS.CAMERA,
+    PermissionsAndroid.PERMISSIONS.RECORD_AUDIO
+  ]);
+  return result[PermissionsAndroid.PERMISSIONS.CAMERA] === PermissionsAndroid.RESULTS.GRANTED && result[PermissionsAndroid.PERMISSIONS.RECORD_AUDIO] === PermissionsAndroid.RESULTS.GRANTED;
+}
+function parseBridgeEvent(raw) {
+  try {
+    const data = JSON.parse(raw);
+    return typeof data?.type === "string" ? data : null;
+  } catch {
+    return null;
+  }
+}
+function VideoCall(props) {
+  for (const forbidden of ["apiKey", "apiSecret", "secret"]) {
+    if (forbidden in props) {
+      throw new Error(`VideoCall no acepta "${forbidden}": jam\xE1s pases credenciales al cliente`);
+    }
+  }
+  const {
+    token,
+    livekitUrl,
+    embedBaseUrl,
+    theme,
+    onConnected,
+    onDisconnected,
+    onLeave,
+    onParticipantJoined,
+    onParticipantLeft,
+    onError,
+    style
+  } = props;
+  const [permission, setPermission] = useState("pending");
+  useEffect(() => {
+    let cancelled = false;
+    ensureAndroidPermissions().then((ok) => {
+      if (cancelled) {
+        return;
+      }
+      setPermission(ok ? "granted" : "denied");
+      if (!ok) {
+        onError?.(new Error("Permisos de c\xE1mara/micr\xF3fono denegados"));
+      }
+    }).catch((err) => {
+      if (cancelled) {
+        return;
+      }
+      setPermission("denied");
+      onError?.(err instanceof Error ? err : new Error(String(err)));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [onError]);
+  const uri = useMemo(
+    () => buildRoomUrl({ embedBaseUrl, token, livekitUrl, theme }),
+    [embedBaseUrl, token, livekitUrl, theme]
+  );
+  const handleMessage = useCallback(
+    (event) => {
+      const parsed = parseBridgeEvent(event.nativeEvent.data);
+      if (!parsed) {
+        return;
+      }
+      switch (parsed.type) {
+        case "connected":
+          onConnected?.();
+          break;
+        case "disconnected":
+          onDisconnected?.();
+          break;
+        case "leave":
+          onLeave?.();
+          break;
+        case "participantJoined":
+          onParticipantJoined?.({ identity: parsed.identity });
+          break;
+        case "participantLeft":
+          onParticipantLeft?.({ identity: parsed.identity });
+          break;
+        case "error":
+          onError?.(new Error(parsed.message));
+          break;
+      }
+    },
+    [onConnected, onDisconnected, onLeave, onParticipantJoined, onParticipantLeft, onError]
+  );
+  if (permission !== "granted") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    WebView,
+    {
+      source: { uri },
+      style: [styles.fill, style],
+      onMessage: handleMessage,
+      originWhitelist: ["https://*", "http://*"],
+      javaScriptEnabled: true,
+      domStorageEnabled: true,
+      allowsInlineMediaPlayback: true,
+      mediaPlaybackRequiresUserAction: false,
+      mediaCapturePermissionGrantType: "grant",
+      onError: (e) => onError?.(new Error(e.nativeEvent.description))
+    }
+  );
+}
+var styles = StyleSheet.create({
+  fill: { flex: 1 }
+});
+
+export { VideoCall, buildRoomUrl };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/native/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/native/buildRoomUrl.ts","../../src/native/VideoCall.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Arma la URL de la página embebible con los parámetros en el **hash** (no en la\n * query string, para que el token no termine en logs de servidor). El formato\n * coincide exactamente con lo que parsea `apps/embed/src/lib/roomParams.ts`:\n *\n *   https://embed.host/room#token=JWT&livekitUrl=wss://...&theme=%23ff0000\n *\n * Se usa `URLSearchParams` en ambos extremos (aquí y en el embed), así el\n * escapado/desescapado hace round-trip sin sorpresas.\n */\nexport interface BuildRoomUrlInput {\n  embedBaseUrl: string;\n  token: string;\n  livekitUrl: string;\n  theme?: string;\n}\n\nexport function buildRoomUrl({\n  embedBaseUrl,\n  token,\n  livekitUrl,\n  theme,\n}: BuildRoomUrlInput): string {\n  if (!embedBaseUrl) {\n    throw new Error(\"buildRoomUrl: embedBaseUrl es requerido\");\n  }\n  if (!token) {\n    throw new Error(\"buildRoomUrl: token es requerido\");\n  }\n  if (!livekitUrl) {\n    throw new Error(\"buildRoomUrl: livekitUrl es requerido\");\n  }\n\n  const base = embedBaseUrl.replace(/\\/+$/, \"\");\n  const params = new URLSearchParams({ token, livekitUrl });\n  if (theme) {\n    params.set(\"theme\", theme);\n  }\n  return `${base}/room#${params.toString()}`;\n}\n","import { useCallback, useEffect, useMemo, useState, type ReactElement } from \"react\";\nimport { PermissionsAndroid, Platform, StyleSheet } from \"react-native\";\nimport { WebView, type WebViewMessageEvent } from \"react-native-webview\";\nimport { buildRoomUrl } from \"./buildRoomUrl\";\nimport type { BridgeEvent, VideoCallProps } from \"./types\";\n\ntype PermissionState = \"pending\" | \"granted\" | \"denied\";\n\n/**\n * Pide permisos de cámara y micrófono en Android antes de montar el WebView.\n * En iOS el prompt lo dispara el propio WebView al llamar a getUserMedia\n * (requiere NSCameraUsageDescription / NSMicrophoneUsageDescription en el\n * Info.plist — los inyecta el config plugin de la Fase 2).\n */\nasync function ensureAndroidPermissions(): Promise<boolean> {\n  if (Platform.OS !== \"android\") {\n    return true;\n  }\n  const result = await PermissionsAndroid.requestMultiple([\n    PermissionsAndroid.PERMISSIONS.CAMERA,\n    PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,\n  ]);\n  return (\n    result[PermissionsAndroid.PERMISSIONS.CAMERA] === PermissionsAndroid.RESULTS.GRANTED &&\n    result[PermissionsAndroid.PERMISSIONS.RECORD_AUDIO] === PermissionsAndroid.RESULTS.GRANTED\n  );\n}\n\nfunction parseBridgeEvent(raw: string): BridgeEvent | null {\n  try {\n    const data = JSON.parse(raw) as Partial<BridgeEvent>;\n    return typeof data?.type === \"string\" ? (data as BridgeEvent) : null;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Incrusta una videollamada de LiveKit en una app React Native envolviendo la\n * página embebible (`apps/embed`) en un WebView. Solo recibe un `token`; nunca\n * una API key (el tipo y este guard lo hacen imposible).\n */\nexport function VideoCall(props: VideoCallProps): ReactElement | null {\n  // Guard defensivo: el tipo ya lo impide, pero rechazamos cualquier intento de\n  // colar credenciales de servidor al dispositivo.\n  for (const forbidden of [\"apiKey\", \"apiSecret\", \"secret\"]) {\n    if (forbidden in (props as unknown as Record<string, unknown>)) {\n      throw new Error(`VideoCall no acepta \"${forbidden}\": jamás pases credenciales al cliente`);\n    }\n  }\n\n  const {\n    token,\n    livekitUrl,\n    embedBaseUrl,\n    theme,\n    onConnected,\n    onDisconnected,\n    onLeave,\n    onParticipantJoined,\n    onParticipantLeft,\n    onError,\n    style,\n  } = props;\n\n  const [permission, setPermission] = useState<PermissionState>(\"pending\");\n\n  useEffect(() => {\n    let cancelled = false;\n    ensureAndroidPermissions()\n      .then((ok) => {\n        if (cancelled) {\n          return;\n        }\n        setPermission(ok ? \"granted\" : \"denied\");\n        if (!ok) {\n          onError?.(new Error(\"Permisos de cámara/micrófono denegados\"));\n        }\n      })\n      .catch((err: unknown) => {\n        if (cancelled) {\n          return;\n        }\n        setPermission(\"denied\");\n        onError?.(err instanceof Error ? err : new Error(String(err)));\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [onError]);\n\n  const uri = useMemo(\n    () => buildRoomUrl({ embedBaseUrl, token, livekitUrl, theme }),\n    [embedBaseUrl, token, livekitUrl, theme],\n  );\n\n  const handleMessage = useCallback(\n    (event: WebViewMessageEvent) => {\n      const parsed = parseBridgeEvent(event.nativeEvent.data);\n      if (!parsed) {\n        return;\n      }\n      switch (parsed.type) {\n        case \"connected\":\n          onConnected?.();\n          break;\n        case \"disconnected\":\n          onDisconnected?.();\n          break;\n        case \"leave\":\n          onLeave?.();\n          break;\n        case \"participantJoined\":\n          onParticipantJoined?.({ identity: parsed.identity });\n          break;\n        case \"participantLeft\":\n          onParticipantLeft?.({ identity: parsed.identity });\n          break;\n        case \"error\":\n          onError?.(new Error(parsed.message));\n          break;\n      }\n    },\n    [onConnected, onDisconnected, onLeave, onParticipantJoined, onParticipantLeft, onError],\n  );\n\n  if (permission !== \"granted\") {\n    return null;\n  }\n\n  return (\n    <WebView\n      source={{ uri }}\n      style={[styles.fill, style]}\n      onMessage={handleMessage}\n      originWhitelist={[\"https://*\", \"http://*\"]}\n      javaScriptEnabled\n      domStorageEnabled\n      // iOS: permite reproducir video inline y conceder getUserMedia sin gesto.\n      allowsInlineMediaPlayback\n      mediaPlaybackRequiresUserAction={false}\n      mediaCapturePermissionGrantType=\"grant\"\n      onError={(e) => onError?.(new Error(e.nativeEvent.description))}\n    />\n  );\n}\n\nconst styles = StyleSheet.create({\n  fill: { flex: 1 },\n});\n"]}

package/dist/plugin/withVideoSdk.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var configPlugins = require('@expo/config-plugins');
+
+// src/plugin/withVideoSdk.ts
+var DEFAULT_CAMERA_TEXT = "Esta app usa la c\xE1mara para las videollamadas.";
+var DEFAULT_MICROPHONE_TEXT = "Esta app usa el micr\xF3fono para las videollamadas.";
+var withVideoSdk = (config, props) => {
+  const cameraText = props?.cameraText ?? DEFAULT_CAMERA_TEXT;
+  const microphoneText = props?.microphoneText ?? DEFAULT_MICROPHONE_TEXT;
+  const withIos = configPlugins.withInfoPlist(config, (cfg) => {
+    cfg.modResults.NSCameraUsageDescription = cfg.modResults.NSCameraUsageDescription ?? cameraText;
+    cfg.modResults.NSMicrophoneUsageDescription = cfg.modResults.NSMicrophoneUsageDescription ?? microphoneText;
+    return cfg;
+  });
+  return configPlugins.AndroidConfig.Permissions.withPermissions(withIos, [
+    "android.permission.CAMERA",
+    "android.permission.RECORD_AUDIO"
+  ]);
+};
+var withVideoSdk_default = withVideoSdk;
+
+module.exports = withVideoSdk_default;
+//# sourceMappingURL=withVideoSdk.cjs.map
+//# sourceMappingURL=withVideoSdk.cjs.map

package/dist/plugin/withVideoSdk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugin/withVideoSdk.ts"],"names":["withInfoPlist","AndroidConfig"],"mappings":";;;;;AAyBA,IAAM,mBAAA,GAAsB,mDAAA;AAC5B,IAAM,uBAAA,GAA0B,sDAAA;AAEhC,IAAM,YAAA,GAAyD,CAAC,MAAA,EAAQ,KAAA,KAAU;AAChF,EAAA,MAAM,UAAA,GAAa,OAAO,UAAA,IAAc,mBAAA;AACxC,EAAA,MAAM,cAAA,GAAiB,OAAO,cAAA,IAAkB,uBAAA;AAGhD,EAAA,MAAM,OAAA,GAAUA,2BAAA,CAAc,MAAA,EAAQ,CAAC,GAAA,KAAQ;AAC7C,IAAA,GAAA,CAAI,UAAA,CAAW,wBAAA,GACb,GAAA,CAAI,UAAA,CAAW,wBAAA,IAA4B,UAAA;AAC7C,IAAA,GAAA,CAAI,UAAA,CAAW,4BAAA,GACb,GAAA,CAAI,UAAA,CAAW,4BAAA,IAAgC,cAAA;AACjD,IAAA,OAAO,GAAA;AAAA,EACT,CAAC,CAAA;AAGD,EAAA,OAAOC,2BAAA,CAAc,WAAA,CAAY,eAAA,CAAgB,OAAA,EAAS;AAAA,IACxD,2BAAA;AAAA,IACA;AAAA,GACD,CAAA;AACH,CAAA;AAEA,IAAO,oBAAA,GAAQ","file":"withVideoSdk.cjs","sourcesContent":["import {\n  AndroidConfig,\n  withInfoPlist,\n  type ConfigPlugin,\n} from \"@expo/config-plugins\";\n\n/**\n * Config plugin de Expo para `payfri-video-sdk`. Inyecta en el prebuild los permisos\n * de cámara y micrófono que exige el sistema operativo para usar getUserMedia\n * dentro del WebView de `<VideoCall>`:\n *\n *   - iOS:    NSCameraUsageDescription, NSMicrophoneUsageDescription (Info.plist)\n *   - Android: CAMERA, RECORD_AUDIO (AndroidManifest)\n *\n * El tenant lo activa en su `app.json` y no toca ningún archivo nativo:\n *\n *   { \"plugins\": [[\"payfri-video-sdk\", { \"cameraText\": \"Para videollamadas\" }]] }\n */\nexport interface VideoSdkPluginProps {\n  /** Texto del permiso de cámara mostrado por iOS. */\n  cameraText?: string;\n  /** Texto del permiso de micrófono mostrado por iOS. */\n  microphoneText?: string;\n}\n\nconst DEFAULT_CAMERA_TEXT = \"Esta app usa la cámara para las videollamadas.\";\nconst DEFAULT_MICROPHONE_TEXT = \"Esta app usa el micrófono para las videollamadas.\";\n\nconst withVideoSdk: ConfigPlugin<VideoSdkPluginProps | void> = (config, props) => {\n  const cameraText = props?.cameraText ?? DEFAULT_CAMERA_TEXT;\n  const microphoneText = props?.microphoneText ?? DEFAULT_MICROPHONE_TEXT;\n\n  // iOS: no pisar valores que el proyecto ya haya definido.\n  const withIos = withInfoPlist(config, (cfg) => {\n    cfg.modResults.NSCameraUsageDescription =\n      cfg.modResults.NSCameraUsageDescription ?? cameraText;\n    cfg.modResults.NSMicrophoneUsageDescription =\n      cfg.modResults.NSMicrophoneUsageDescription ?? microphoneText;\n    return cfg;\n  });\n\n  // Android: withPermissions deduplica, así que es seguro re-declararlos.\n  return AndroidConfig.Permissions.withPermissions(withIos, [\n    \"android.permission.CAMERA\",\n    \"android.permission.RECORD_AUDIO\",\n  ]);\n};\n\nexport default withVideoSdk;\n"]}

package/dist/plugin/withVideoSdk.d.cts

@@ -0,0 +1,23 @@
+import { ConfigPlugin } from '@expo/config-plugins';
+
+/**
+ * Config plugin de Expo para `payfri-video-sdk`. Inyecta en el prebuild los permisos
+ * de cámara y micrófono que exige el sistema operativo para usar getUserMedia
+ * dentro del WebView de `<VideoCall>`:
+ *
+ *   - iOS:    NSCameraUsageDescription, NSMicrophoneUsageDescription (Info.plist)
+ *   - Android: CAMERA, RECORD_AUDIO (AndroidManifest)
+ *
+ * El tenant lo activa en su `app.json` y no toca ningún archivo nativo:
+ *
+ *   { "plugins": [["payfri-video-sdk", { "cameraText": "Para videollamadas" }]] }
+ */
+interface VideoSdkPluginProps {
+    /** Texto del permiso de cámara mostrado por iOS. */
+    cameraText?: string;
+    /** Texto del permiso de micrófono mostrado por iOS. */
+    microphoneText?: string;
+}
+declare const withVideoSdk: ConfigPlugin<VideoSdkPluginProps | void>;
+
+export { type VideoSdkPluginProps, withVideoSdk as default };

package/dist/plugin/withVideoSdk.d.ts

@@ -0,0 +1,23 @@
+import { ConfigPlugin } from '@expo/config-plugins';
+
+/**
+ * Config plugin de Expo para `payfri-video-sdk`. Inyecta en el prebuild los permisos
+ * de cámara y micrófono que exige el sistema operativo para usar getUserMedia
+ * dentro del WebView de `<VideoCall>`:
+ *
+ *   - iOS:    NSCameraUsageDescription, NSMicrophoneUsageDescription (Info.plist)
+ *   - Android: CAMERA, RECORD_AUDIO (AndroidManifest)
+ *
+ * El tenant lo activa en su `app.json` y no toca ningún archivo nativo:
+ *
+ *   { "plugins": [["payfri-video-sdk", { "cameraText": "Para videollamadas" }]] }
+ */
+interface VideoSdkPluginProps {
+    /** Texto del permiso de cámara mostrado por iOS. */
+    cameraText?: string;
+    /** Texto del permiso de micrófono mostrado por iOS. */
+    microphoneText?: string;
+}
+declare const withVideoSdk: ConfigPlugin<VideoSdkPluginProps | void>;
+
+export { type VideoSdkPluginProps, withVideoSdk as default };

package/dist/plugin/withVideoSdk.js

@@ -0,0 +1,23 @@
+import { withInfoPlist, AndroidConfig } from '@expo/config-plugins';
+
+// src/plugin/withVideoSdk.ts
+var DEFAULT_CAMERA_TEXT = "Esta app usa la c\xE1mara para las videollamadas.";
+var DEFAULT_MICROPHONE_TEXT = "Esta app usa el micr\xF3fono para las videollamadas.";
+var withVideoSdk = (config, props) => {
+  const cameraText = props?.cameraText ?? DEFAULT_CAMERA_TEXT;
+  const microphoneText = props?.microphoneText ?? DEFAULT_MICROPHONE_TEXT;
+  const withIos = withInfoPlist(config, (cfg) => {
+    cfg.modResults.NSCameraUsageDescription = cfg.modResults.NSCameraUsageDescription ?? cameraText;
+    cfg.modResults.NSMicrophoneUsageDescription = cfg.modResults.NSMicrophoneUsageDescription ?? microphoneText;
+    return cfg;
+  });
+  return AndroidConfig.Permissions.withPermissions(withIos, [
+    "android.permission.CAMERA",
+    "android.permission.RECORD_AUDIO"
+  ]);
+};
+var withVideoSdk_default = withVideoSdk;
+
+export { withVideoSdk_default as default };
+//# sourceMappingURL=withVideoSdk.js.map
+//# sourceMappingURL=withVideoSdk.js.map

package/dist/plugin/withVideoSdk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugin/withVideoSdk.ts"],"names":[],"mappings":";;;AAyBA,IAAM,mBAAA,GAAsB,mDAAA;AAC5B,IAAM,uBAAA,GAA0B,sDAAA;AAEhC,IAAM,YAAA,GAAyD,CAAC,MAAA,EAAQ,KAAA,KAAU;AAChF,EAAA,MAAM,UAAA,GAAa,OAAO,UAAA,IAAc,mBAAA;AACxC,EAAA,MAAM,cAAA,GAAiB,OAAO,cAAA,IAAkB,uBAAA;AAGhD,EAAA,MAAM,OAAA,GAAU,aAAA,CAAc,MAAA,EAAQ,CAAC,GAAA,KAAQ;AAC7C,IAAA,GAAA,CAAI,UAAA,CAAW,wBAAA,GACb,GAAA,CAAI,UAAA,CAAW,wBAAA,IAA4B,UAAA;AAC7C,IAAA,GAAA,CAAI,UAAA,CAAW,4BAAA,GACb,GAAA,CAAI,UAAA,CAAW,4BAAA,IAAgC,cAAA;AACjD,IAAA,OAAO,GAAA;AAAA,EACT,CAAC,CAAA;AAGD,EAAA,OAAO,aAAA,CAAc,WAAA,CAAY,eAAA,CAAgB,OAAA,EAAS;AAAA,IACxD,2BAAA;AAAA,IACA;AAAA,GACD,CAAA;AACH,CAAA;AAEA,IAAO,oBAAA,GAAQ","file":"withVideoSdk.js","sourcesContent":["import {\n  AndroidConfig,\n  withInfoPlist,\n  type ConfigPlugin,\n} from \"@expo/config-plugins\";\n\n/**\n * Config plugin de Expo para `payfri-video-sdk`. Inyecta en el prebuild los permisos\n * de cámara y micrófono que exige el sistema operativo para usar getUserMedia\n * dentro del WebView de `<VideoCall>`:\n *\n *   - iOS:    NSCameraUsageDescription, NSMicrophoneUsageDescription (Info.plist)\n *   - Android: CAMERA, RECORD_AUDIO (AndroidManifest)\n *\n * El tenant lo activa en su `app.json` y no toca ningún archivo nativo:\n *\n *   { \"plugins\": [[\"payfri-video-sdk\", { \"cameraText\": \"Para videollamadas\" }]] }\n */\nexport interface VideoSdkPluginProps {\n  /** Texto del permiso de cámara mostrado por iOS. */\n  cameraText?: string;\n  /** Texto del permiso de micrófono mostrado por iOS. */\n  microphoneText?: string;\n}\n\nconst DEFAULT_CAMERA_TEXT = \"Esta app usa la cámara para las videollamadas.\";\nconst DEFAULT_MICROPHONE_TEXT = \"Esta app usa el micrófono para las videollamadas.\";\n\nconst withVideoSdk: ConfigPlugin<VideoSdkPluginProps | void> = (config, props) => {\n  const cameraText = props?.cameraText ?? DEFAULT_CAMERA_TEXT;\n  const microphoneText = props?.microphoneText ?? DEFAULT_MICROPHONE_TEXT;\n\n  // iOS: no pisar valores que el proyecto ya haya definido.\n  const withIos = withInfoPlist(config, (cfg) => {\n    cfg.modResults.NSCameraUsageDescription =\n      cfg.modResults.NSCameraUsageDescription ?? cameraText;\n    cfg.modResults.NSMicrophoneUsageDescription =\n      cfg.modResults.NSMicrophoneUsageDescription ?? microphoneText;\n    return cfg;\n  });\n\n  // Android: withPermissions deduplica, así que es seguro re-declararlos.\n  return AndroidConfig.Permissions.withPermissions(withIos, [\n    \"android.permission.CAMERA\",\n    \"android.permission.RECORD_AUDIO\",\n  ]);\n};\n\nexport default withVideoSdk;\n"]}