react-native-capture/lib/module/components/SocketCamViewContainer.js

Socket Mobile CaptureSDK for React Native

"use strict";

import { Platform, DeviceEventEmitter, Modal, StyleSheet } from 'react-native';
import React, { useEffect, useState } from 'react';
import { CaptureSdk } from 'react-native-capture';
import { CaptureProperty, CapturePropertyIds, CapturePropertyTypes } from 'socketmobile-capturejs';
import SocketCamNativeView from './SocketCamNativeView';

// Internal type used for cloneElement when the host app provides a custom Android camera view.
import { jsx as _jsx } from "react/jsx-runtime";
const SocketCamViewContainer = ({
  openSocketCamView,
  clientOrDeviceHandle,
  triggerType,
  socketCamDevice,
  handleSetSocketCamExtensionStatus,
  handleSetStatus,
  myLogger,
  socketCamCustomStyle,
  socketCamCustomModalStyle,
  androidSocketCamCustomView
}) => {
  const isAndroid = Platform.OS === 'android';
  const [customViewHandle, setCustomViewHandle] = useState(null);

  // ── Effect 1: Android extension lifecycle ────────────────────────────────
  // Starts the SocketCam extension APK process on mount so it is running before
  // any setProperty(SocketCamStatus) call. Cleans up the DeviceEventEmitter
  // subscription on unmount to prevent listener accumulation across re-mounts.
  useEffect(() => {
    if (!isAndroid) return;

    // Validate handle before registering any listener (fix: bug #2).
    if (clientOrDeviceHandle === undefined) {
      console.error('[SocketCamViewContainer] handle is undefined, cannot start SocketCamExtension');
      return;
    }
    handleSetSocketCamExtensionStatus?.('Starting...');

    // Register listener AFTER validating handle (fix: bug #2).
    const subscription = DeviceEventEmitter.addListener('SocketCamExtension', eventData => {
      const {
        message,
        status
      } = eventData;
      if (status === 2) {
        handleSetSocketCamExtensionStatus?.(`SocketCamExtension: ${message}`);
      }
    });
    if (androidSocketCamCustomView) {
      CaptureSdk.startSocketCamExtensionCustom(clientOrDeviceHandle);
    } else {
      CaptureSdk.startSocketCamExtension(clientOrDeviceHandle);
    }

    // Clean up listener on unmount (fix: bug #1).
    return () => {
      subscription.remove();
    };
    // Intentionally empty deps: extension is started once per mount.
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  // ── Effect 2: Set trigger and fetch custom view handle ───────────────────
  // Runs whenever the view opens or the device / trigger changes.
  // Full deps array prevents stale closures (fix: bug #5).
  useEffect(() => {
    if (!openSocketCamView || !socketCamDevice) return;
    const device = socketCamDevice;
    const triggerProp = new CaptureProperty(CapturePropertyIds.TriggerDevice, CapturePropertyTypes.Byte, triggerType);
    device.devCapture.setProperty(triggerProp).then(() => {
      if (isAndroid && androidSocketCamCustomView) {
        // CaptureSdk from 'react-native-capture' routes through the TurboModule on new architecture.
        CaptureSdk.getCustomDeviceHandle().then(res => setCustomViewHandle(res)).catch(err => {
          const msg = `[SocketCamViewContainer] getCustomDeviceHandle: ${err}`;
          handleSetStatus ? handleSetStatus(msg) : myLogger?.error(msg) ?? console.error(msg);
        });
      }
    }).catch(err => {
      const msg = `[SocketCamViewContainer] setTrigger failed: ${err}`;
      handleSetStatus ? handleSetStatus(msg) : myLogger?.error(msg) ?? console.error(msg);
    });
  }, [clientOrDeviceHandle, socketCamDevice, triggerType, openSocketCamView, androidSocketCamCustomView, handleSetStatus, myLogger, isAndroid]);

  // ── Render ────────────────────────────────────────────────────────────────
  if (!openSocketCamView) return null;
  if (!socketCamDevice) {
    console.warn('[SocketCamViewContainer] openSocketCamView is true but no socketCamDevice provided.');
    return null;
  }
  if (isAndroid) {
    // Android rendering is handled entirely by the host app's custom view.
    // Nothing to show until the custom view handle is ready.
    if (!androidSocketCamCustomView || !customViewHandle) return null;
    return /*#__PURE__*/React.cloneElement(androidSocketCamCustomView, {
      customViewHandle
    });
  }

  // iOS: render inline subview or full-screen modal.
  // Fix: isAndroid is now a plain constant, not state (fix: bug #3).
  if (socketCamCustomStyle) {
    return /*#__PURE__*/_jsx(SocketCamNativeView, {
      style: socketCamCustomStyle
    });
  }
  return /*#__PURE__*/_jsx(Modal, {
    presentationStyle: socketCamCustomModalStyle?.presentationStyle,
    transparent: socketCamCustomModalStyle?.transparent,
    animationType: socketCamCustomModalStyle?.animationType,
    visible: true,
    children: /*#__PURE__*/_jsx(SocketCamNativeView, {
      style: styles.container
    })
  });
};
const styles = StyleSheet.create({
  container: {
    flex: 1
  }
});
export default SocketCamViewContainer;
//# sourceMappingURL=SocketCamViewContainer.js.map