@monkvision/inspection-capture-web 5.2.4 → 5.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/lib/DamageDisclosure/DamageDisclosure.d.ts +1 -2
  2. package/lib/DamageDisclosure/DamageDisclosure.js +2 -3
  3. package/lib/DamageDisclosure/DamageDisclosureHOC.d.ts +0 -1
  4. package/lib/DamageDisclosure/DamageDisclosureHUD/DamageDisclosureHUD.d.ts +1 -2
  5. package/lib/DamageDisclosure/DamageDisclosureHUD/DamageDisclosureHUD.js +2 -14
  6. package/lib/DamageDisclosure/DamageDisclosureHUD/DamageDisclosureHUDElements/DamageDisclosureHUDElements.d.ts +1 -2
  7. package/lib/DamageDisclosure/DamageDisclosureHUD/DamageDisclosureHUDElements/DamageDisclosureHUDElements.js +1 -2
  8. package/lib/DamageDisclosure/hooks/useDamageDisclosureState.js +1 -2
  9. package/lib/PhotoCapture/PhotoCapture.d.ts +1 -2
  10. package/lib/PhotoCapture/PhotoCapture.js +2 -3
  11. package/lib/PhotoCapture/PhotoCaptureHOC.d.ts +0 -1
  12. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.d.ts +1 -2
  13. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.js +2 -14
  14. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElements/PhotoCaptureHUDElements.d.ts +1 -2
  15. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElements/PhotoCaptureHUDElements.js +1 -2
  16. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/AddDamageButton/AddDamageButton.d.ts +1 -2
  17. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/AddDamageButton/AddDamageButton.js +2 -14
  18. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/PhotoCaptureHUDElementsSight.d.ts +1 -2
  19. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/PhotoCaptureHUDElementsSight.js +3 -15
  20. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/SightGuideline.d.ts +1 -2
  21. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/SightGuideline.js +3 -15
  22. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/hooks.d.ts +108 -59
  23. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/hooks.js +1 -2
  24. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSlider.d.ts +1 -2
  25. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSlider.js +4 -15
  26. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSliderButton.d.ts +1 -2
  27. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSliderButton.js +2 -14
  28. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/hooks.js +1 -2
  29. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/hooks.d.ts +307 -258
  30. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/hooks.js +2 -3
  31. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDSightTutorial/PhotoCaptureHUDSightTutorial.d.ts +1 -2
  32. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDSightTutorial/PhotoCaptureHUDSightTutorial.js +4 -16
  33. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDSightTutorial/PhotoCaptureHUDSightTutorial.styles.d.ts +1175 -734
  34. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDSightTutorial/PhotoCaptureHUDSightTutorial.styles.js +2 -2
  35. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDTutorial/ArrowIcon.d.ts +1 -2
  36. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDTutorial/ArrowIcon.js +1 -2
  37. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDTutorial/DisplayText.d.ts +1 -2
  38. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDTutorial/DisplayText.js +2 -14
  39. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDTutorial/PhotoCaptureHUDTutorial.d.ts +1 -2
  40. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDTutorial/PhotoCaptureHUDTutorial.js +2 -3
  41. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDTutorial/hooks.d.ts +307 -258
  42. package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDTutorial/hooks.js +1 -2
  43. package/lib/PhotoCapture/PhotoCaptureHUD/hooks/usePhotoCaptureHUDStyle.d.ts +307 -258
  44. package/lib/PhotoCapture/PhotoCaptureHUD/hooks/usePhotoCaptureHUDStyle.js +1 -2
  45. package/lib/PhotoCapture/errors.js +1 -1
  46. package/lib/PhotoCapture/hooks/useComplianceAnalytics.d.ts +0 -1
  47. package/lib/PhotoCapture/hooks/useComplianceAnalytics.js +1 -2
  48. package/lib/PhotoCapture/hooks/useImagesCleanup.js +1 -2
  49. package/lib/PhotoCapture/hooks/useInspectionComplete.js +3 -4
  50. package/lib/PhotoCapture/hooks/usePhotoCaptureSightGuidelines.js +2 -2
  51. package/lib/PhotoCapture/hooks/usePhotoCaptureSightState.js +1 -2
  52. package/lib/PhotoCapture/hooks/usePhotoCaptureSightTutorial.js +1 -2
  53. package/lib/PhotoCapture/hooks/usePhotoCaptureTutorial.js +3 -3
  54. package/lib/VideoCapture/VideoCapture.d.ts +1 -2
  55. package/lib/VideoCapture/VideoCapture.js +2 -14
  56. package/lib/VideoCapture/VideoCaptureHOC.d.ts +0 -1
  57. package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureHUD.d.ts +1 -1
  58. package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureHUD.js +5 -17
  59. package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureRecording/VideoCaptureRecording.d.ts +1 -2
  60. package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureRecording/VideoCaptureRecording.js +2 -14
  61. package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureRecording/VideoCaptureRecordingStyles.d.ts +1447 -1152
  62. package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureRecording/VideoCaptureRecordingStyles.js +2 -2
  63. package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureTutorial/VideoCaptureTutorial.d.ts +1 -2
  64. package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureTutorial/VideoCaptureTutorial.js +2 -14
  65. package/lib/VideoCapture/VideoCapturePageLayout/PageLayoutItem/PageLayoutItem.d.ts +1 -2
  66. package/lib/VideoCapture/VideoCapturePageLayout/PageLayoutItem/PageLayoutItem.js +2 -3
  67. package/lib/VideoCapture/VideoCapturePageLayout/PageLayoutItem/PageLayoutItem.styles.js +2 -2
  68. package/lib/VideoCapture/VideoCapturePageLayout/VideoCapturePageLayout.d.ts +1 -1
  69. package/lib/VideoCapture/VideoCapturePageLayout/VideoCapturePageLayout.js +14 -3
  70. package/lib/VideoCapture/VideoCapturePageLayout/VideoCapturePageLayout.styles.js +2 -2
  71. package/lib/VideoCapture/VideoCapturePermissions/VideoCapturePermissions.d.ts +1 -2
  72. package/lib/VideoCapture/VideoCapturePermissions/VideoCapturePermissions.js +4 -16
  73. package/lib/VideoCapture/VideoCaptureProcessing/VideoCaptureProcessing.d.ts +1 -2
  74. package/lib/VideoCapture/VideoCaptureProcessing/VideoCaptureProcessing.js +2 -14
  75. package/lib/VideoCapture/VideoCaptureProcessing/VideoCaptureProcessing.styles.d.ts +324 -177
  76. package/lib/VideoCapture/VideoCaptureProcessing/VideoCaptureProcessing.styles.js +2 -2
  77. package/lib/VideoCapture/hooks/useFastMovementsDetection/fastMovementsDetection.js +3 -3
  78. package/lib/VideoCapture/hooks/useFastMovementsDetection/useFastMovementsDetection.js +1 -2
  79. package/lib/VideoCapture/hooks/useFrameSelection/laplaceScores.js +1 -2
  80. package/lib/VideoCapture/hooks/useFrameSelection/useFrameSelection.js +1 -2
  81. package/lib/VideoCapture/hooks/useVehicleWalkaround.js +1 -2
  82. package/lib/VideoCapture/hooks/useVideoRecording.js +3 -3
  83. package/lib/VideoCapture/hooks/useVideoUploadQueue.js +1 -2
  84. package/lib/components/CancelButton/CancelButton.d.ts +1 -2
  85. package/lib/components/CancelButton/CancelButton.js +2 -14
  86. package/lib/components/CloseUpShot/CloseUpShot.d.ts +1 -2
  87. package/lib/components/CloseUpShot/CloseUpShot.js +2 -3
  88. package/lib/components/CloseUpShot/hooks.js +1 -2
  89. package/lib/components/Counter/Counter.d.ts +1 -2
  90. package/lib/components/Counter/Counter.js +2 -3
  91. package/lib/components/Counter/hooks.js +1 -2
  92. package/lib/components/HUDButtons/HUDButtons.d.ts +1 -2
  93. package/lib/components/HUDButtons/HUDButtons.js +2 -3
  94. package/lib/components/HUDButtons/hooks.js +1 -2
  95. package/lib/components/HUDOverlay/HUDOverlay.d.ts +1 -2
  96. package/lib/components/HUDOverlay/HUDOverlay.js +2 -3
  97. package/lib/components/HUDOverlay/hooks.js +2 -3
  98. package/lib/components/OrientationEnforcer/OrientationEnforcer.d.ts +1 -2
  99. package/lib/components/OrientationEnforcer/OrientationEnforcer.js +2 -14
  100. package/lib/components/OrientationEnforcer/OrientationEnforcer.styles.d.ts +108 -59
  101. package/lib/components/OrientationEnforcer/OrientationEnforcer.styles.js +2 -2
  102. package/lib/components/PartSelection/PartSelection.d.ts +1 -2
  103. package/lib/components/PartSelection/PartSelection.js +3 -4
  104. package/lib/components/SightTutorialButton/SightTutorialButton.d.ts +1 -1
  105. package/lib/components/SightTutorialButton/SightTutorialButton.js +1 -2
  106. package/lib/components/ZoomOutShot/ZoomOutShot.d.ts +1 -2
  107. package/lib/components/ZoomOutShot/ZoomOutShot.js +2 -14
  108. package/lib/components/ZoomOutShot/hooks.js +1 -2
  109. package/lib/errors.js +1 -1
  110. package/lib/hooks/useAdaptiveCameraConfig.js +1 -2
  111. package/lib/hooks/useAddDamageMode.js +1 -2
  112. package/lib/hooks/useBadConnectionWarning.js +1 -2
  113. package/lib/hooks/useCaptureDuration.js +19 -7
  114. package/lib/hooks/useColorBackground.js +2 -3
  115. package/lib/hooks/useEnforceOrientation.js +1 -2
  116. package/lib/hooks/usePhotoCaptureImages.js +1 -2
  117. package/lib/hooks/usePictureTaken.js +1 -2
  118. package/lib/hooks/useStartTasksOnComplete.js +3 -4
  119. package/lib/hooks/useTracking.js +1 -2
  120. package/lib/hooks/useUploadQueue.js +3 -4
  121. package/lib/types.js +2 -2
  122. package/package.json +24 -25
