@100mslive/react-native-hms 0.9.93 → 1.0.0

package/lib/commonjs/classes/HmsView.js.map

@@ -1 +1 @@
-{"version":3,"names":["HmsView","requireNativeComponent","_nextRequestId","_requestMap","Map","HmsViewComponent","React","forwardRef","props","ref","trackId","style","temporaryStyles","customStyle","id","mirror","setZOrderMediaOverlay","scaleType","HMSVideoViewMode","ASPECT_FILL","hmsViewRef","useRef","tempVal","setTempVal","useState","data","onChange","values","console","log","setTimeout","_onDataReturned","event","requestId","result","error","nativeEvent","promise","get","resolve","reject","delete","capture","requestMap","Promise","set","viewManagerConfig","UIManager","getViewManagerConfig","dispatchViewManagerCommand","findNodeHandle","current","Commands","useImperativeHandle","useEffect","StyleSheet","create","width","height"],"sources":["HmsView.tsx"],"sourcesContent":["import React, { useState, useEffect, useImperativeHandle, useRef } from 'react';\nimport {\n  findNodeHandle,\n  requireNativeComponent,\n  StyleSheet,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\nimport { HMSVideoViewMode } from './HMSVideoViewMode';\n\ninterface HmsViewProps {\n  data: {\n    trackId: string;\n    id: string;\n    mirror: boolean;\n  };\n  setZOrderMediaOverlay: boolean;\n  scaleType: HMSVideoViewMode;\n  style: ViewStyle;\n  onChange: Function;\n  onDataReturned: Function;\n}\n\nconst HmsView = requireNativeComponent<HmsViewProps>('HMSView');\nlet _nextRequestId = 1;\nlet _requestMap = new Map();\n\ninterface HmsComponentProps {\n  trackId: string;\n  style?: ViewStyle;\n  mirror?: boolean;\n  scaleType?: HMSVideoViewMode;\n  setZOrderMediaOverlay?: boolean;\n  id: string;\n}\n\nexport const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(\n  (props, ref) => {\n    const {\n      trackId,\n      style = temporaryStyles.customStyle,\n      id = '12345',\n      mirror = false,\n      setZOrderMediaOverlay = false,\n      scaleType = HMSVideoViewMode.ASPECT_FILL,\n    } = props;\n\n    const hmsViewRef: any = useRef();\n    const [tempVal, setTempVal] = useState(0);\n    const data = {\n      trackId,\n      id,\n      mirror,\n    };\n\n    const onChange = (values: any) => {\n      console.log(values, 'values');\n      setTimeout(() => {\n        setTempVal(1);\n      }, 2000);\n    };\n\n    const _onDataReturned = (event: {\n      nativeEvent: { requestId: any; result: any; error: any };\n    }) => {\n      // We grab the relevant data out of our event.\n      let { requestId, result, error } = event.nativeEvent;\n      // Then we get the promise we saved earlier for the given request ID.\n      let promise = _requestMap.get(requestId);\n      if (result) {\n        // If it was successful, we resolve the promise.\n        promise.resolve(result);\n      } else {\n        // Otherwise, we reject it.\n        promise.reject(error);\n      }\n      // Finally, we clean up our request map.\n      _requestMap.delete(requestId);\n    };\n\n    const capture = async () => {\n      let requestId = _nextRequestId++;\n      let requestMap = _requestMap;\n\n      // We create a promise here that will be resolved once `_onRequestDone` is\n      // called.\n      let promise = new Promise(function (resolve, reject) {\n        requestMap.set(requestId, { resolve, reject });\n      });\n      const viewManagerConfig = UIManager.getViewManagerConfig('HMSView');\n      UIManager.dispatchViewManagerCommand(\n        findNodeHandle(hmsViewRef.current),\n        viewManagerConfig.Commands.capture,\n        [requestId]\n      );\n      return promise;\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        capture,\n      };\n    });\n\n    useEffect(() => {\n      setTempVal(0);\n    }, [tempVal]);\n\n    return (\n      <HmsView\n        ref={hmsViewRef}\n        onChange={onChange}\n        data={data}\n        style={tempVal === 0 ? style : temporaryStyles.customStyle}\n        scaleType={scaleType}\n        setZOrderMediaOverlay={setZOrderMediaOverlay}\n        onDataReturned={_onDataReturned}\n      />\n    );\n  }\n);\n\nconst temporaryStyles = StyleSheet.create({\n  customStyle: {\n    width: '100%',\n    height: '50%',\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["HmsView","requireNativeComponent","_nextRequestId","_requestMap","Map","HmsViewComponent","React","forwardRef","props","ref","trackId","style","temporaryStyles","customStyle","id","mirror","setZOrderMediaOverlay","scaleType","HMSVideoViewMode","ASPECT_FILL","hmsViewRef","useRef","timerRef","tempVal","setTempVal","useState","data","useEffect","current","clearTimeout","onChange","values","console","log","setTimeout","_onDataReturned","event","requestId","result","error","nativeEvent","promise","get","resolve","reject","delete","capture","requestMap","Promise","set","viewManagerConfig","UIManager","getViewManagerConfig","dispatchViewManagerCommand","findNodeHandle","Commands","useImperativeHandle","StyleSheet","create","width","height"],"sources":["HmsView.tsx"],"sourcesContent":["import React, { useState, useEffect, useImperativeHandle, useRef } from 'react';\nimport {\n  findNodeHandle,\n  requireNativeComponent,\n  StyleSheet,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\nimport { HMSVideoViewMode } from './HMSVideoViewMode';\n\ninterface HmsViewProps {\n  data: {\n    trackId: string;\n    id: string;\n    mirror: boolean;\n  };\n  setZOrderMediaOverlay: boolean;\n  scaleType: HMSVideoViewMode;\n  style: ViewStyle;\n  onChange: Function;\n  onDataReturned: Function;\n}\n\nconst HmsView = requireNativeComponent<HmsViewProps>('HMSView');\nlet _nextRequestId = 1;\nlet _requestMap = new Map();\n\ninterface HmsComponentProps {\n  trackId: string;\n  style?: ViewStyle;\n  mirror?: boolean;\n  scaleType?: HMSVideoViewMode;\n  setZOrderMediaOverlay?: boolean;\n  id: string;\n}\n\nexport const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(\n  (props, ref) => {\n    const {\n      trackId,\n      style = temporaryStyles.customStyle,\n      id = '12345',\n      mirror = false,\n      setZOrderMediaOverlay = false,\n      scaleType = HMSVideoViewMode.ASPECT_FILL,\n    } = props;\n\n    const hmsViewRef: any = useRef();\n    const timerRef = useRef<null | NodeJS.Timeout>(null);\n    const [tempVal, setTempVal] = useState(0);\n    const data = {\n      trackId,\n      id,\n      mirror,\n    };\n\n    useEffect(() => {\n      return () => {\n        if (timerRef.current) {\n          clearTimeout(timerRef.current);\n        }\n      };\n    }, []);\n\n    const onChange = (values: any) => {\n      console.log(values, 'values');\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n\n      timerRef.current = setTimeout(() => {\n        setTempVal(1);\n        timerRef.current = null;\n      }, 2000);\n    };\n\n    const _onDataReturned = (event: {\n      nativeEvent: { requestId: any; result: any; error: any };\n    }) => {\n      // We grab the relevant data out of our event.\n      let { requestId, result, error } = event.nativeEvent;\n      // Then we get the promise we saved earlier for the given request ID.\n      let promise = _requestMap.get(requestId);\n      if (result) {\n        // If it was successful, we resolve the promise.\n        promise.resolve(result);\n      } else {\n        // Otherwise, we reject it.\n        promise.reject(error);\n      }\n      // Finally, we clean up our request map.\n      _requestMap.delete(requestId);\n    };\n\n    const capture = async () => {\n      let requestId = _nextRequestId++;\n      let requestMap = _requestMap;\n\n      // We create a promise here that will be resolved once `_onRequestDone` is\n      // called.\n      let promise = new Promise(function (resolve, reject) {\n        requestMap.set(requestId, { resolve, reject });\n      });\n      const viewManagerConfig = UIManager.getViewManagerConfig('HMSView');\n      UIManager.dispatchViewManagerCommand(\n        findNodeHandle(hmsViewRef.current),\n        viewManagerConfig.Commands.capture,\n        [requestId]\n      );\n      return promise;\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        capture,\n      };\n    });\n\n    useEffect(() => {\n      setTempVal(0);\n    }, [tempVal]);\n\n    return (\n      <HmsView\n        ref={hmsViewRef}\n        onChange={onChange}\n        data={data}\n        style={tempVal === 0 ? style : temporaryStyles.customStyle}\n        scaleType={scaleType}\n        setZOrderMediaOverlay={setZOrderMediaOverlay}\n        onDataReturned={_onDataReturned}\n      />\n    );\n  }\n);\n\nconst temporaryStyles = StyleSheet.create({\n  customStyle: {\n    width: '100%',\n    height: '50%',\n  },\n});\n"],"mappings":"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"}