Fix camera rear

src/components.d.ts

@@ -9,6 +9,7 @@
 import { HTMLStencilElement, JSXBase } from '@stencil/core/internal';
 import {
   ActionSheetOption,
+  FacingMode,
 } from './definitions';
 
 export namespace Components {
@@ -18,19 +19,19 @@ export namespace Components {
     'options': ActionSheetOption[];
   }
   interface PwaCamera {
-    'facingMode': string;
+    'facingMode': FacingMode;
     'handleNoDeviceError': (e?: any) => void;
     'handlePhoto': (photo: Blob) => void;
     'noDevicesButtonText': string;
     'noDevicesText': string;
   }
   interface PwaCameraModal {
     'dismiss': () => Promise<void>;
-    'facingMode': string;
+    'facingMode': FacingMode;
     'present': () => Promise<void>;
   }
   interface PwaCameraModalInstance {
-    'facingMode': string;
+    'facingMode': FacingMode;
     'noDevicesButtonText': string;
     'noDevicesText': string;
   }
@@ -89,19 +90,19 @@ declare namespace LocalJSX {
     'options'?: ActionSheetOption[];
   }
   interface PwaCamera {
-    'facingMode'?: string;
+    'facingMode'?: FacingMode;
     'handleNoDeviceError'?: (e?: any) => void;
     'handlePhoto'?: (photo: Blob) => void;
     'noDevicesButtonText'?: string;
     'noDevicesText'?: string;
   }
   interface PwaCameraModal {
-    'facingMode'?: string;
+    'facingMode'?: FacingMode;
     'onNoDeviceError'?: (event: CustomEvent<any>) => void;
     'onOnPhoto'?: (event: CustomEvent<any>) => void;
   }
   interface PwaCameraModalInstance {
-    'facingMode'?: string;
+    'facingMode'?: FacingMode;
     'noDevicesButtonText'?: string;
     'noDevicesText'?: string;
     'onNoDeviceError'?: (event: CustomEvent<any>) => void;

src/components/camera-modal/camera-modal-instance.tsx

@@ -1,4 +1,5 @@
 import { h, Event, EventEmitter, Component, Listen, Element, Prop } from '@stencil/core';
+import { FacingMode } from '../../definitions';
 
 @Component({
   tag: 'pwa-camera-modal-instance',
@@ -9,7 +10,7 @@ export class PWACameraModal {
   @Element() el;
   @Event() onPhoto: EventEmitter;
   @Event() noDeviceError: EventEmitter;
-  @Prop() facingMode: string = 'user';
+  @Prop() facingMode: FacingMode = 'user';
   @Prop() noDevicesText = 'No camera found';
   @Prop() noDevicesButtonText = 'Choose image';
 

src/components/camera-modal/camera-modal.tsx

@@ -1,13 +1,15 @@
 import { h, Event, EventEmitter, Component, Method, Prop } from '@stencil/core';
+import { FacingMode } from '../../definitions';
 
 @Component({
   tag: 'pwa-camera-modal',
   styleUrl: 'camera-modal.css',
   shadow: true
 })
 export class PWACameraModal {
-  @Prop() facingMode: string = 'user';
 
+  @Prop() facingMode: FacingMode = 'user';
+
   @Event() onPhoto: EventEmitter;
   @Event() noDeviceError: EventEmitter;
 

src/components/camera/camera.css

@@ -92,6 +92,8 @@ video {
   min-height: 100%;
   object-fit: cover;
   background-color: black;
+  -webkit-transform: initial;
+  transform: initial;
 }
 
 .pick-image {