chore: add types (#505)

docs/kotlin.md

@@ -8,7 +8,7 @@ Add the `kotlin_version` to `buildscript.ext`
 buildscript {
   ext {
         ...
-        kotlin_version = '1.5.10'
+        kotlin_version = '1.7.20'
   }
 ```
 

example/ios/CameraKitExample.xcodeproj/project.pbxproj

@@ -201,7 +201,7 @@
 			);
 			inputPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-CameraKitExample/Pods-CameraKitExample-frameworks.sh",
-				"${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL/OpenSSL.framework/OpenSSL",
+				"${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL-Universal/OpenSSL.framework/OpenSSL",
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputPaths = (

example/ios/Podfile.lock

@@ -294,7 +294,7 @@ PODS:
     - React-Core (= 0.63.4)
     - React-cxxreact (= 0.63.4)
     - React-jsi (= 0.63.4)
-  - ReactNativeCameraKit (11.2.0):
+  - ReactNativeCameraKit (13.0.0):
     - React-Core
   - Yoga (1.14.0)
   - YogaKit (1.18.1):
@@ -458,10 +458,10 @@ SPEC CHECKSUMS:
   React-RCTText: 5c51df3f08cb9dedc6e790161195d12bac06101c
   React-RCTVibration: ae4f914cfe8de7d4de95ae1ea6cc8f6315d73d9d
   ReactCommon: 73d79c7039f473b76db6ff7c6b159c478acbbb3b
-  ReactNativeCameraKit: c25ef4c32abd8918578a9ece01c90233f478c97c
+  ReactNativeCameraKit: 9d46a5d7dd544ca64aa9c03c150d2348faf437eb
   Yoga: 4bd86afe9883422a7c4028c00e34790f560923d6
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 
 PODFILE CHECKSUM: f9ef8a8a0dbf13b0a1ceaa5b4c54937559d74e9e
 
-COCOAPODS: 1.10.1
+COCOAPODS: 1.11.3

src/CameraScreen.tsx

@@ -10,6 +10,7 @@ import {
   Platform,
   SafeAreaView,
   ImageStyle,
+  ImageSourcePropType,
 } from 'react-native';
 import _ from 'lodash';
 import Camera from './Camera';
@@ -22,44 +23,61 @@ const { width, height } = Dimensions.get('window');
 
 export enum CameraType {
   Front = 'front',
-  Back = 'back'
+  Back = 'back',
 }
 
+export type ActionsT = {
+  leftButtonText?: string;
+  rightButtonText?: string;
+};
+
+export type CameraRatioOverlayT = {
+  ratios: string[];
+};
+
+export type FlashImagesT = {
+  on: number | string;
+  off: number | string;
+  auto: number | string;
+};
+
 export type Props = {
-  focusMode?: string,
+  actions?: ActionsT;
-  zoomMode?: string,
+  flashImages?: FlashImagesT;
-  ratioOverlay?: string,
+  focusMode?: string;
-  ratioOverlayColor?: string,
+  zoomMode?: string;
-  allowCaptureRetake: boolean,
+  ratioOverlay?: string;
-  cameraRatioOverlay: any,
+  ratioOverlayColor?: string;
-  showCapturedImageCount?: boolean,
+  allowCaptureRetake?: boolean;
-  captureButtonImage: any,
+  cameraRatioOverlay?: CameraRatioOverlayT;
-  captureButtonImageStyle: ImageStyle,
+  showCapturedImageCount?: boolean;
-  cameraFlipImage: any,
+  captureButtonImage?: ImageSourcePropType;
-  cameraFlipImageStyle: ImageStyle,
+  captureButtonImageStyle?: ImageStyle;
-  hideControls: any,
+  cameraFlipImage?: ImageSourcePropType;
-  showFrame: any,
+  cameraFlipImageStyle?: ImageStyle;
-  scanBarcode: any,
+  hideControls?: boolean;
-  laserColor: any,
+  showFrame?: boolean;
-  frameColor: any,
+  scanBarcode?: boolean;
-  torchOnImage: any,
+  laserColor?: string;
-  torchOffImage: any,
+  frameColor?: string;
-
+  torchOnImage?: any;
-  torchImageStyle: ImageStyle,
+  torchOffImage?: any;
-  onReadCode: (event: any) => void;
+  cameraType?: CameraType;
-  onBottomButtonPressed: (event: any) => void;
+  torchImageStyle?: ImageStyle;
-}
+  onReadCode?: (event: any) => void;
+  onBottomButtonPressed?: (event: any) => void;
+};
 
 type State = {
-  captureImages: any[],
+  captureImages: any[];
-  flashData: any,
+  flashData: any;
-  torchMode: boolean,
+  torchMode: boolean;
-  ratios: any[],
+  ratios: any[];
-  ratioArrayPosition: number,
+  ratioArrayPosition: number;
-  imageCaptured: any,
+  imageCaptured: any;
-  captured: boolean,
+  captured: boolean;
-  cameraType: CameraType,
+  cameraType: CameraType;
-}
+};
 
 export default class CameraScreen extends Component<Props, State> {
   static propTypes = {
@@ -105,7 +123,7 @@ export default class CameraScreen extends Component<Props, State> {
   }
 
   componentDidMount() {
-    let ratios = [];
+    let ratios: string | any[] = [];
     if (this.props.cameraRatioOverlay) {
       ratios = this.props.cameraRatioOverlay.ratios || [];
     }
@@ -127,7 +145,7 @@ export default class CameraScreen extends Component<Props, State> {
           <Image
             style={[{ flex: 1, justifyContent: 'center' }, this.props.torchImageStyle]}
             source={this.state.flashData.image}
-            resizeMode="contain"
+            resizeMode='contain'
           />
         </TouchableOpacity>
       )
@@ -141,7 +159,7 @@ export default class CameraScreen extends Component<Props, State> {
           <Image
             style={[{ flex: 1, justifyContent: 'center' }, this.props.torchImageStyle]}
             source={this.state.torchMode ? this.props.torchOnImage : this.props.torchOffImage}
-            resizeMode="contain"
+            resizeMode='contain'
           />
         </TouchableOpacity>
       )
@@ -156,7 +174,7 @@ export default class CameraScreen extends Component<Props, State> {
           <Image
             style={{ flex: 1, justifyContent: 'center' }}
             source={this.props.cameraFlipImage}
-            resizeMode="contain"
+            resizeMode='contain'
           />
         </TouchableOpacity>
       )
@@ -195,7 +213,6 @@ export default class CameraScreen extends Component<Props, State> {
             laserColor={this.props.laserColor}
             frameColor={this.props.frameColor}
             onReadCode={this.props.onReadCode}
-
           />
         )}
       </View>
@@ -222,7 +239,7 @@ export default class CameraScreen extends Component<Props, State> {
             <Image
               source={this.props.captureButtonImage}
               style={this.props.captureButtonImageStyle}
-              resizeMode="contain"
+              resizeMode='contain'
             />
             {this.props.showCapturedImageCount && (
               <View style={styles.textNumberContainer}>
@@ -351,8 +368,7 @@ export default class CameraScreen extends Component<Props, State> {
   }
 }
 
-const styles = StyleSheet.create(
+const styles = StyleSheet.create({
-  {
   bottomButtons: {
     flex: 2,
     flexDirection: 'row',
@@ -424,4 +440,4 @@ const styles = StyleSheet.create(
     flex: 10,
     flexDirection: 'column',
   },
-  });
+});