@lichens-innovation/react-native-common 2.11.0

package/README.md

@@ -0,0 +1,194 @@
+# React Native Common Module
+
+This repository contains common components, utilities, and services used across React Native Expo applications.
+
+[![standard-readme compliant](https://img.shields.io/badge/readme%20style-standard-brightgreen.svg?style=flat-square)](https://github.com/RichardLitt/standard-readme)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.9-blue.svg?style=flat-square&logo=typescript)](https://www.typescriptlang.org/)
+[![Yarn](https://img.shields.io/badge/Yarn-1.22+-2C8EBB.svg?style=flat-square&logo=yarn)](https://yarnpkg.com/)
+[![React](https://img.shields.io/badge/React-19.1.0-61DAFB.svg?style=flat-square&logo=react)](https://react.dev/)
+[![Node.js](https://img.shields.io/badge/Node.js-LTS-339933.svg?style=flat-square&logo=node.js)](https://nodejs.org/)
+[![Vitest](https://img.shields.io/badge/Vitest-3.2.4-6E9F18.svg?style=flat-square&logo=vitest)](https://vitest.dev/)
+[![React Native](https://img.shields.io/badge/React%20Native-0.81.4-61DAFB.svg?style=flat-square&logo=react)](https://reactnative.dev/)
+[![Expo SDK](https://img.shields.io/badge/Expo%20SDK-54-000020.svg?style=flat-square&logo=expo)](https://expo.dev/)
+
+[![GitHub Package](https://img.shields.io/badge/GitHub%20Package-@Lichens--Innovation%2Freact--native--common-blue.svg?style=flat-square&logo=github)](https://github.com/Lichens-Innovation/react-native-common) [![Version](https://img.shields.io/badge/version-2.7.1-blue.svg?style=flat-square)](https://github.com/Lichens-Innovation/react-native-common)
+
+
+Table of content
+
+- [React Native Common Module](#react-native-common-module)
+  - [Reusable Components](#reusable-components)
+  - [Services, Utilities and Hooks](#services-utilities-and-hooks)
+  - [Consume in a project](#consume-in-a-project)
+    - [Adding the dependency to an existing mobile application](#adding-the-dependency-to-an-existing-mobile-application)
+    - [Basic Usage Example](#basic-usage-example)
+  - [Contributions](#contributions)
+    - [Prerequisites](#prerequisites)
+    - [Installation](#installation)
+    - [Scripts](#scripts)
+  - [Peer Dependencies](#peer-dependencies)
+    - [Why Peer Dependencies?](#why-peer-dependencies)
+    - [Our Implementation Strategy](#our-implementation-strategy)
+    - [Why devDependencies + peerDependencies?](#why-devdependencies--peerdependencies)
+  - [WinRT integration](#winrt-integration)
+  - [Project coding guidelines](#project-coding-guidelines)
+  - [License](#license)
+
+
+## Reusable Components
+
+- Safe area containers, centered layouts, tab bar components
+- ErrorBoundary, Snackbar notifications, loading spinners, progress indicators
+- various interactive components (dropdowns, bottom sheets, etc.)
+- global theme and light/dark modes support
+
+## Services, Utilities and Hooks
+
+- `@tanstack/react-query` hooks
+- `MMKV`-based efficient data persistence (native storage solution)
+- HTTP `Axios` configuration, Digest authentication support
+- File operations, image processing, filename management
+- Device detection (`Bonjour` service) environment config
+- WiFi and available networks detection
+- hooks for Expo updates detection, image picking, animations...
+- `WebView` integration hooks and utilities
+- I18N internationalization (`i18next` setup and files)
+- `logging` service (`Sentry`, file-base, console, in-memory)
+- various helper functions (strings, dates, base64...)
+- types, interfaces, constants
+
+## Consume in a project
+
+Depending on your Expo SDK version, here are the compatibility table for `react-native-common` module:
+
+| Version Family | Expo SDK Version | Description                                           |
+|----------------|------------------|-------------------------------------------------------|
+| 1.x.y          | SDK 52, SDK 53   | Compatible with applications using Expo SDK 52 and 53 |
+| 2.x.y          | SDK 54           | Compatible with applications using Expo SDK 54        |
+| 3.x.y          | SDK 55           | Compatible with applications using Expo SDK 55        |
+
+### Adding the dependency to an existing mobile application
+
+The following will install the latest available version on your react-native app:
+
+```bash
+yarn add @Lichens-Innovation/react-native-common
+```
+
+### Basic Usage Example
+
+Here's how to import and use the `DialogOkCancel` component:
+
+```tsx
+import { DialogOkCancel } from '@Lichens-Innovation/react-native-common';
+import React, { useState } from 'react';
+import { Button } from 'react-native-paper';
+
+export const MyComponent = () => {
+  const [showDialog, setShowDialog] = useState(false);
+
+  const handleOk = () => {
+    console.log('User confirmed');
+    setShowDialog(false);
+  };
+
+  const handleCancel = () => {
+    console.log('User cancelled');
+    setShowDialog(false);
+  };
+
+  return (
+    <>
+      <Button 
+        title="Show Dialog" 
+        onPress={() => setShowDialog(true)} 
+      />
+      
+      <DialogOkCancel
+        isVisible={showDialog}
+        title="Confirm Action"
+        description="Are you sure you want to proceed with this action?"
+        onOk={handleOk}
+        onCancel={handleCancel}
+      />
+    </>
+  );
+};
+```
+
+## Contributions
+
+Contributions to the project are made by simply improving the current codebase and then creating a Pull Request. If the version field in `package.json` is incremented, the build will be automatically triggered when the PR is merged into the `main` branch, and the new version will be published to our enterprise Git repository.
+
+### Prerequisites
+
+- Node.js (LTS or higher)
+- Yarn
+- React Native development environment set up (see [React Native documentation](https://reactnative.dev/docs/environment-setup))
+
+### Installation
+
+```bash
+git clone https://github.com/Lichens-Innovation/react-native-common.git
+cd react-native-common
+yarn install
+```
+
+### Scripts
+
+| Command                      | Description                                                                 |
+|------------------------------|-----------------------------------------------------------------------------|
+| `yarn build`                 | Cleans the dist folder and compiles TypeScript                              |
+| `yarn clean:node`            | Removes node_modules directories and yarn.lock file                         |
+| `yarn clean:dist`            | Removes the dist directory                                                  |
+| `yarn typecheck`             | Checks TypeScript types without emitting files                              |
+| `yarn watch:for:rvdrain`     | Watches for TS changes and syncs dist files to rvdrain app node_modules     |
+| `yarn watch:for:manufacture` | Watches for TS changes and syncs dist files to manufacture app node_modules |
+| `yarn test`                  | Runs tests using Vitest                                                     |
+| `yarn mirror:to:rinnovision` | Mirrors the package to the Rinnovision repository                           |
+
+
+## Peer Dependencies
+
+This package uses a **peer dependencies** approach for all React Native, Expo, and shared ecosystem libraries. Here's why and how it works:
+
+### Why Peer Dependencies?
+
+- **Avoid duplicate packages**: Prevents bundling the same libraries multiple times in the final app
+- **Version control**: The consuming app controls the exact versions of critical dependencies like React Native and Expo
+- **Bundle size optimization**: Reduces the final app bundle size by sharing common dependencies
+- **Consistency**: Ensures all parts of the app use the same version of core libraries
+
+### Our Implementation Strategy
+
+We keep dependencies in three categories:
+
+1. **`dependencies`**: Pure utility libraries specific to this package (date-fns, immer, handlebars, etc.)
+2. **`devDependencies`**: All React Native, Expo, and ecosystem packages needed for compilation and type checking
+3. **`peerDependencies`**: Same packages as devDependencies, indicating what the consuming app must provide
+
+### Why devDependencies + peerDependencies?
+
+This dual approach solves the compilation problem while maintaining clean dependency resolution:
+
+- **`devDependencies`** provide the necessary packages and types for TypeScript compilation
+- **`peerDependencies`** inform the consuming app about required dependencies and versions
+- The final app bundle only includes one copy of each shared dependency
+
+## WinRT integration
+
+Interfaces and types are generated by the `react-native-winrt` package at build time of the desktop application. To ensure compatibility and avoid conflicts, the generated types should be placed in the `src/types/winrt` folder of current project. Here's how to do it. Copy all generated types from:
+
+  - `my-app-desktop\node_modules\react-native-winrt\windows\WinRTTurboModule\Generated Files\types\`
+  - to `src\types\winrt\`
+
+## Project coding guidelines
+
+Adhering to established coding guidelines is essential for developing efficient, maintainable, and scalable software. These guidelines promote consistency across codebases, making it easier for teams to collaborate and for new developers to understand existing code. By following standardized patterns, such as those outlined in the [Coding guidelines](https://github.com/amwebexpert/chrome-extensions-collection/blob/master/packages/coding-guide-helper/public/markdowns/table-of-content.md), developers can reduce errors and enhance code readability.
+
+* [Coding guidelines](https://github.com/amwebexpert/chrome-extensions-collection/blob/master/packages/coding-guide-helper/public/markdowns/table-of-content.md)
+
+
+## License
+
+This project is proprietary and confidential. Unauthorized copying, transferring, or reproduction of the contents, via any medium, is strictly prohibited.

package/dist/components/battery/battery-level.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import { StyleProp, TextStyle } from 'react-native';
+interface BatteryLevelProps {
+    batteryLevel?: number | null;
+    size?: number;
+    style?: StyleProp<TextStyle>;
+}
+export declare const BatteryLevel: FunctionComponent<BatteryLevelProps>;
+export {};

package/dist/components/battery/battery-level.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from 'react-native-paper';
+import { getBatteryColor, getBatteryIcon } from './battery.utils';
+export const BatteryLevel = ({ batteryLevel, size = 32 }) => {
+    const batteryColor = getBatteryColor(batteryLevel);
+    const batteryIcon = getBatteryIcon(batteryLevel);
+    return _jsx(Icon, { source: batteryIcon, size: size, color: batteryColor });
+};
+//# sourceMappingURL=battery-level.js.map

package/dist/components/battery/battery-level.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"battery-level.js","sourceRoot":"","sources":["../../../src/components/battery/battery-level.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,YAAY,GAAyC,CAAC,EAAE,YAAY,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE;IAChG,MAAM,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;IAEjD,OAAO,KAAC,IAAI,IAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,GAAI,CAAC;AACxE,CAAC,CAAC"}

package/dist/components/battery/battery.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getBatteryIcon: (level?: number | null) => "battery-alert-variant-outline" | "battery" | "battery-60" | "battery-50" | "battery-40" | "battery-30" | "battery-20" | "battery-10" | "battery-arrow-down-outline";
+export declare const getBatteryColor: (batteryLevel?: number | null) => string;

package/dist/components/battery/battery.utils.js

@@ -0,0 +1,25 @@
+import { getColorForPercentage } from '../../utils/color.utils';
+import { isNullish } from '../../utils/types.utils';
+export const getBatteryIcon = (level) => {
+    if (isNullish(level))
+        return 'battery-alert-variant-outline';
+    if (level >= 90)
+        return 'battery';
+    if (level >= 75)
+        return 'battery-60';
+    if (level >= 60)
+        return 'battery-50';
+    if (level >= 45)
+        return 'battery-40';
+    if (level >= 30)
+        return 'battery-30';
+    if (level >= 15)
+        return 'battery-20';
+    if (level > 0)
+        return 'battery-10';
+    return 'battery-arrow-down-outline';
+};
+export const getBatteryColor = (batteryLevel) => {
+    return isNullish(batteryLevel) ? 'gray' : getColorForPercentage(batteryLevel / 100);
+};
+//# sourceMappingURL=battery.utils.js.map

package/dist/components/battery/battery.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"battery.utils.js","sourceRoot":"","sources":["../../../src/components/battery/battery.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;IACtD,IAAI,SAAS,CAAC,KAAK,CAAC;QAAE,OAAO,+BAA+B,CAAC;IAE7D,IAAI,KAAK,IAAI,EAAE;QAAE,OAAO,SAAS,CAAC;IAClC,IAAI,KAAK,IAAI,EAAE;QAAE,OAAO,YAAY,CAAC;IACrC,IAAI,KAAK,IAAI,EAAE;QAAE,OAAO,YAAY,CAAC;IACrC,IAAI,KAAK,IAAI,EAAE;QAAE,OAAO,YAAY,CAAC;IACrC,IAAI,KAAK,IAAI,EAAE;QAAE,OAAO,YAAY,CAAC;IACrC,IAAI,KAAK,IAAI,EAAE;QAAE,OAAO,YAAY,CAAC;IACrC,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,YAAY,CAAC;IAEnC,OAAO,4BAA4B,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,YAA4B,EAAE,EAAE;IAC9D,OAAO,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,YAAY,GAAG,GAAG,CAAC,CAAC;AACtF,CAAC,CAAC"}

package/dist/components/battery/index.d.ts

@@ -0,0 +1,2 @@
+export * from './battery-level';
+export * from './battery.utils';

package/dist/components/battery/index.js

@@ -0,0 +1,3 @@
+export * from './battery-level';
+export * from './battery.utils';
+//# sourceMappingURL=index.js.map

package/dist/components/battery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/battery/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/components/bottom-sheet/bottom-sheet.constants.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_SHEET_SNAP_POINTS: string[];

package/dist/components/bottom-sheet/bottom-sheet.constants.js

@@ -0,0 +1,2 @@
+export const DEFAULT_SHEET_SNAP_POINTS = ['55%', '65%', '75%'];
+//# sourceMappingURL=bottom-sheet.constants.js.map

package/dist/components/bottom-sheet/bottom-sheet.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.constants.js","sourceRoot":"","sources":["../../../src/components/bottom-sheet/bottom-sheet.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC"}

package/dist/components/bottom-sheet/default-backdrop.d.ts

@@ -0,0 +1,3 @@
+import { type BottomSheetBackdropProps } from '@gorhom/bottom-sheet';
+import { FunctionComponent } from 'react';
+export declare const DefaultBackdrop: FunctionComponent<BottomSheetBackdropProps>;

package/dist/components/bottom-sheet/default-backdrop.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BottomSheetBackdrop } from '@gorhom/bottom-sheet';
+export const DefaultBackdrop = (props) => (_jsx(BottomSheetBackdrop, Object.assign({ disappearsOnIndex: -1, appearsOnIndex: 0 }, props)));
+//# sourceMappingURL=default-backdrop.js.map

package/dist/components/bottom-sheet/default-backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-backdrop.js","sourceRoot":"","sources":["../../../src/components/bottom-sheet/default-backdrop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAiC,MAAM,sBAAsB,CAAC;AAG1F,MAAM,CAAC,MAAM,eAAe,GAAgD,CAAC,KAAK,EAAE,EAAE,CAAC,CACrF,KAAC,mBAAmB,kBAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,IAAM,KAAK,EAAI,CAC7E,CAAC"}

package/dist/components/bottom-sheet/default-backdrop.windows.d.ts

@@ -0,0 +1,2 @@
+import { FunctionComponent } from 'react';
+export declare const DefaultBackdrop: FunctionComponent<any>;

package/dist/components/bottom-sheet/default-backdrop.windows.js

@@ -0,0 +1,3 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export const DefaultBackdrop = () => _jsx(_Fragment, {});
+//# sourceMappingURL=default-backdrop.windows.js.map

package/dist/components/bottom-sheet/default-backdrop.windows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-backdrop.windows.js","sourceRoot":"","sources":["../../../src/components/bottom-sheet/default-backdrop.windows.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,eAAe,GAA2B,GAAG,EAAE,CAAC,mBAAK,CAAC"}

package/dist/components/bottom-sheet/default-sheet-background.d.ts

@@ -0,0 +1,3 @@
+import { BottomSheetBackgroundProps } from '@gorhom/bottom-sheet';
+import { FunctionComponent } from 'react';
+export declare const DefaultSheetBackground: FunctionComponent<BottomSheetBackgroundProps>;

package/dist/components/bottom-sheet/default-sheet-background.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { useAppTheme } from '../../theme/theme';
+export const DefaultSheetBackground = ({ style }) => {
+    const { colors } = useAppTheme();
+    return _jsx(View, { style: [style, { backgroundColor: colors.background }] });
+};
+//# sourceMappingURL=default-sheet-background.js.map

package/dist/components/bottom-sheet/default-sheet-background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-sheet-background.js","sourceRoot":"","sources":["../../../src/components/bottom-sheet/default-sheet-background.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,sBAAsB,GAAkD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjG,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACjC,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,GAAI,CAAC;AAC1E,CAAC,CAAC"}

package/dist/components/bottom-sheet/index.d.ts

@@ -0,0 +1,4 @@
+export * from './bottom-sheet.constants';
+export * from './default-backdrop';
+export * from './default-sheet-background';
+export * from './use-bottom-sheet-toggler';

package/dist/components/bottom-sheet/index.js

@@ -0,0 +1,5 @@
+export * from './bottom-sheet.constants';
+export * from './default-backdrop';
+export * from './default-sheet-background';
+export * from './use-bottom-sheet-toggler';
+//# sourceMappingURL=index.js.map

package/dist/components/bottom-sheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bottom-sheet/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC"}

package/dist/components/bottom-sheet/use-bottom-sheet-toggler.d.ts

@@ -0,0 +1,7 @@
+import { BottomSheetModal } from '@gorhom/bottom-sheet';
+export declare const useBottomSheetToggler: () => {
+    bottomSheetModalRef: import("react").RefObject<BottomSheetModal>;
+    showBottomSheet: () => void;
+    hideBottomSheet: () => void;
+    isBottomSheetOpen: boolean;
+};

package/dist/components/bottom-sheet/use-bottom-sheet-toggler.js

@@ -0,0 +1,39 @@
+import { useEffect, useRef, useState } from 'react';
+import { BackHandler } from 'react-native';
+import { logger } from '../../logger/logger';
+export const useBottomSheetToggler = () => {
+    const bottomSheetModalRef = useRef(null);
+    const [isBottomSheetOpen, setIsBottomSheetOpen] = useState(false);
+    const showBottomSheet = () => {
+        var _a;
+        setIsBottomSheetOpen(true);
+        (_a = bottomSheetModalRef.current) === null || _a === void 0 ? void 0 : _a.present();
+    };
+    const hideBottomSheet = () => {
+        var _a;
+        logger.debug('[useBottomSheetToggler] hideBottomSheet');
+        setIsBottomSheetOpen(false);
+        (_a = bottomSheetModalRef.current) === null || _a === void 0 ? void 0 : _a.dismiss();
+    };
+    const onBackButtonPress = () => {
+        if (!isBottomSheetOpen || !bottomSheetModalRef.current) {
+            return false;
+        }
+        logger.debug('[useBottomSheetToggler] onBackButtonPress: closing bottom sheet');
+        hideBottomSheet();
+        return true;
+    };
+    useEffect(() => {
+        if (!isBottomSheetOpen)
+            return;
+        const backHandler = BackHandler.addEventListener('hardwareBackPress', onBackButtonPress);
+        return () => backHandler.remove();
+    }, [isBottomSheetOpen]);
+    return {
+        bottomSheetModalRef,
+        showBottomSheet,
+        hideBottomSheet,
+        isBottomSheetOpen,
+    };
+};
+//# sourceMappingURL=use-bottom-sheet-toggler.js.map

package/dist/components/bottom-sheet/use-bottom-sheet-toggler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-bottom-sheet-toggler.js","sourceRoot":"","sources":["../../../src/components/bottom-sheet/use-bottom-sheet-toggler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,mBAAmB,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,MAAM,eAAe,GAAG,GAAG,EAAE;;QAC3B,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAA,mBAAmB,CAAC,OAAO,0CAAE,OAAO,EAAE,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;;QAC3B,MAAM,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAC;QACxD,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC5B,MAAA,mBAAmB,CAAC,OAAO,0CAAE,OAAO,EAAE,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAY,EAAE;QACtC,IAAI,CAAC,iBAAiB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;YACvD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,CAAC,KAAK,CAAC,iEAAiE,CAAC,CAAC;QAChF,eAAe,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,MAAM,WAAW,GAAG,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;QACzF,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,OAAO;QACL,mBAAmB;QACnB,eAAe;QACf,eAAe;QACf,iBAAiB;KAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/code-scanner/barcode-scanner-dialog.d.ts

@@ -0,0 +1,11 @@
+import { BarcodeScanningResult } from 'expo-camera';
+import { FunctionComponent } from 'react';
+import { DialogCloseOnlyProps } from '../dialogs/dialog-close-only';
+interface BarcodeScannerDialogProps extends DialogCloseOnlyProps {
+    isVisible: boolean;
+    title: string;
+    onClose: () => void;
+    onBarcodeScanned: (result: BarcodeScanningResult) => void;
+}
+export declare const BarcodeScannerDialog: FunctionComponent<BarcodeScannerDialogProps>;
+export {};

package/dist/components/code-scanner/barcode-scanner-dialog.js

@@ -0,0 +1,32 @@
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { DialogCloseOnly } from '../dialogs/dialog-close-only';
+import { BarcodeScanner } from './barcode-scanner';
+import { getPermissionMessage, requestCameraPermissions } from './barcode-scanner.utils';
+export const BarcodeScannerDialog = (_a) => {
+    var { isVisible, title, onClose, onBarcodeScanned } = _a, rest = __rest(_a, ["isVisible", "title", "onClose", "onBarcodeScanned"]);
+    const [hasPermission, setHasPermission] = useState();
+    useEffect(() => {
+        requestCameraPermissions().then(setHasPermission);
+    }, []);
+    if (!isVisible) {
+        return null;
+    }
+    if (!hasPermission) {
+        const message = getPermissionMessage(hasPermission);
+        return _jsx(DialogCloseOnly, Object.assign({ isVisible: true, title: title, onClose: onClose, content: message }, rest));
+    }
+    return (_jsx(DialogCloseOnly, Object.assign({ isVisible: true, title: title, onClose: onClose, content: _jsx(BarcodeScanner, { onBarcodeScanned: onBarcodeScanned }) }, rest)));
+};
+//# sourceMappingURL=barcode-scanner-dialog.js.map

package/dist/components/code-scanner/barcode-scanner-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"barcode-scanner-dialog.js","sourceRoot":"","sources":["../../../src/components/code-scanner/barcode-scanner-dialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAc,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,eAAe,EAAwB,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AASzF,MAAM,CAAC,MAAM,oBAAoB,GAAiD,CAAC,EAMlF,EAAE,EAAE;QAN8E,EACjF,SAAS,EACT,KAAK,EACL,OAAO,EACP,gBAAgB,OAEjB,EADI,IAAI,cAL0E,qDAMlF,CADQ;IAEP,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAW,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,wBAAwB,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,MAAM,OAAO,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;QACpD,OAAO,KAAC,eAAe,kBAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,IAAM,IAAI,EAAI,CAAC;IAC1G,CAAC;IAED,OAAO,CACL,KAAC,eAAe,kBACd,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,KAAC,cAAc,IAAC,gBAAgB,EAAE,gBAAgB,GAAI,IAC3D,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/code-scanner/barcode-scanner.d.ts

@@ -0,0 +1,7 @@
+import { BarcodeScanningResult } from 'expo-camera';
+import { FunctionComponent } from 'react';
+interface BarcodeScannerProps {
+    onBarcodeScanned: (result: BarcodeScanningResult) => void;
+}
+export declare const BarcodeScanner: FunctionComponent<BarcodeScannerProps>;
+export {};

package/dist/components/code-scanner/barcode-scanner.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CameraView } from 'expo-camera';
+import { useTranslation } from 'react-i18next';
+import { StyleSheet, useWindowDimensions, View } from 'react-native';
+import { Text } from 'react-native-paper';
+import { useAppTheme } from '../../theme/theme';
+import { BARCODE_TYPES } from './barcode-scanner.utils';
+export const BarcodeScanner = ({ onBarcodeScanned }) => {
+    const styles = useStyles();
+    const { t } = useTranslation();
+    return (_jsxs(_Fragment, { children: [_jsx(View, { style: styles.cameraContainer, children: _jsx(CameraView, { style: [StyleSheet.absoluteFillObject, styles.camera], onBarcodeScanned: onBarcodeScanned, barcodeScannerSettings: { barcodeTypes: BARCODE_TYPES }, facing: "back" }) }), _jsx(Text, { variant: "bodySmall", style: styles.instruction, children: t('common:barcodeScanner.scanBarcodeInstruction') })] }));
+};
+const DIALOG_HEADER_AND_FOOTER_HEIGHT = 200;
+const MAX_CAMERA_HEIGHT = 560;
+const useStyles = () => {
+    const theme = useAppTheme();
+    const { height } = useWindowDimensions();
+    return StyleSheet.create({
+        cameraContainer: {
+            alignSelf: 'center',
+            width: '100%',
+            height: Math.min(height - DIALOG_HEADER_AND_FOOTER_HEIGHT, MAX_CAMERA_HEIGHT),
+        },
+        camera: {
+            borderWidth: 2,
+            borderColor: theme.colors.primary,
+            borderStyle: 'dashed',
+        },
+        instruction: {
+            textAlign: 'center',
+        },
+    });
+};
+//# sourceMappingURL=barcode-scanner.js.map

package/dist/components/code-scanner/barcode-scanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"barcode-scanner.js","sourceRoot":"","sources":["../../../src/components/code-scanner/barcode-scanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyB,UAAU,EAAE,MAAM,aAAa,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAMxD,MAAM,CAAC,MAAM,cAAc,GAA2C,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC7F,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,eAAe,YACjC,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,UAAU,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,CAAC,EACrD,gBAAgB,EAAE,gBAAgB,EAClC,sBAAsB,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,EACvD,MAAM,EAAC,MAAM,GACb,GACG,EAEP,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,YAChD,CAAC,CAAC,8CAA8C,CAAC,GAC7C,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,+BAA+B,GAAG,GAAG,CAAC;AAC5C,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEzC,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,eAAe,EAAE;YACf,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,+BAA+B,EAAE,iBAAiB,CAAC;SAC9E;QACD,MAAM,EAAE;YACN,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACjC,WAAW,EAAE,QAAQ;SACtB;QACD,WAAW,EAAE;YACX,SAAS,EAAE,QAAQ;SACpB;KACF,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/components/code-scanner/barcode-scanner.utils.d.ts

@@ -0,0 +1,4 @@
+import { BarcodeType } from 'expo-camera';
+export declare const BARCODE_TYPES: BarcodeType[];
+export declare const getPermissionMessage: (hasPermission?: boolean | null) => string;
+export declare const requestCameraPermissions: () => Promise<boolean>;

package/dist/components/code-scanner/barcode-scanner.utils.js

@@ -0,0 +1,38 @@
+import { Camera } from 'expo-camera';
+import i18next from 'i18next';
+import { logger } from '../../logger/logger';
+import { isNullish } from '../../utils/types.utils';
+export const BARCODE_TYPES = [
+    'aztec',
+    'ean13',
+    'ean8',
+    'qr',
+    'pdf417',
+    'upc_e',
+    'datamatrix',
+    'code39',
+    'code93',
+    'itf14',
+    'codabar',
+    'code128',
+    'upc_a',
+];
+export const getPermissionMessage = (hasPermission) => {
+    if (isNullish(hasPermission)) {
+        return i18next.t('common:barcodeScanner.requestingCameraPermission');
+    }
+    return hasPermission
+        ? i18next.t('common:barcodeScanner.cameraAccessGranted')
+        : i18next.t('common:barcodeScanner.noCameraAccess');
+};
+export const requestCameraPermissions = async () => {
+    try {
+        const { status } = await Camera.requestCameraPermissionsAsync();
+        return status === 'granted';
+    }
+    catch (e) {
+        logger.error('[BarcodeScanner] Failed to request camera permissions', e);
+        return false;
+    }
+};
+//# sourceMappingURL=barcode-scanner.utils.js.map

package/dist/components/code-scanner/barcode-scanner.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"barcode-scanner.utils.js","sourceRoot":"","sources":["../../../src/components/code-scanner/barcode-scanner.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,MAAM,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,CAAC,MAAM,aAAa,GAAkB;IAC1C,OAAO;IACP,OAAO;IACP,MAAM;IACN,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,YAAY;IACZ,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,SAAS;IACT,SAAS;IACT,OAAO;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,aAA8B,EAAU,EAAE;IAC7E,IAAI,SAAS,CAAC,aAAa,CAAC,EAAE,CAAC;QAC7B,OAAO,OAAO,CAAC,CAAC,CAAC,kDAAkD,CAAC,CAAC;IACvE,CAAC;IAED,OAAO,aAAa;QAClB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,2CAA2C,CAAC;QACxD,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,IAAsB,EAAE;IACnE,IAAI,CAAC;QACH,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,6BAA6B,EAAE,CAAC;QAChE,OAAO,MAAM,KAAK,SAAS,CAAC;IAC9B,CAAC;IAAC,OAAO,CAAU,EAAE,CAAC;QACpB,MAAM,CAAC,KAAK,CAAC,uDAAuD,EAAE,CAAC,CAAC,CAAC;QACzE,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC,CAAC"}

package/dist/components/code-scanner/index.d.ts

@@ -0,0 +1,3 @@
+export * from './barcode-scanner-dialog';
+export * from './barcode-scanner';
+export * from './barcode-scanner.utils';

package/dist/components/code-scanner/index.js

@@ -0,0 +1,4 @@
+export * from './barcode-scanner-dialog';
+export * from './barcode-scanner';
+export * from './barcode-scanner.utils';
+//# sourceMappingURL=index.js.map

package/dist/components/code-scanner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/code-scanner/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}

package/dist/components/dialogs/dialog-close-only.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentProps, type FunctionComponent, type ReactNode } from 'react';
+import { Dialog } from 'react-native-paper';
+type DialogProps = ComponentProps<typeof Dialog>;
+export interface DialogCloseOnlyProps extends Omit<DialogProps, 'children' | 'visible'> {
+    icon?: string;
+    title?: ReactNode;
+    content?: ReactNode;
+    onClose: () => void;
+    isVisible: boolean;
+}
+export declare const DialogCloseOnly: FunctionComponent<DialogCloseOnlyProps>;
+export {};

package/dist/components/dialogs/dialog-close-only.js

@@ -0,0 +1,39 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { StyleSheet } from 'react-native';
+import { Button, Dialog, Portal } from 'react-native-paper';
+import { useDialogStyles } from './use-dialog-styles';
+export const DialogCloseOnly = (_a) => {
+    var { icon, title, content, onClose, isVisible } = _a, rest = __rest(_a, ["icon", "title", "content", "onClose", "isVisible"]);
+    const { style: dialogStyleProp } = rest, dialogProps = __rest(rest, ["style"]);
+    const styles = useStyles();
+    const { t } = useTranslation();
+    const hasIcon = !!icon;
+    const hasTitle = !!title;
+    const hasContent = !!content;
+    if (!isVisible) {
+        return null;
+    }
+    return (_jsx(Portal, { children: _jsxs(Dialog, Object.assign({ style: [styles.dialog, dialogStyleProp], visible: true, onDismiss: onClose }, dialogProps, { children: [hasIcon && _jsx(Dialog.Icon, { icon: icon }), hasTitle && _jsx(Dialog.Title, { children: title }), hasContent && _jsx(Dialog.Content, { children: content }), _jsx(Dialog.Actions, { children: _jsx(Button, { mode: "contained", onPress: onClose, children: t('common:close') }) })] })) }));
+};
+const useStyles = () => {
+    const { width, alignSelf } = useDialogStyles();
+    return StyleSheet.create({
+        dialog: {
+            width,
+            alignSelf,
+        },
+    });
+};
+//# sourceMappingURL=dialog-close-only.js.map

package/dist/components/dialogs/dialog-close-only.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-close-only.js","sourceRoot":"","sources":["../../../src/components/dialogs/dialog-close-only.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAYtD,MAAM,CAAC,MAAM,eAAe,GAA4C,CAAC,EAOxE,EAAE,EAAE;QAPoE,EACvE,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,OAEV,EADI,IAAI,cANgE,oDAOxE,CADQ;IAEP,MAAM,EAAE,KAAK,EAAE,eAAe,KAAqB,IAAI,EAApB,WAAW,UAAK,IAAI,EAAjD,SAA0C,CAAO,CAAC;IACxD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC;IACvB,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;IACzB,MAAM,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;IAE7B,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,MAAM,cACL,MAAC,MAAM,kBAAC,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,IAAM,WAAW,eAChG,OAAO,IAAI,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,EACtC,QAAQ,IAAI,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,EAChD,UAAU,IAAI,KAAC,MAAM,CAAC,OAAO,cAAE,OAAO,GAAkB,EAEzD,KAAC,MAAM,CAAC,OAAO,cACb,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,YACtC,CAAC,CAAC,cAAc,CAAC,GACX,GACM,KACV,GACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IAE/C,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,MAAM,EAAE;YACN,KAAK;YACL,SAAS;SACV;KACF,CAAC,CAAC;AACL,CAAC,CAAC"}