@holper/react-native-holper-storybook 0.6.75 → 0.6.76

package/lib/components/TakePicture/index.js

@@ -8,12 +8,11 @@ import {
   ActivityIndicator,
 } from 'react-native';
 import Ionicons from 'react-native-vector-icons/Ionicons';
-import { Camera, FlashMode } from 'expo-camera';
+import { CameraView, FlashMode } from 'expo-camera';
 import * as ImageManipulator from 'expo-image-manipulator';
 import { Svg, Defs, Rect, Mask, Circle } from 'react-native-svg';
 import Text from '../Text';
 import Container from '../Container';
-import ImageResponsive from '../ImageResponsive';
 import { Colors } from '../../configs/constants';
 import { ConfirmPictureModal } from './confirmPictureModal';
 import style from './style';
@@ -52,7 +51,7 @@ const TakePicture = ({
   usePictureText,
 }) => {
   const [hasCameraPermission, setHasCameraPermission] = useState(null);
-  const [type, setType] = useState(Camera.Constants.Type.back);
+  const [type, setType] = useState(CameraView.Constants.Type.back);
   const [image, setImage] = useState(null);
   const [takingPicture, setTakingPicture] = useState(false);
   const [ratio, setRatio] = useState(DESIRED_RATIO);
@@ -60,14 +59,14 @@ const TakePicture = ({
 
   useEffect(() => {
     (async () => {
-      const { status } = await Camera.requestCameraPermissionsAsync();
+      const { status } = await CameraView.requestCameraPermissionsAsync();
       setHasCameraPermission(status === 'granted');
     })();
   }, [visible]);
 
   const prepareRatio = async () => {
     if (isAndroid && camera) {
-      const ratios = await Camera.getSupportedRatiosAsync();
+      const ratios = await CameraView.getSupportedRatiosAsync();
 
       // See if the current device has your desired ratio, otherwise get the maximum supported one
       // Usually the last element of 'ratios' is the maximum supported ratio
@@ -81,9 +80,9 @@ const TakePicture = ({
 
   const flipCamera = () => {
     setType(
-      type === Camera.Constants.Type.back
-        ? Camera.Constants.Type.front
-        : Camera.Constants.Type.back
+      type === CameraView.Constants.Type.back
+        ? CameraView.Constants.Type.front
+        : CameraView.Constants.Type.back
     );
   };
 
@@ -147,7 +146,7 @@ const TakePicture = ({
       onRequestClose={() => {}}
     >
       <Container style={style.cameraContainer}>
-        <Camera
+        <CameraView
           ref={camera}
           style={style.cameraContainer}
           type={type}
@@ -186,7 +185,7 @@ const TakePicture = ({
           </View>
 
           {avatar && isAndroid && <SvgCircle />}
-        </Camera>
+        </CameraView>
 
         {takingPicture && (
           <View style={style.cameraTakingPictureOverlay}>

package/lib/configs/constants.js

@@ -1,262 +1,263 @@
 export const Colors = {
   // Blacks and Whites
-  transparent: 'transparent',
-  white: '#FFFFFF',
-  gray: '#D0D0D0',
-  dimgray: '#CFCFCF',
-  darkgray: '#2E3640',
-  whiteice: '#E7EAEE',
-  whitepearl: '#F7F8F9',
+  transparent: "transparent",
+  white: "#FFFFFF",
+  gray: "#D0D0D0",
+  dimgray: "#CFCFCF",
+  darkgray: "#2E3640",
+  whiteice: "#E7EAEE",
+  whitepearl: "#F7F8F9",
   // Greens
-  lightgreen: '#64FFA5',
-  green: '#3FE384',
+  lightgreen: "#64FFA5",
+  green: "#3FE384",
   // Blues
-  lightblue: '#E4E9F2',
-  midblue: '#727C8E',
-  darkblue: '#515C6F',
-  brightblue: '#00D8FF',
-  mediumblue: '#F2F7FE',
-  blue: '#2A539C',
+  lightblue: "#E4E9F2",
+  midblue: "#727C8E",
+  darkblue: "#515C6F",
+  brightblue: "#00D8FF",
+  mediumblue: "#F2F7FE",
+  blue: "#2A539C",
+  attentionBlue: "#dbf0fe",
   // Violet
-  violet: '#300049',
-  placeboPurple: '#F0ECFE',
+  violet: "#300049",
+  placeboPurple: "#F0ECFE",
   // Reds
-  lightred: '#FFC1C1',
-  red: '#FD4C4C',
+  lightred: "#FFC1C1",
+  red: "#FD4C4C",
   // Yellow
-  lightyellow: '#F3F2D3',
-  yellow: '#FDD100',
-  gold: '#D4AF37',
+  lightyellow: "#F3F2D3",
+  yellow: "#FDD100",
+  gold: "#D4AF37",
 };
 
 export const borderRadius = 8;
 
 export const ConstantsWS = Object.freeze({
-  HIRING: 'HIRING',
-  CANCELED: 'CANCELED',
-  CANCELED_BY_PROFESSIONAL: 'CANCELED_BY_PROFESSIONAL',
-  NOT_CONFIRMED: 'NOT_CONFIRMED',
-  NOT_STARTED: 'NOT_STARTED',
-  POSTULATION: 'POSTULATION',
-  NOTIFICATION: 'NOTIFICATION',
-  CHAT: 'CHAT',
-  MAP: 'MAP',
-  RECOMMENDATION: 'RECOMMENDATION',
-  ISSUE: 'ISSUE',
-  CLOSED: 'CLOSED',
-  USER: 'USER',
+  HIRING: "HIRING",
+  CANCELED: "CANCELED",
+  CANCELED_BY_PROFESSIONAL: "CANCELED_BY_PROFESSIONAL",
+  NOT_CONFIRMED: "NOT_CONFIRMED",
+  NOT_STARTED: "NOT_STARTED",
+  POSTULATION: "POSTULATION",
+  NOTIFICATION: "NOTIFICATION",
+  CHAT: "CHAT",
+  MAP: "MAP",
+  RECOMMENDATION: "RECOMMENDATION",
+  ISSUE: "ISSUE",
+  CLOSED: "CLOSED",
+  USER: "USER",
 });
 
 export const HiringStatus = Object.freeze({
-  PENDING: 'pending',
-  ON_THE_WAY: 'onTheWay',
-  ARRIVAL_CONFIRMED: 'arrivalConfirmed',
-  IN_PROGRESS: 'inProgress',
-  PAYMENT: 'payment',
-  PAYMENT_ERROR: 'paymentError',
-  DONE: 'done',
-  CANCELED: 'canceled',
-  UNPAID: 'unpaid',
+  PENDING: "pending",
+  ON_THE_WAY: "onTheWay",
+  ARRIVAL_CONFIRMED: "arrivalConfirmed",
+  IN_PROGRESS: "inProgress",
+  PAYMENT: "payment",
+  PAYMENT_ERROR: "paymentError",
+  DONE: "done",
+  CANCELED: "canceled",
+  UNPAID: "unpaid",
 });
 
 export const CouponStatus = Object.freeze({
-  PENDING: 'pending',
-  IN_USE: 'inUse',
-  EXPIRED: 'expired',
-  DONE: 'DONE',
+  PENDING: "pending",
+  IN_USE: "inUse",
+  EXPIRED: "expired",
+  DONE: "DONE",
 });
 
 export const NotificationsTypes = Object.freeze({
   /** New hiring is created */
-  NEW_HIRING: 'newHiring',
+  NEW_HIRING: "newHiring",
   /** Professional accept immediate hiring */
-  HIRING_IMMEDIATE: 'hiringImmediate',
+  HIRING_IMMEDIATE: "hiringImmediate",
   /** Professional accept scheduled hiring */
-  HIRING_SCHEDULED: 'hiringScheduled',
-  HIRING_ACCEPTED: 'hiringAccepted',
-  HIRING_CANCELED: 'hiringCanceled',
-  HIRING_ON_THE_WAY: 'hiringOnTheWay',
-  HIRING_ARRIVAL_CONFIRMED: 'hiringArrivalConfirmed',
-  HIRING_IN_PROGRESS: 'hiringInProgress',
-  HIRING_DONE: 'hiringDone',
-  HIRING_DELAY: 'hiringDelay',
-  HIRING_DELAY_TRAFFIC: 'hiringDelayTraffic',
-  HIRING_DELAY_ACCIDENT: 'hiringDelayAccident',
-  HIRING_DELAY_WORK: 'hiringDelayWork',
-  HIRING_EXTRA_TASK: 'hiringExtraTask',
-  HIRING_EXTRA_TASK_ACCEPTED: 'hiringExtraTaskAccepted',
-  HIRING_EXTRA_TASK_REJECTED: 'hiringExtraTaskRejected',
-  HIRING_PAYMENT_REJECTED: 'hiringPaymentRejected',
-  HIRING_RATING: 'hiringRating',
-  NEW_MESSAGE: 'newMessage',
+  HIRING_SCHEDULED: "hiringScheduled",
+  HIRING_ACCEPTED: "hiringAccepted",
+  HIRING_CANCELED: "hiringCanceled",
+  HIRING_ON_THE_WAY: "hiringOnTheWay",
+  HIRING_ARRIVAL_CONFIRMED: "hiringArrivalConfirmed",
+  HIRING_IN_PROGRESS: "hiringInProgress",
+  HIRING_DONE: "hiringDone",
+  HIRING_DELAY: "hiringDelay",
+  HIRING_DELAY_TRAFFIC: "hiringDelayTraffic",
+  HIRING_DELAY_ACCIDENT: "hiringDelayAccident",
+  HIRING_DELAY_WORK: "hiringDelayWork",
+  HIRING_EXTRA_TASK: "hiringExtraTask",
+  HIRING_EXTRA_TASK_ACCEPTED: "hiringExtraTaskAccepted",
+  HIRING_EXTRA_TASK_REJECTED: "hiringExtraTaskRejected",
+  HIRING_PAYMENT_REJECTED: "hiringPaymentRejected",
+  HIRING_RATING: "hiringRating",
+  NEW_MESSAGE: "newMessage",
   /** Reminder for the client to open the door */
-  REMINDER_OPEN_DOOR: 'reminderOpenDoor',
+  REMINDER_OPEN_DOOR: "reminderOpenDoor",
   /** Reminder for the professional to start the path */
-  REMINDER_START_PATH: 'reminderStartPath',
+  REMINDER_START_PATH: "reminderStartPath",
   /** Reminder for the professional when the start time is passed */
-  REMINDER_DELAYED: 'reminderDelay',
+  REMINDER_DELAYED: "reminderDelay",
   /** Reminder for the professional when arrived to mark the arrival confirmed */
-  REMINDER_ARRIVED: 'reminderArrived',
+  REMINDER_ARRIVED: "reminderArrived",
   /** Reminder for the professional to start the progress */
-  REMINDER_START_PROGRESS: 'reminderStartProgress',
+  REMINDER_START_PROGRESS: "reminderStartProgress",
 });
 
 export const MapStyle = [
   {
-    elementType: 'geometry',
+    elementType: "geometry",
     stylers: [
       {
-        color: '#f5f5f5',
+        color: "#f5f5f5",
       },
     ],
   },
   {
-    elementType: 'labels.icon',
+    elementType: "labels.icon",
     stylers: [
       {
-        visibility: 'off',
+        visibility: "off",
       },
     ],
   },
   {
-    elementType: 'labels.text.fill',
+    elementType: "labels.text.fill",
     stylers: [
       {
-        color: '#616161',
+        color: "#616161",
       },
     ],
   },
   {
-    elementType: 'labels.text.stroke',
+    elementType: "labels.text.stroke",
     stylers: [
       {
-        color: '#f5f5f5',
+        color: "#f5f5f5",
       },
     ],
   },
   {
-    featureType: 'administrative.land_parcel',
-    elementType: 'labels.text.fill',
+    featureType: "administrative.land_parcel",
+    elementType: "labels.text.fill",
     stylers: [
       {
-        color: '#bdbdbd',
+        color: "#bdbdbd",
       },
     ],
   },
   {
-    featureType: 'poi',
-    elementType: 'geometry',
+    featureType: "poi",
+    elementType: "geometry",
     stylers: [
       {
-        color: '#eeeeee',
+        color: "#eeeeee",
       },
     ],
   },
   {
-    featureType: 'poi',
-    elementType: 'labels.text.fill',
+    featureType: "poi",
+    elementType: "labels.text.fill",
     stylers: [
       {
-        color: '#757575',
+        color: "#757575",
       },
     ],
   },
   {
-    featureType: 'poi.park',
-    elementType: 'geometry',
+    featureType: "poi.park",
+    elementType: "geometry",
     stylers: [
       {
-        color: '#e5e5e5',
+        color: "#e5e5e5",
       },
     ],
   },
   {
-    featureType: 'poi.park',
-    elementType: 'labels.text.fill',
+    featureType: "poi.park",
+    elementType: "labels.text.fill",
     stylers: [
       {
-        color: '#9e9e9e',
+        color: "#9e9e9e",
       },
     ],
   },
   {
-    featureType: 'road',
-    elementType: 'geometry',
+    featureType: "road",
+    elementType: "geometry",
     stylers: [
       {
-        color: '#ffffff',
+        color: "#ffffff",
       },
     ],
   },
   {
-    featureType: 'road.arterial',
-    elementType: 'labels.text.fill',
+    featureType: "road.arterial",
+    elementType: "labels.text.fill",
     stylers: [
       {
-        color: '#757575',
+        color: "#757575",
       },
     ],
   },
   {
-    featureType: 'road.highway',
-    elementType: 'geometry',
+    featureType: "road.highway",
+    elementType: "geometry",
     stylers: [
       {
-        color: '#dadada',
+        color: "#dadada",
       },
     ],
   },
   {
-    featureType: 'road.highway',
-    elementType: 'labels.text.fill',
+    featureType: "road.highway",
+    elementType: "labels.text.fill",
     stylers: [
       {
-        color: '#616161',
+        color: "#616161",
       },
     ],
   },
   {
-    featureType: 'road.local',
-    elementType: 'labels.text.fill',
+    featureType: "road.local",
+    elementType: "labels.text.fill",
     stylers: [
       {
-        color: '#9e9e9e',
+        color: "#9e9e9e",
       },
     ],
   },
   {
-    featureType: 'transit.line',
-    elementType: 'geometry',
+    featureType: "transit.line",
+    elementType: "geometry",
     stylers: [
       {
-        color: '#e5e5e5',
+        color: "#e5e5e5",
       },
     ],
   },
   {
-    featureType: 'transit.station',
-    elementType: 'geometry',
+    featureType: "transit.station",
+    elementType: "geometry",
     stylers: [
       {
-        color: '#eeeeee',
+        color: "#eeeeee",
       },
     ],
   },
   {
-    featureType: 'water',
-    elementType: 'geometry',
+    featureType: "water",
+    elementType: "geometry",
     stylers: [
       {
-        color: '#c9c9c9',
+        color: "#c9c9c9",
       },
     ],
   },
   {
-    featureType: 'water',
-    elementType: 'labels.text.fill',
+    featureType: "water",
+    elementType: "labels.text.fill",
     stylers: [
       {
-        color: '#9e9e9e',
+        color: "#9e9e9e",
       },
     ],
   },

package/package.json

@@ -2,7 +2,7 @@
   "main": "lib/index.js",
   "name": "@holper/react-native-holper-storybook",
   "description": "A component library for Holper projects",
-  "version": "0.6.75",
+  "version": "0.6.76",
   "license": "MIT",
   "files": [
     "lib",
@@ -27,35 +27,37 @@
     "storybook-publish": "./build.sh"
   },
   "dependencies": {
-    "@react-native-async-storage/async-storage": "1.21.0",
+    "@react-native-async-storage/async-storage": "1.23.1",
     "@react-native-community/datetimepicker": "8.2.0",
-    "@react-native-community/slider": "4.4.2",
+    "@react-native-community/slider": "4.5.5",
     "deprecated-react-native-prop-types": "^5.0.0",
-    "expo": "~50.0.17",
-    "expo-asset": "~9.0.2",
-    "expo-camera": "~14.1.3",
-    "expo-font": "~11.10.3",
-    "expo-image-manipulator": "~11.8.0",
-    "expo-image-picker": "~14.7.1",
-    "expo-media-library": "~15.9.2",
-    "expo-status-bar": "~1.11.1",
+    "expo": "^52.0.35",
+    "expo-asset": "~11.0.3",
+    "expo-camera": "~16.0.16",
+    "expo-font": "~13.0.3",
+    "expo-image": "~2.0.5",
+    "expo-image-manipulator": "~13.0.6",
+    "expo-image-picker": "~16.0.6",
+    "expo-media-library": "~17.0.6",
+    "expo-status-bar": "~2.0.1",
     "moment": "^2.30.1",
     "prop-types": "^15.8.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-native": "0.73.6",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-native": "0.76.7",
     "react-native-countdown-circle-timer": "^3.2.1",
     "react-native-deck-swiper": "^2.0.16",
     "react-native-dropdown-picker": "^5.4.6",
     "react-native-flash-message": "^0.4.2",
-    "react-native-safe-area-context": "4.8.2",
+    "react-native-safe-area-context": "4.12.0",
     "react-native-status-bar-height": "^2.6.0",
-    "react-native-svg": "14.1.0",
+    "react-native-svg": "15.8.0",
     "react-native-vector-icons": "^10.0.3",
     "react-native-web": "~0.19.10"
   },
   "devDependencies": {
     "@babel/core": "^7.23.9",
+    "@babel/traverse": "^7.26.9",
     "@storybook/addon-actions": "^7.6.11",
     "@storybook/addon-knobs": "^7.0.2",
     "@storybook/addon-links": "^7.6.11",
@@ -65,12 +67,22 @@
     "@storybook/react-native": "^6.5.7",
     "@storybook/react-native-server": "^6.5.8",
     "babel-loader": "^9.1.3",
-    "expo-dev-client": "~3.3.11"
+    "expo-dev-client": "~5.0.12"
   },
   "peerDependencies": {
     "expo-camera": ">=13.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-native": ">=0.71.0"
+  },
+  "expo": {
+    "doctor": {
+      "reactNativeDirectoryCheck": {
+        "exclude": [
+          "react-native-status-bar-height"
+        ],
+        "listUnknownPackages": false
+      }
+    }
   }
 }