@monkvision/inspection-capture-web 4.0.0

package/LICENSE

@@ -0,0 +1,32 @@
+The Clear BSD License
+
+Copyright (c) [2022] [Monk](http://monk.ai)
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted (subject to the limitations in the disclaimer
+below) provided that the following conditions are met:
+
+     * Redistributions of source code must retain the above copyright notice,
+     this list of conditions and the following disclaimer.
+
+     * Redistributions in binary form must reproduce the above copyright
+     notice, this list of conditions and the following disclaimer in the
+     documentation and/or other materials provided with the distribution.
+
+     * Neither the name of the copyright holder nor the names of its
+     contributors may be used to endorse or promote products derived from this
+     software without specific prior written permission.
+
+NO EXPRESS OR IMPLIED LICENSES TO ANY PARTY'S PATENT RIGHTS ARE GRANTED BY
+THIS LICENSE. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND
+CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
+PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR
+CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
+BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER
+IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -0,0 +1,97 @@
+# @monkvision/inspection-capture-web
+This package provides utils, tools and ready-to-use components used to capture pictures needed to run Monk inspections.
+There are two main workflows for capturing pictures of a vehicle for a Monk inspection :
+- The **PhotoCapture** workflow : the user is shown a certain set of car wireframes, called *Sights*, and they are asked
+  to take pictures of the vehicle by aligning the vehicle with the Sight overlays.
+- The **VideoCapture** workflow : the user is asked to record a quick video of their vehicle by filming it and rotating
+  in a full circle around it.
+
+# Installing
+To install the package, you can run the following command :
+
+```shell
+yarn add @monkvision/inspection-capture-web
+```
+
+If you are using TypeScript, this package comes with its type definitions integrated, so you don't need to install
+anything else!
+
+# PhotoCapture
+The PhotoCapture wofklow is aimed at guiding users in taking pictures of their vehicle in order to add them to a Monk
+inspection. The user is shown a set of car wireframes, which we call *Sights* and that are available in the
+`@monkvision/sights` package. These Sights act as guides, and the user is asked to take pictures of their vehicle by
+aligning it with the Sights.
+
+Please refer to the [official MonkJs documentation](https://monkvision.github.io/monkjs/docs/photo-capture-workflow) to
+have a detailed overview of the Photo Capture workflow.
+
+## PhotoCapture component
+This package exports a ready-to-use single-page component called `PhotoCapture` that implements the PhotoCapture
+workflow. In order to use it, simply create a new page in your application containing just this component. You will then
+need to generate a Monk authentication token (using Auth0), and create a new inspection, in which all tasks statuses are
+set to `NOT_STARTED` (so that we can add images to them later). You can then pass the api config (with the auth token),
+the inspection ID, as well as a list of Sights (to display to the user) to the `PhotoCapture` component. Once the user
+has completed the capture workflow, the `onComplete` callback will be called, and you will then be able to navigate to
+another page. The complete list of configuration props for this component is available at the end of this section.
+
+```tsx
+import { sights } from '@monkvision/sights';
+import { PhotoCapture } from '@monkvision/inspection-capture-web';
+
+const PHOTO_CAPTURE_SIGHTS = [
+  sights['fesc20-0mJeXBDf'],
+  sights['fesc20-26n47kaO'],
+  sights['fesc20-2bLRuhEQ'],
+  sights['fesc20-4Wqx52oU'],
+  sights['fesc20-Tlu3sz8A'],
+];
+
+const apiDomain = 'api.preview.monk.ai/v1';
+
+export function MonkPhotoCapturePage({ authToken }) {
+  return (
+    <PhotoCapture
+      inspectionId={inspectionId}
+      apiConfig={{ apiDomain, authToken }}
+      sights={PHOTO_CAPTURE_SIGHTS}
+      onComplete={() => { /* Navigate to another page */ }}
+    />
+  );
+}
+```
+
+| Prop                               | Type                                         | Description                                                                                                                                                                                      | Required | Default Value                                |
+|------------------------------------|----------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------|----------------------------------------------|
+| sights                             | Sight[]                                      | The list of Sights to take pictures of. The values in this array should be retreived from the `@monkvision/sights` package.                                                                      | ✔️       |                                              |
+| inspectionId                       | string                                       | The ID of the inspection to add images to. Make sure that the user that created the inspection if the same one as the one described in the auth token in the `apiConfig` prop.                   | ✔️       |                                              |
+| apiConfig                          | ApiConfig                                    | The api config used to communicate with the API. Make sure that the user described in the auth token is the same one as the one that created the inspection provided in the `inspectionId` prop. | ✔️       |                                              |
+| onClose                            | `() => void`                                 | Callback called when the user clicks on the Close button. If this callback is not provided, the button will not be displayed on the screen.                                                      |          |                                              |
+| onComplete                         | `() => void`                                 | Callback called when inspection capture is complete.                                                                                                                                             |          |                                              |
+| lang                               | <code>string &#124; null</code>              | The language to be used by this component.                                                                                                                                                       |          | `'en'`                                       |
+| enforceOrientation                 | `DeviceOrientation`                          | Use this prop to enforce a specific device orientation for the Camera screen.                                                                                                                    |          |                                              |
+| maxUploadDurationWarning           | `number`                                     | Max upload duration in milliseconds before showing a bad connection warning to the user. Use `-1` to never display the warning.                                                                  |          | `15000`                                      |
+| useAdaptiveImageQuality            | `boolean`                                    | Boolean indicating if the image quality should be downgraded automatically in case of low connection.                                                                                            |          | `true`                                       |
+| showCloseButton                    | `boolean`                                    | Indicates if the close button should be displayed in the HUD on top of the Camera preview.                                                                                                       |          | `false`                                      |
+| startTasksOnComplete               | `<code>boolean &#124; TaskName[]</code>`     | Value indicating if tasks should be started at the end of the inspection. See the `inspection-capture-web` package doc for more info.                                                            |          | `true`                                       |
+| additionalTasks                    | `TaskName[]`                                 | An optional list of additional tasks to run on every Sight of the inspection.                                                                                                                    |          |                                              |
+| tasksBySight                       | `Record<string, TaskName[]>`                 | Record associating each sight with a list of tasks to execute for it. If not provided, the default tasks of the sight will be used.                                                              |          |                                              |
+| format                             | `CompressionFormat`                          | The output format of the compression.                                                                                                                                                            |          | `CompressionFormat.JPEG`                     |
+| quality                            | `number`                                     | Value indicating image quality for the compression output.                                                                                                                                       |          | `0.6`                                        |
+| resolution                         | `CameraResolution`                           | Indicates the resolution of the pictures taken by the Camera.                                                                                                                                    |          | `CameraResolution.UHD_4K`                    |
+| allowImageUpscaling                | `boolean`                                    | Allow images to be scaled up if the device does not support the specified resolution in the `resolution` prop.                                                                                   |          | `false`                                      |
+| allowSkipRetake                    | `boolean`                                    | If compliance is enabled, this prop indicate if the user is allowed to skip the retaking process if some pictures are not compliant.                                                             |          | `false`                                      |
+| enableCompliance                   | `boolean`                                    | Indicates if compliance checks should be enabled or not.                                                                                                                                         |          | `true`                                       |
+| enableCompliancePerSight           | `string[]`                                   | Array of Sight IDs that indicates for which sight IDs the compliance should be enabled.                                                                                                          |          |                                              |
+| complianceIssues                   | `ComplianceIssue[]`                          | If compliance checks are enabled, this property can be used to select a list of compliance issues to check.                                                                                      |          | `DEFAULT_COMPLIANCE_ISSUES`                  |
+| complianceIssuesPerSight           | `Record<string, ComplianceIssue[]>`          | A map associating Sight IDs to a list of compliance issues to check.                                                                                                                             |          |                                              |
+| useLiveCompliance                  | `boolean`                                    | Indicates if live compliance should be enabled or not.                                                                                                                                           |          | `false`                                      |
+| customComplianceThresholds         | `CustomComplianceThresholds`                 | Custom thresholds that can be used to modify the strictness of the compliance for certain compliance issues.                                                                                     |          |                                              |
+| customComplianceThresholdsPerSight | `Record<string, CustomComplianceThresholds>` | A map associating Sight IDs to custom compliance thresholds.                                                                                                                                     |          |                                              |
+| validateButtonLabel                | `string`                                     | Custom label for validate button in gallery view.                                                                                                                                                |          |                                              |
+| enableSightGuideline               | `boolean`                                    | Boolean indicating whether the sight guideline feature is enabled. If disabled, the guideline text will be hidden.                                                                               |          | `true`                                       |
+| sightGuidelines                    | `sightGuideline[]`                           | A collection of sight guidelines in different language with a list of sightIds associate to it.                                                                                                  |          |                                              |
+| enableTutorial                     | `PhotoCaptureTutorialOption`                 | Options for displaying the photo capture tutorial.                                                                                                                                               |          | `PhotoCaptureTutorialOption.FIRST_TIME_ONLY` |
+| allowSkipTutorial                  | `boolean`                                    | Boolean indicating if the user can skip the PhotoCapture tutorial.                                                                                                                               |          | `true`                                       |
+| thumbnailDomain                    | `string`                                     | The API domain used to communicate with the resize micro service.                                                                                                                                | ✔️       |                                              |
+
+

package/lib/PhotoCapture/PhotoCapture.d.ts

@@ -0,0 +1,44 @@
+import { CameraProps } from '@monkvision/camera-web';
+import { MonkApiConfig } from '@monkvision/network';
+import { CameraConfig, CaptureAppConfig, ComplianceOptions, CompressionOptions, Sight } from '@monkvision/types';
+import { PhotoCaptureHUDProps } from './PhotoCaptureHUD';
+/**
+ * Props of the PhotoCapture component.
+ */
+export interface PhotoCaptureProps extends Pick<CameraProps<PhotoCaptureHUDProps>, 'resolution' | 'allowImageUpscaling'>, Pick<CaptureAppConfig, keyof CameraConfig | 'maxUploadDurationWarning' | 'useAdaptiveImageQuality' | 'additionalTasks' | 'tasksBySight' | 'startTasksOnComplete' | 'showCloseButton' | 'enforceOrientation' | 'allowSkipRetake' | 'enableAddDamage' | 'sightGuidelines' | 'enableSightGuidelines' | 'enableTutorial' | 'allowSkipTutorial' | 'enableSightTutorial'>, Partial<CompressionOptions>, Partial<ComplianceOptions> {
+    /**
+     * The list of sights to take pictures of. The values in this array should be retreived from the `@monkvision/sights`
+     * package.
+     */
+    sights: Sight[];
+    /**
+     * The ID of the inspection to add images to. Make sure that the user that created the inspection if the same one as
+     * the one described in the auth token in the `apiConfig` prop.
+     */
+    inspectionId: string;
+    /**
+     * The api config used to communicate with the API. Make sure that the user described in the auth token is the same
+     * one as the one that created the inspection provided in the `inspectionId` prop.
+     */
+    apiConfig: MonkApiConfig;
+    /**
+     * Callback called when the user clicks on the Close button. If this callback is not provided, the button will not be
+     * displayed on the screen.
+     */
+    onClose?: () => void;
+    /**
+     * Callback called when inspection capture is complete.
+     */
+    onComplete?: () => void;
+    /**
+     * The language to be used by this component.
+     *
+     * @default en
+     */
+    lang?: string | null;
+    /**
+     * Custom label for validate button in gallery view.
+     */
+    validateButtonLabel?: string;
+}
+export declare function PhotoCapture({ sights, inspectionId, apiConfig, additionalTasks, tasksBySight, startTasksOnComplete, onClose, onComplete, maxUploadDurationWarning, showCloseButton, enableCompliance, enableCompliancePerSight, complianceIssues, complianceIssuesPerSight, customComplianceThresholds, customComplianceThresholdsPerSight, useLiveCompliance, allowSkipRetake, enableAddDamage, sightGuidelines, enableTutorial, allowSkipTutorial, enableSightTutorial, enableSightGuidelines, useAdaptiveImageQuality, lang, enforceOrientation, validateButtonLabel, ...initialCameraConfig }: PhotoCaptureProps): JSX.Element;

package/lib/PhotoCapture/PhotoCapture.js

@@ -0,0 +1,179 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhotoCapture = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var analytics_1 = require("@monkvision/analytics");
+var camera_web_1 = require("@monkvision/camera-web");
+var common_1 = require("@monkvision/common");
+var common_ui_web_1 = require("@monkvision/common-ui-web");
+var monitoring_1 = require("@monkvision/monitoring");
+var types_1 = require("@monkvision/types");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var PhotoCapture_styles_1 = require("./PhotoCapture.styles");
+var PhotoCaptureHUD_1 = require("./PhotoCaptureHUD");
+var hooks_1 = require("./hooks");
+var PhotoCaptureScreen;
+(function (PhotoCaptureScreen) {
+    PhotoCaptureScreen["CAMERA"] = "camera";
+    PhotoCaptureScreen["GALLERY"] = "gallery";
+})(PhotoCaptureScreen || (PhotoCaptureScreen = {}));
+// No ts-doc for this component : the component exported is PhotoCaptureHOC
+function PhotoCapture(_a) {
+    var sights = _a.sights, inspectionId = _a.inspectionId, apiConfig = _a.apiConfig, additionalTasks = _a.additionalTasks, tasksBySight = _a.tasksBySight, _b = _a.startTasksOnComplete, startTasksOnComplete = _b === void 0 ? true : _b, onClose = _a.onClose, onComplete = _a.onComplete, _c = _a.maxUploadDurationWarning, maxUploadDurationWarning = _c === void 0 ? 15000 : _c, _d = _a.showCloseButton, showCloseButton = _d === void 0 ? false : _d, _e = _a.enableCompliance, enableCompliance = _e === void 0 ? true : _e, enableCompliancePerSight = _a.enableCompliancePerSight, complianceIssues = _a.complianceIssues, complianceIssuesPerSight = _a.complianceIssuesPerSight, customComplianceThresholds = _a.customComplianceThresholds, customComplianceThresholdsPerSight = _a.customComplianceThresholdsPerSight, _f = _a.useLiveCompliance, useLiveCompliance = _f === void 0 ? false : _f, _g = _a.allowSkipRetake, allowSkipRetake = _g === void 0 ? false : _g, _h = _a.enableAddDamage, enableAddDamage = _h === void 0 ? true : _h, sightGuidelines = _a.sightGuidelines, _j = _a.enableTutorial, enableTutorial = _j === void 0 ? types_1.PhotoCaptureTutorialOption.FIRST_TIME_ONLY : _j, _k = _a.allowSkipTutorial, allowSkipTutorial = _k === void 0 ? true : _k, _l = _a.enableSightTutorial, enableSightTutorial = _l === void 0 ? true : _l, _m = _a.enableSightGuidelines, enableSightGuidelines = _m === void 0 ? true : _m, _o = _a.useAdaptiveImageQuality, useAdaptiveImageQuality = _o === void 0 ? true : _o, lang = _a.lang, enforceOrientation = _a.enforceOrientation, validateButtonLabel = _a.validateButtonLabel, initialCameraConfig = __rest(_a, ["sights", "inspectionId", "apiConfig", "additionalTasks", "tasksBySight", "startTasksOnComplete", "onClose", "onComplete", "maxUploadDurationWarning", "showCloseButton", "enableCompliance", "enableCompliancePerSight", "complianceIssues", "complianceIssuesPerSight", "customComplianceThresholds", "customComplianceThresholdsPerSight", "useLiveCompliance", "allowSkipRetake", "enableAddDamage", "sightGuidelines", "enableTutorial", "allowSkipTutorial", "enableSightTutorial", "enableSightGuidelines", "useAdaptiveImageQuality", "lang", "enforceOrientation", "validateButtonLabel"]);
+    (0, common_1.useI18nSync)(lang);
+    var complianceOptions = (0, common_1.useObjectMemo)({
+        enableCompliance: enableCompliance,
+        enableCompliancePerSight: enableCompliancePerSight,
+        complianceIssues: complianceIssues,
+        complianceIssuesPerSight: complianceIssuesPerSight,
+        useLiveCompliance: useLiveCompliance,
+        customComplianceThresholds: customComplianceThresholds,
+        customComplianceThresholdsPerSight: customComplianceThresholdsPerSight,
+    });
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var monitoring = (0, monitoring_1.useMonitoring)();
+    var _p = (0, react_1.useState)(PhotoCaptureScreen.CAMERA), currentScreen = _p[0], setCurrentScreen = _p[1];
+    var dimensions = (0, common_1.useWindowDimensions)();
+    var analytics = (0, analytics_1.useAnalytics)();
+    var loading = (0, common_1.useLoadingState)();
+    var addDamageHandle = (0, hooks_1.useAddDamageMode)();
+    (0, hooks_1.useTracking)({ inspectionId: inspectionId, authToken: apiConfig.authToken });
+    var setIsInitialInspectionFetched = (0, hooks_1.useComplianceAnalytics)({ inspectionId: inspectionId, sights: sights }).setIsInitialInspectionFetched;
+    var _q = (0, hooks_1.useAdaptiveCameraConfig)({
+        initialCameraConfig: initialCameraConfig,
+        useAdaptiveImageQuality: useAdaptiveImageQuality,
+    }), adaptiveCameraConfig = _q.adaptiveCameraConfig, adaptiveUploadEventHandlers = _q.uploadEventHandlers;
+    var startTasks = (0, hooks_1.useStartTasksOnComplete)({
+        inspectionId: inspectionId,
+        apiConfig: apiConfig,
+        sights: sights,
+        additionalTasks: additionalTasks,
+        tasksBySight: tasksBySight,
+        startTasksOnComplete: startTasksOnComplete,
+        loading: loading,
+    });
+    var onLastSightTaken = function () {
+        setCurrentScreen(PhotoCaptureScreen.GALLERY);
+    };
+    var sightState = (0, hooks_1.usePhotoCaptureSightState)({
+        inspectionId: inspectionId,
+        captureSights: sights,
+        apiConfig: apiConfig,
+        loading: loading,
+        onLastSightTaken: onLastSightTaken,
+        tasksBySight: tasksBySight,
+        complianceOptions: complianceOptions,
+        setIsInitialInspectionFetched: setIsInitialInspectionFetched,
+    });
+    var _r = (0, hooks_1.usePhotoCaptureTutorial)({
+        enableTutorial: enableTutorial,
+        enableSightGuidelines: enableSightGuidelines,
+        enableSightTutorial: enableSightTutorial,
+    }), currentTutorialStep = _r.currentTutorialStep, goToNextTutorialStep = _r.goToNextTutorialStep, closeTutorial = _r.closeTutorial;
+    var _s = (0, hooks_1.useBadConnectionWarning)({ maxUploadDurationWarning: maxUploadDurationWarning }), isBadConnectionWarningDialogDisplayed = _s.isBadConnectionWarningDialogDisplayed, closeBadConnectionWarningDialog = _s.closeBadConnectionWarningDialog, badConnectionWarningUploadEventHandlers = _s.uploadEventHandlers;
+    var uploadQueue = (0, hooks_1.useUploadQueue)({
+        inspectionId: inspectionId,
+        apiConfig: apiConfig,
+        additionalTasks: additionalTasks,
+        complianceOptions: complianceOptions,
+        eventHandlers: [adaptiveUploadEventHandlers, badConnectionWarningUploadEventHandlers],
+    });
+    var images = (0, hooks_1.usePhotoCaptureImages)(inspectionId);
+    var handlePictureTaken = (0, hooks_1.usePictureTaken)({
+        sightState: sightState,
+        addDamageHandle: addDamageHandle,
+        uploadQueue: uploadQueue,
+        tasksBySight: tasksBySight,
+    });
+    var handleOpenGallery = function () {
+        setCurrentScreen(PhotoCaptureScreen.GALLERY);
+        analytics.trackEvent('Gallery Opened');
+    };
+    var handleGalleryBack = function () { return setCurrentScreen(PhotoCaptureScreen.CAMERA); };
+    var handleNavigateToCapture = function (options) {
+        if (options.reason === common_ui_web_1.NavigateToCaptureReason.ADD_DAMAGE) {
+            addDamageHandle.handleAddDamage();
+        }
+        else if (options.reason === common_ui_web_1.NavigateToCaptureReason.CAPTURE_SIGHT) {
+            var selectedSight = sights.find(function (sight) { return sight.id === options.sightId; });
+            if (!selectedSight) {
+                return;
+            }
+            sightState.selectSight(selectedSight);
+        }
+        else if (options.reason === common_ui_web_1.NavigateToCaptureReason.RETAKE_PICTURE) {
+            sightState.retakeSight(options.sightId);
+        }
+        setCurrentScreen(PhotoCaptureScreen.CAMERA);
+    };
+    var allowRedirect = (0, common_1.usePreventExit)(sightState.sightsTaken.length !== 0).allowRedirect;
+    var handleGalleryValidate = function () {
+        startTasks()
+            .then(function () {
+            analytics.trackEvent('Capture Completed');
+            analytics.setUserProperties({
+                captureCompleted: true,
+                sightSelected: 'inspection-completed',
+            });
+            allowRedirect();
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+        })
+            .catch(function (err) {
+            loading.onError(err);
+            monitoring.handleError(err);
+        });
+    };
+    var isViolatingEnforcedOrientation = enforceOrientation &&
+        (enforceOrientation === types_1.DeviceOrientation.PORTRAIT) !== dimensions.isPortrait;
+    var hudProps = {
+        sights: sights,
+        selectedSight: sightState.selectedSight,
+        sightsTaken: sightState.sightsTaken,
+        lastPictureTakenUri: sightState.lastPictureTakenUri,
+        mode: addDamageHandle.mode,
+        onOpenGallery: handleOpenGallery,
+        onSelectSight: sightState.selectSight,
+        onRetakeSight: sightState.retakeSight,
+        onAddDamage: addDamageHandle.handleAddDamage,
+        onCancelAddDamage: addDamageHandle.handleCancelAddDamage,
+        onRetry: sightState.retryLoadingInspection,
+        loading: loading,
+        onClose: onClose,
+        inspectionId: inspectionId,
+        showCloseButton: showCloseButton,
+        images: images,
+        enableAddDamage: enableAddDamage,
+        sightGuidelines: sightGuidelines,
+        enableSightGuidelines: enableSightGuidelines,
+        currentTutorialStep: currentTutorialStep,
+        onNextTutorialStep: goToNextTutorialStep,
+        onCloseTutorial: closeTutorial,
+        allowSkipTutorial: allowSkipTutorial,
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCapture_styles_1.styles['container'] }, { children: [currentScreen === PhotoCaptureScreen.CAMERA && isViolatingEnforcedOrientation && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCapture_styles_1.styles['orientationErrorContainer'] }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCapture_styles_1.styles['orientationErrorTitleContainer'] }, { children: [(0, jsx_runtime_1.jsx)(common_ui_web_1.Icon, { icon: 'rotate', primaryColor: 'text-primary', size: 30 }), (0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCapture_styles_1.styles['orientationErrorTitle'] }, { children: t('photo.orientationError.title') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCapture_styles_1.styles['orientationErrorDescription'] }, { children: t('photo.orientationError.description') }))] }))), currentScreen === PhotoCaptureScreen.CAMERA && !isViolatingEnforcedOrientation && ((0, jsx_runtime_1.jsx)(camera_web_1.Camera, __assign({ HUDComponent: PhotoCaptureHUD_1.PhotoCaptureHUD, onPictureTaken: handlePictureTaken, hudProps: hudProps }, adaptiveCameraConfig))), currentScreen === PhotoCaptureScreen.GALLERY && ((0, jsx_runtime_1.jsx)(common_ui_web_1.InspectionGallery, __assign({ inspectionId: inspectionId, apiConfig: apiConfig, captureMode: true, lang: lang, showBackButton: true, sights: sights, allowSkipRetake: allowSkipRetake, onBack: handleGalleryBack, onNavigateToCapture: handleNavigateToCapture, onValidate: handleGalleryValidate, enableAddDamage: enableAddDamage, validateButtonLabel: validateButtonLabel }, complianceOptions))), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: isBadConnectionWarningDialogDisplayed, showCancelButton: false, dialogIcon: 'warning-outline', dialogIconPrimaryColor: 'caution-base', message: t('photo.badConnectionWarning.message'), confirmLabel: t('photo.badConnectionWarning.confirm'), onConfirm: closeBadConnectionWarningDialog })] })));
+}
+exports.PhotoCapture = PhotoCapture;
+//# sourceMappingURL=PhotoCapture.js.map

