feat: misc code updates

.rnstorybook/main.ts

@@ -1,4 +1,4 @@
-import { StorybookConfig } from '@storybook/react-native';
+import type { StorybookConfig } from '@storybook/react-native';
 
 const main: StorybookConfig = {
   stories: ['../src/**/*.stories.?(ts|tsx|js|jsx)'],

__mocks__/expo-image.tsx

@@ -1,8 +1,10 @@
 import { View } from 'react-native';
+import type { ImageProps } from 'expo-image';
+import type { ViewProps } from 'react-native';
 
 // Mock the Image component from expo-image
-const Image = (props: any) => {
-  return <View {...props} />;
+const Image = (props: ImageProps) => {
+  return <View {...(props as ViewProps)} />;
 };
 
 export { Image };

__mocks__/react-native-mmkv.ts

@@ -19,7 +19,9 @@ const createMockStorage = () => {
       return existed;
     },
     clearAll: () => {
-      Object.keys(data).forEach((key) => delete data[key]);
+      for (const key of Object.keys(data)) {
+        delete data[key];
+      }
     },
   };
 };

app.config.ts

@@ -100,10 +100,7 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
   ios: {
     supportsTablet: false,
     bundleIdentifier: Env.BUNDLE_ID,
-    // TODO(prod): Add correct associated domain config
-    associatedDomains: ['applinks:rnstarter.onelink.me'],
-    // TODO(prod): Add correct app store URL
-    appStoreUrl: `https://apps.apple.com/app/XXX/${Env.ITUNES_ITEM_ID}`,
+    appStoreUrl: `https://apps.apple.com/app/${Env.ITUNES_ITEM_ID}`,
     infoPlist: {
       UIBackgroundModes: ['remote-notification'],
       CFBundleAllowMixedLocalizations: true,

src/domain/constants/config.ts

@@ -16,6 +16,7 @@ const androidVersionCode = Constants.expoConfig?.android?.versionCode
 const runtimeVersion = Constants.expoConfig?.runtimeVersion;
 const iosBundleIdentifier = Constants.expoConfig?.ios?.bundleIdentifier ?? '';
 const androidPackageName = Constants.expoConfig?.android?.package ?? '';
+const itunesItemId = Env.ITUNES_ITEM_ID;
 
 const apiURL = Env.API_URL;
 const isStorybookEnabled = Env.STORYBOOK_ENABLED === 'true';
@@ -36,6 +37,7 @@ export const config = {
   buildNumber: IS_IOS ? iosbuildNumber : androidVersionCode,
   runtimeVersion,
   bundleId: IS_IOS ? iosBundleIdentifier : androidPackageName,
+  itunesItemId,
   apiURL,
   isStorybookEnabled,
   // SDKs

src/domain/contexts/subscriptionContext/SubscriptionContext.ts

@@ -4,9 +4,11 @@ import { PurchasesOffering } from 'react-native-purchases';
 const SubscriptionContext = createContext<{
   isPayingUser: boolean | null;
   offeringToDisplay: PurchasesOffering | null;
+  handleSetIsPayingUser: (value: boolean) => void;
 }>({
   isPayingUser: null,
   offeringToDisplay: null,
+  handleSetIsPayingUser: () => null,
 });
 
 export default SubscriptionContext;

src/domain/contexts/subscriptionContext/SubscriptionContextProvider.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { PurchasesOffering } from 'react-native-purchases';
 
 import { hasActiveEntitlements } from '$domain/subscription';
@@ -7,6 +7,8 @@ import { Logger } from '$infra/logger';
 import { Purchase } from '$infra/purchase';
 import { useRunOnMount } from '$shared/hooks';
 
+import { useAuthContext } from '../authContext';
+
 import SubscriptionContext from './SubscriptionContext';
 
 interface SubscriptionContextProviderProps {
@@ -20,11 +22,20 @@ export const SubscriptionContextProvider = ({
   const [offeringToDisplay, setOfferingToDisplay] =
     useState<PurchasesOffering | null>(null);
 
+  const { user } = useAuthContext();
+
   const { getFlagPayloadSync } = useGetRemoteConfigSync();
 
-  useRunOnMount(() => {
+  useEffect(() => {
     const fetchIsPayingUser = async () => {
+      if (!user) {
+        setIsPayingUser(false);
+
+        return;
+      }
+
       try {
+        await Purchase.setUser(user);
         const isPayingUser = await Purchase.isPayingUser();
 
         setIsPayingUser(isPayingUser);
@@ -40,7 +51,7 @@ export const SubscriptionContextProvider = ({
     };
 
     void fetchIsPayingUser();
-  });
+  }, [user]);
 
   useRunOnMount(() => {
     return Purchase.customerListener((customerInfo) => {
@@ -81,12 +92,17 @@ export const SubscriptionContextProvider = ({
     void fetchOfferingToDisplay();
   });
 
+  const handleSetIsPayingUser = useCallback((value: boolean) => {
+    setIsPayingUser(value);
+  }, []);
+
   const value = useMemo(
     () => ({
       isPayingUser,
       offeringToDisplay,
+      handleSetIsPayingUser,
     }),
-    [isPayingUser, offeringToDisplay],
+    [isPayingUser, offeringToDisplay, handleSetIsPayingUser],
   );
 
   return (

src/infra/analytics/analytics.ts

@@ -9,7 +9,6 @@ class AnalyticsClass {
   }
   /* ***** *****  User related  ***** ***** */
 
-  // TODO(prod): Add user properties
   setUser(user: User) {
     productTrackingClient.identify(user.id, {
       email: user.email,

src/infra/date/date.ts

@@ -3,7 +3,7 @@ import dayjsLocalizedFormat from 'dayjs/plugin/localizedFormat';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import dayjsUtc from 'dayjs/plugin/utc';
 
-import type { DateFormats } from './date.types';
+import type { DateFormat } from './date.types';
 
 import 'dayjs/locale/fr';
 import 'dayjs/locale/en';
@@ -25,7 +25,7 @@ export const formatDate = ({
   format,
 }: {
   date: dayjs.ConfigType;
-  format: DateFormats;
+  format: DateFormat;
 }) => dayjs.utc(date).format(format);
 
 export const formatDateRelative = ({

src/infra/date/date.types.ts

@@ -1,22 +1,22 @@
-export enum DateFormats {
-  /** 8:02 PM */
-  TIME = 'LT',
-  /** 08/16/2018 */
-  SHORT_DATE = 'L',
-  /** Aug 16, 2018 */
-  MEDIUM_DATE = 'll',
-  /** August 16, 2018 */
-  LONG_DATE = 'LL',
-  /** August 16, 2018 8:02 PM */
-  LONG_DATE_WITH_TIME = 'LLL',
-  /** Sunday-Saturday */
-  DAY = 'dddd',
-  /** January-December */
-  MONTH = 'MMMM',
-  /** 16 Aout 2018 */
-  DATE_FR = 'DD MMMM YYYY',
-  /** August 16, 2018 */
-  DATE_EN = 'MMM Do, YYYY',
-  /** August 2018 */
-  DATE_WITHOUT_DAY = 'MMMM YYYY',
-}
+export const DateFormats = {
+  /** 3:30 PM (US) | 15:30 (FR) */
+  TIME: 'LT',
+  /** 01/11/2026 (US) | 11/01/2026 (FR) */
+  SHORT_DATE: 'L',
+  /** Jan 11, 2026 (US) | 11 janv. 2026 (FR) */
+  MEDIUM_DATE: 'll',
+  /** January 11, 2026 (US) | 11 janvier 2026 (FR) */
+  LONG_DATE: 'LL',
+  /** January 11, 2026 3:30 PM (US) | 11 janvier 2026 15:30 (FR) */
+  LONG_DATE_WITH_TIME: 'LLL',
+  /** 1/11/26 - 3:30 PM (US) | 11/1/26 - 15:30 (FR) */
+  SHORT_DATE_WITH_TIME: 'l - LT',
+  /** Sunday (US) | dimanche (FR) */
+  DAY: 'dddd',
+  /** January (US) | janvier (FR) */
+  MONTH: 'MMMM',
+  /** January 2026 (US) | janvier 2026 (FR) */
+  MONTH_YEAR: 'MMMM YYYY',
+} as const;
+
+export type DateFormat = (typeof DateFormats)[keyof typeof DateFormats];

src/infra/date/hooks/useDates.ts

@@ -7,14 +7,14 @@ import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { formatDate, formatDateRelative } from '../date';
-import { DateFormats } from '../date.types';
+import { DateFormat } from '../date.types';
 
 export const useFormatDate = ({
   date,
   format,
 }: {
   date: dayjs.ConfigType;
-  format: DateFormats;
+  format: DateFormat;
 }): string => {
   const { i18n } = useTranslation();
 

src/infra/logger/logger.types.ts

@@ -1,4 +1,4 @@
-import type { SeverityLevel } from '@sentry/core';
+import type { SeverityLevel } from '@sentry/react-native';
 
 /* ***** *****  Toast Message  ***** ***** */
 

src/infra/monitoring/errorMonitoring.ts

@@ -1,8 +1,5 @@
-/* eslint-disable @typescript-eslint/no-deprecated */
-
 import type { Event, Scope } from '@sentry/react-native';
 import * as Sentry from '@sentry/react-native';
-import type { Breadcrumb, CaptureContext, SeverityLevel } from '@sentry/types';
 import * as Application from 'expo-application';
 import Constants from 'expo-constants';
 import * as Device from 'expo-device';
@@ -107,7 +104,10 @@ class ErrorMonitoringClass {
     Sentry.captureException(exception);
   }
 
-  message(message: string, context?: CaptureContext | SeverityLevel) {
+  message(
+    message: string,
+    context?: Parameters<typeof Sentry.captureMessage>[1],
+  ) {
     Sentry.captureMessage(message, context);
   }
 
@@ -119,7 +119,7 @@ class ErrorMonitoringClass {
     Sentry.setContext(name, context);
   }
 
-  breadcrumbs(breadcrumb: Breadcrumb) {
+  breadcrumbs(breadcrumb: Sentry.Breadcrumb) {
     Sentry.addBreadcrumb(breadcrumb);
   }
 

src/infra/monitoring/performanceMonitoring.ts

@@ -1,18 +1,17 @@
-/* eslint-disable @typescript-eslint/no-deprecated */
-
 import * as Sentry from '@sentry/react-native';
-import type { StartSpanOptions, Span } from '@sentry/types';
 
 class PerformanceMonitoringClass {
   startTransaction<T>(
-    context: StartSpanOptions,
-    callback: (span: Span | undefined) => T,
+    context: Parameters<typeof Sentry.startSpan>[0],
+    callback: (span: Sentry.Span | undefined) => T,
   ) {
-    Sentry.startSpan(context, callback);
+    return Sentry.startSpan(context, callback);
   }
 
-  startIndependentTransaction(context: StartSpanOptions) {
-    Sentry.startInactiveSpan(context);
+  startIndependentTransaction(
+    context: Parameters<typeof Sentry.startInactiveSpan>[0],
+  ) {
+    return Sentry.startInactiveSpan(context);
   }
 }
 

src/infra/purchase/purchase.ts

@@ -71,6 +71,10 @@ class PurchaseClass {
     await RevenueCat.restorePurchases();
   }
 
+  async syncPurchases() {
+    await RevenueCat.syncPurchases();
+  }
+
   async makePurchase(purchasedPackage: PurchasesPackage) {
     try {
       await RevenueCat.purchasePackage(purchasedPackage);

src/infra/storage/productTrackingStorage.ts

@@ -2,7 +2,7 @@ import { createMMKV } from 'react-native-mmkv';
 
 import { storageKeys } from '$domain/constants';
 
-export const ProductTrackingStorage = createMMKV({
+const ProductTrackingStorage = createMMKV({
   id: storageKeys.productTrackingStorage.id,
 });
 

src/shared/components/appUpdateNeeded/AppUpdateNeeded.tsx

@@ -38,12 +38,9 @@ export const AppUpdateNeeded = () => {
 
   const onPress = async () => {
     try {
-      // TODO(prod): Replace with real iTunes item ID
-      const itunesItemId = '';
-
       await Linking.openURL(
         IS_IOS
-          ? `https://apps.apple.com/app/apple-store/id${itunesItemId}`
+          ? `https://apps.apple.com/app/${config.itunesItemId}`
           : `market://details?id=${config.bundleId}&showAllReviews=true`,
       );
     } catch (error) {

src/shared/components/storeUpdateAvailableBanner/StoreUpdateAvailableBanner.tsx

@@ -11,12 +11,9 @@ export const StoreUpdateAvailableBanner = () => {
 
   const onPress = async () => {
     try {
-      // TODO(prod): Replace with real iTunes item ID
-      const itunesItemId = '';
-
       await Linking.openURL(
         IS_IOS
-          ? `https://apps.apple.com/app/apple-store/id${itunesItemId}`
+          ? `https://apps.apple.com/app/${config.itunesItemId}`
           : `market://details?id=${config.bundleId}&showAllReviews=true`,
       );
     } catch (error) {

src/shared/hooks/useAppState.ts

@@ -37,5 +37,5 @@ export const useAppState = ({
     return () => {
       listener.remove();
     };
-  }, [appState, handleAppStateChange]);
+  }, [handleAppStateChange]);
 };