@@ -11,7 +11,8 @@ var __assign = (this && this.__assign) || function () {
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.getVisilityStyle = exports.usePhotoCaptureHUDSightPreviewStyle = void 0;
14
+ exports.usePhotoCaptureHUDSightPreviewStyle = usePhotoCaptureHUDSightPreviewStyle;
15
+ exports.getVisilityStyle = getVisilityStyle;
15
16
  var common_1 = require("@monkvision/common");
16
17
  var PhotoCaptureHUDElementsSight_styles_1 = require("./PhotoCaptureHUDElementsSight.styles");
17
18
  function usePhotoCaptureHUDSightPreviewStyle(_a) {
@@ -30,8 +31,6 @@ function usePhotoCaptureHUDSightPreviewStyle(_a) {
30
31
  addDamageBtn: PhotoCaptureHUDElementsSight_styles_1.styles['addDamageBtn'],
31
32
  };
32
33
  }
33
- exports.usePhotoCaptureHUDSightPreviewStyle = usePhotoCaptureHUDSightPreviewStyle;
34
34
  function getVisilityStyle(enable) {
35
35
  return { visibility: enable ? 'visible' : 'hidden' };
36
36
  }
37
- exports.getVisilityStyle = getVisilityStyle;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { PhotoCaptureAppConfig, Sight } from '@monkvision/types';
3
2
  /**
4
3
  * The props for the PhotoCaptureHUDSightTutorial component.
@@ -20,4 +19,4 @@ export interface PhotoCaptureHUDSightTutorialProps extends Pick<PhotoCaptureAppC
20
19
  /**
21
20
  * This component displays the sight tutorial for a specific sight.
22
21
  */
23
- export declare function PhotoCaptureHUDSightTutorial({ selectedSight, sightTutorial, onClose, show, enableSightTutorial, }: PhotoCaptureHUDSightTutorialProps): JSX.Element | null;
22
+ export declare function PhotoCaptureHUDSightTutorial({ selectedSight, sightTutorial, onClose, show, enableSightTutorial, }: PhotoCaptureHUDSightTutorialProps): import("react/jsx-runtime").JSX.Element | null;
@@ -1,17 +1,6 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.PhotoCaptureHUDSightTutorial = void 0;
3
+ exports.PhotoCaptureHUDSightTutorial = PhotoCaptureHUDSightTutorial;
15
4
  var jsx_runtime_1 = require("react/jsx-runtime");
16
5
  var types_1 = require("@monkvision/types");
17
6
  var common_ui_web_1 = require("@monkvision/common-ui-web");
@@ -60,14 +49,13 @@ function PhotoCaptureHUDSightTutorial(_a) {
60
49
  if (enableSightTutorial === types_1.PhotoCaptureSightTutorialOption.DISABLED) {
61
50
  return null;
62
51
  }
63
- return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: style.container }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCaptureHUDSightTutorial_styles_1.styles['iconsContainer'] }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCaptureHUDSightTutorial_styles_1.styles['icon'] }, { children: (0, jsx_runtime_1.jsx)(common_ui_web_1.IconAroundVehicle, { size: 80, orientationAngle: (_b = selectedSight.positioning) === null || _b === void 0 ? void 0 : _b.orientation, positionAroundVehicle: (_c = selectedSight.positioning) === null || _c === void 0 ? void 0 : _c.position, distance: (_d = selectedSight.positioning) === null || _d === void 0 ? void 0 : _d.distance }) })), (0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCaptureHUDSightTutorial_styles_1.styles['icon'] }, { children: (0, jsx_runtime_1.jsx)(common_ui_web_1.IconVerticalPosition, { size: 67, position: (_e = selectedSight.positioning) === null || _e === void 0 ? void 0 : _e.height, variant: IconVerticalPosition_types_1.IconVerticalPositionVariant.SECONDARY }) })), (0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCaptureHUDSightTutorial_styles_1.styles['icon'] }, { children: (0, jsx_runtime_1.jsx)(common_ui_web_1.SightOverlay, { style: PhotoCaptureHUDSightTutorial_styles_1.styles['sightIcon'], sight: selectedSight, getAttributes: style.sightIcon.getAttributes }) }))] })), enableSightTutorial === types_1.PhotoCaptureSightTutorialOption.CLASSIC && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: style.classicTutorialContainer }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: style.classicTitleContainer }, { children: [(0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { style: PhotoCaptureHUDSightTutorial_styles_1.styles['closeButtonFiller'], icon: 'close', variant: 'text' }), (0, jsx_runtime_1.jsx)("span", __assign({ style: PhotoCaptureHUDSightTutorial_styles_1.styles['classicTitle'] }, { children: t('photo.hud.sightTutorial.tip').toUpperCase() })), (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { style: style.closeButton, primaryColor: 'text-black', icon: 'close', variant: 'text', onClick: onClose })] })), (0, jsx_runtime_1.jsx)("div", __assign({ style: style.classicGuidelineContainer }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: style.classicGuideline }, { children: (tutorialGuideline === null || tutorialGuideline === void 0 ? void 0 : tutorialGuideline.length)
52
+ return ((0, jsx_runtime_1.jsxs)("div", { style: style.container, children: [(0, jsx_runtime_1.jsxs)("div", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['iconsContainer'], children: [(0, jsx_runtime_1.jsx)("div", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['icon'], children: (0, jsx_runtime_1.jsx)(common_ui_web_1.IconAroundVehicle, { size: 80, orientationAngle: (_b = selectedSight.positioning) === null || _b === void 0 ? void 0 : _b.orientation, positionAroundVehicle: (_c = selectedSight.positioning) === null || _c === void 0 ? void 0 : _c.position, distance: (_d = selectedSight.positioning) === null || _d === void 0 ? void 0 : _d.distance }) }), (0, jsx_runtime_1.jsx)("div", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['icon'], children: (0, jsx_runtime_1.jsx)(common_ui_web_1.IconVerticalPosition, { size: 67, position: (_e = selectedSight.positioning) === null || _e === void 0 ? void 0 : _e.height, variant: IconVerticalPosition_types_1.IconVerticalPositionVariant.SECONDARY }) }), (0, jsx_runtime_1.jsx)("div", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['icon'], children: (0, jsx_runtime_1.jsx)(common_ui_web_1.SightOverlay, { style: PhotoCaptureHUDSightTutorial_styles_1.styles['sightIcon'], sight: selectedSight, getAttributes: style.sightIcon.getAttributes }) })] }), enableSightTutorial === types_1.PhotoCaptureSightTutorialOption.CLASSIC && ((0, jsx_runtime_1.jsxs)("div", { style: style.classicTutorialContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: style.classicTitleContainer, children: [(0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { style: PhotoCaptureHUDSightTutorial_styles_1.styles['closeButtonFiller'], icon: 'close', variant: 'text' }), (0, jsx_runtime_1.jsx)("span", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['classicTitle'], children: t('photo.hud.sightTutorial.tip').toUpperCase() }), (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { style: style.closeButton, primaryColor: 'text-black', icon: 'close', variant: 'text', onClick: onClose })] }), (0, jsx_runtime_1.jsx)("div", { style: style.classicGuidelineContainer, children: (0, jsx_runtime_1.jsx)("span", { style: style.classicGuideline, children: (tutorialGuideline === null || tutorialGuideline === void 0 ? void 0 : tutorialGuideline.length)
64
53
  ? tutorialGuideline
65
54
  : t(tutorialImage
66
55
  ? 'photo.hud.sightTutorial.defaultTutorialWithImage'
67
- : 'photo.hud.sightTutorial.defaultTutorialWithoutImage') })) })), tutorialImage && ((0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCaptureHUDSightTutorial_styles_1.styles['classicImageContainer'] }, { children: (0, jsx_runtime_1.jsx)("img", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['image'], src: tutorialImage, alt: selectedSight.id }) })))] }))), enableSightTutorial === types_1.PhotoCaptureSightTutorialOption.MODERN && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: style.tutorialContainer }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCaptureHUDSightTutorial_styles_1.styles['titleContainer'] }, { children: [(0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { style: PhotoCaptureHUDSightTutorial_styles_1.styles['closeButtonFiller'], icon: 'close', variant: 'text' }), (0, jsx_runtime_1.jsx)("span", { children: t('photo.hud.sightTutorial.tip').toUpperCase() }), (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { style: style.closeButton, primaryColor: 'text-white', icon: 'close', variant: 'text', onClick: onClose })] })), (0, jsx_runtime_1.jsx)("div", __assign({ style: style.classicGuidelineContainer }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: style.guideline }, { children: (tutorialGuideline === null || tutorialGuideline === void 0 ? void 0 : tutorialGuideline.length)
56
+ : 'photo.hud.sightTutorial.defaultTutorialWithoutImage') }) }), tutorialImage && ((0, jsx_runtime_1.jsx)("div", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['classicImageContainer'], children: (0, jsx_runtime_1.jsx)("img", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['image'], src: tutorialImage, alt: selectedSight.id }) }))] })), enableSightTutorial === types_1.PhotoCaptureSightTutorialOption.MODERN && ((0, jsx_runtime_1.jsxs)("div", { style: style.tutorialContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['titleContainer'], children: [(0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { style: PhotoCaptureHUDSightTutorial_styles_1.styles['closeButtonFiller'], icon: 'close', variant: 'text' }), (0, jsx_runtime_1.jsx)("span", { children: t('photo.hud.sightTutorial.tip').toUpperCase() }), (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { style: style.closeButton, primaryColor: 'text-white', icon: 'close', variant: 'text', onClick: onClose })] }), (0, jsx_runtime_1.jsx)("div", { style: style.classicGuidelineContainer, children: (0, jsx_runtime_1.jsx)("span", { style: style.guideline, children: (tutorialGuideline === null || tutorialGuideline === void 0 ? void 0 : tutorialGuideline.length)
68
57
  ? tutorialGuideline
69
58
  : t(tutorialImage
70
59
  ? 'photo.hud.sightTutorial.defaultTutorialWithImage'
71
- : 'photo.hud.sightTutorial.defaultTutorialWithoutImage') })) })), tutorialImage && ((0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCaptureHUDSightTutorial_styles_1.styles['imageContainer'] }, { children: (0, jsx_runtime_1.jsx)("img", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['image'], src: tutorialImage, alt: selectedSight.id }) })))] })))] })));
60
+ : 'photo.hud.sightTutorial.defaultTutorialWithoutImage') }) }), tutorialImage && ((0, jsx_runtime_1.jsx)("div", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['imageContainer'], children: (0, jsx_runtime_1.jsx)("img", { style: PhotoCaptureHUDSightTutorial_styles_1.styles['image'], src: tutorialImage, alt: selectedSight.id }) }))] }))] }));
72
61
  }
73
- exports.PhotoCaptureHUDSightTutorial = PhotoCaptureHUDSightTutorial;