package/lib/PhotoCapture/PhotoCapture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCapture.js","sourceRoot":"","sources":["../../src/PhotoCapture/PhotoCapture.tsx"],"names":[],"mappings":"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"}

package/lib/PhotoCapture/PhotoCapture.styles.d.ts

@@ -0,0 +1,2 @@
+import { Styles } from '@monkvision/types';
+export declare const styles: Styles;

package/lib/PhotoCapture/PhotoCapture.styles.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    container: {
+        height: '100%',
+        width: '100%',
+    },
+    orientationErrorContainer: {
+        height: '100%',
+        width: '100%',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
+        boxSizing: 'border-box',
+        padding: '50px 10%',
+    },
+    orientationErrorTitleContainer: {
+        display: 'flex',
+        alignItems: 'center',
+    },
+    orientationErrorTitle: {
+        fontSize: 18,
+        marginLeft: 16,
+    },
+    orientationErrorDescription: {
+        fontSize: 16,
+        paddingTop: 16,
+        opacity: 0.8,
+        textAlign: 'center',
+    },
+};
+//# sourceMappingURL=PhotoCapture.styles.js.map

package/lib/PhotoCapture/PhotoCapture.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCapture.styles.js","sourceRoot":"","sources":["../../src/PhotoCapture/PhotoCapture.styles.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAW;IAC5B,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,yBAAyB,EAAE;QACzB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,UAAU;KACpB;IACD,8BAA8B,EAAE;QAC9B,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,qBAAqB,EAAE;QACrB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;IACD,2BAA2B,EAAE;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC"}

package/lib/PhotoCapture/PhotoCaptureHOC.d.ts

@@ -0,0 +1,40 @@
+import { PhotoCaptureProps } from './PhotoCapture';
+/**
+ * The PhotoCapture component is a ready-to-use, single page component that implements a Camera app and lets the user
+ * take pictures of their vehicle in order to add them to an already created Monk inspection. In order to use this
+ * component, you first need to generate an Auth0 authentication token, and create an inspection using the Monk Api.
+ * When creating the inspection, don't forget to set the tasks statuses to `NOT_STARTED`. This component will handle the
+ * starting of the tasks at the end of the capturing process. You can then pass the inspection ID, the api config (with
+ * the auth token), as well as the list of sights to be taken by the user to this component, and everything will be
+ * handled automatically for you.
+ *
+ * @example
+ * import { sights } from '@monkvision/sights';
+ * import { PhotoCapture } from '@monkvision/inspection-capture-web';
+ *
+ * const PHOTO_CAPTURE_SIGHTS = [
+ *   sights['fesc20-0mJeXBDf'],
+ *   sights['fesc20-26n47kaO'],
+ *   sights['fesc20-2bLRuhEQ'],
+ *   sights['fesc20-4Wqx52oU'],
+ *   sights['fesc20-Tlu3sz8A'],
+ *   sights['fesc20-5Ts1UkPT'],
+ *   sights['fesc20-raHPDUNm'],
+ * ];
+ *
+ * export function PhotoCaptureScreen({ inspectionId, apiConfig }: PhotoCaptureScreenProps) {
+ *   const { i18n } = useTranslation();
+ *
+ *   return (
+ *     <PhotoCapture
+ *       inspectionId={inspectionId}
+ *       apiConfig={apiConfig}
+ *       sights={PHOTO_CAPTURE_SIGHTS}
+ *       compliances={{ iqa: true }}
+ *       onComplete={() => { / * Navigate to another page * / }}
+ *       lang={i18n.language}
+ *     />
+ *   );
+ * }
+ */
+export declare const PhotoCaptureHOC: import("react").ForwardRefExoticComponent<PhotoCaptureProps & import("react").RefAttributes<unknown>>;

package/lib/PhotoCapture/PhotoCaptureHOC.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhotoCaptureHOC = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var common_1 = require("@monkvision/common");
+var i18n_1 = require("../i18n");
+var PhotoCapture_1 = require("./PhotoCapture");
+/**
+ * The PhotoCapture component is a ready-to-use, single page component that implements a Camera app and lets the user
+ * take pictures of their vehicle in order to add them to an already created Monk inspection. In order to use this
+ * component, you first need to generate an Auth0 authentication token, and create an inspection using the Monk Api.
+ * When creating the inspection, don't forget to set the tasks statuses to `NOT_STARTED`. This component will handle the
+ * starting of the tasks at the end of the capturing process. You can then pass the inspection ID, the api config (with
+ * the auth token), as well as the list of sights to be taken by the user to this component, and everything will be
+ * handled automatically for you.
+ *
+ * @example
+ * import { sights } from '@monkvision/sights';
+ * import { PhotoCapture } from '@monkvision/inspection-capture-web';
+ *
+ * const PHOTO_CAPTURE_SIGHTS = [
+ *   sights['fesc20-0mJeXBDf'],
+ *   sights['fesc20-26n47kaO'],
+ *   sights['fesc20-2bLRuhEQ'],
+ *   sights['fesc20-4Wqx52oU'],
+ *   sights['fesc20-Tlu3sz8A'],
+ *   sights['fesc20-5Ts1UkPT'],
+ *   sights['fesc20-raHPDUNm'],
+ * ];
+ *
+ * export function PhotoCaptureScreen({ inspectionId, apiConfig }: PhotoCaptureScreenProps) {
+ *   const { i18n } = useTranslation();
+ *
+ *   return (
+ *     <PhotoCapture
+ *       inspectionId={inspectionId}
+ *       apiConfig={apiConfig}
+ *       sights={PHOTO_CAPTURE_SIGHTS}
+ *       compliances={{ iqa: true }}
+ *       onComplete={() => { / * Navigate to another page * / }}
+ *       lang={i18n.language}
+ *     />
+ *   );
+ * }
+ */
+exports.PhotoCaptureHOC = (0, common_1.i18nWrap)(function (props) {
+    return ((0, jsx_runtime_1.jsx)(common_1.MonkProvider, { children: (0, jsx_runtime_1.jsx)(PhotoCapture_1.PhotoCapture, __assign({}, props)) }));
+}, i18n_1.i18nInspectionCaptureWeb);
+//# sourceMappingURL=PhotoCaptureHOC.js.map

package/lib/PhotoCapture/PhotoCaptureHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureHOC.js","sourceRoot":"","sources":["../../src/PhotoCapture/PhotoCaptureHOC.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,gCAAmD;AACnD,+CAAiE;AAEjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACU,QAAA,eAAe,GAAG,IAAA,iBAAQ,EAAC,UAAC,KAAwB;IAC/D,OAAO,CACL,uBAAC,qBAAY,cACX,uBAAC,2BAAY,eAAK,KAAK,EAAI,GACd,CAChB,CAAC;AACJ,CAAC,EAAE,+BAAwB,CAAC,CAAC"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.d.ts

@@ -0,0 +1,88 @@
+import { CaptureAppConfig, Image, Sight } from '@monkvision/types';
+import { CameraHUDProps } from '@monkvision/camera-web';
+import { LoadingState } from '@monkvision/common';
+import { PhotoCaptureMode, TutorialSteps } from '../hooks';
+/**
+ * Props of the PhotoCaptureHUD component.
+ */
+export interface PhotoCaptureHUDProps extends CameraHUDProps, Pick<CaptureAppConfig, 'enableSightGuidelines' | 'sightGuidelines' | 'enableAddDamage' | 'showCloseButton' | 'allowSkipTutorial'> {
+    /**
+     * The inspection ID.
+     */
+    inspectionId: string;
+    /**
+     * The list of sights provided to the PhotoCapture component.
+     */
+    sights: Sight[];
+    /**
+     * The currently selected sight in the PhotoCapture component : the sight that the user needs to capture.
+     */
+    selectedSight: Sight;
+    /**
+     * Array containing the list of sights that the user has already captured.
+     */
+    sightsTaken: Sight[];
+    /**
+     * Value storing the last picture taken by the user. If no picture has been taken yet, this value is null.
+     */
+    lastPictureTakenUri: string | null;
+    /**
+     * The current mode of the component.
+     */
+    mode: PhotoCaptureMode;
+    /**
+     * Global loading state of the PhotoCapture component.
+     */
+    loading: LoadingState;
+    /**
+     * The current tutorial step in PhotoCapture component.
+     */
+    currentTutorialStep: TutorialSteps | null;
+    /**
+     * Callback called when the user clicks on "Next" button in PhotoCapture tutorial.
+     */
+    onNextTutorialStep: () => void;
+    /**
+     * Callback called when the user clicks on "Close" button in PhotoCapture tutorial.
+     */
+    onCloseTutorial: () => void;
+    /**
+     * Callback called when the user manually select a new sight.
+     */
+    onSelectSight: (sight: Sight) => void;
+    /**
+     * Callback called when the user manually select a sight to retake.
+     */
+    onRetakeSight: (sight: string) => void;
+    /**
+     * Callback to be called when the user clicks on the "Add Damage" button.
+     */
+    onAddDamage: () => void;
+    /**
+     * Callback to be called when the user clicks on the "Cancel" button of the Add Damage mode.
+     */
+    onCancelAddDamage: () => void;
+    /**
+     * Callback that can be used to retry fetching this state object from the API in case the previous fetch failed.
+     */
+    onRetry: () => void;
+    /**
+     * Callback called when the user clicks on the gallery icon.
+     */
+    onOpenGallery: () => void;
+    /**
+     * Callback called when the user clicks on the close button. If this callback is not provided, the close button is not
+     * displayed.
+     */
+    onClose?: () => void;
+    /**
+     * The current images taken by the user (ignoring retaken pictures etc.).
+     */
+    images: Image[];
+}
+/**
+ * This component implements the Camera HUD (head-up display) displayed in the PhotoCapture component over the Camera
+ * preview. It implements elements such as buttons to interact with the camera, PhotoCapture indicators, error messages,
+ * loaders etc.
+ */
+export declare function PhotoCaptureHUD({ inspectionId, sights, selectedSight, sightsTaken, lastPictureTakenUri, mode, onSelectSight, onRetakeSight, onAddDamage, onCancelAddDamage, onOpenGallery, onRetry, onClose, showCloseButton, loading, handle, cameraPreview, images, enableAddDamage, sightGuidelines, enableSightGuidelines, currentTutorialStep, allowSkipTutorial, onNextTutorialStep, onCloseTutorial, }: PhotoCaptureHUDProps): JSX.Element;