fix: Make MaBulle version work without IAP

In b056a90 we added code to
dynamically remove IAP package using white_label mechanism

This correctly removed the IAP package and allowed to build the app

But since then, we added some react-native components that use the
module and would break when removing the IAP package (react-native
module is available, but the native part is not loaded)

To make them work without IAP package, we choose to move the import
behind a proxy file. Then we can override this file using white_labels
and instead import stubbed methods

The mandatory methods are `withIAPContext` and `useIAP` that wrap the
entire components and `getSubscriptions` that is used to enable/disable
IAP features

Other methods can still be exported as is as they would never be called
when IAP features are disabled

Related commit: b056a90
Related PR: #1188

src/app/domain/iap/services/availableOffers.ts

@@ -1,8 +1,8 @@
 import { Platform } from 'react-native'
-import { getSubscriptions as iapGetSubscriptions } from 'react-native-iap'
 
 import Minilog from 'cozy-minilog'
 
+import { getSubscriptions as iapGetSubscriptions } from '/app/domain/iap/services/iapModule'
 import { getErrorMessage } from '/libs/functions/getErrorMessage'
 
 const log = Minilog('💳 Available IAP Offers')

src/app/domain/iap/services/clouderyOffer.ts

@@ -2,20 +2,20 @@ import { EventEmitter } from 'events'
 
 import { Dispatch, SetStateAction } from 'react'
 import { Linking, Platform } from 'react-native'
+import type { WebViewNavigation } from 'react-native-webview/lib/WebViewTypes'
+
+import CozyClient from 'cozy-client'
+import type { InstanceInfo } from 'cozy-client/types/types'
+import Minilog from 'cozy-minilog'
+
 import {
   clearTransactionIOS,
   ProrationModesAndroid,
   requestSubscription,
   Subscription,
   SubscriptionAndroid,
   SubscriptionOffer
-} from 'react-native-iap'
-import type { WebViewNavigation } from 'react-native-webview/lib/WebViewTypes'
-
-import CozyClient from 'cozy-client'
-import type { InstanceInfo } from 'cozy-client/types/types'
-import Minilog from 'cozy-minilog'
-
+} from '/app/domain/iap/services/iapModule'
 import { BuyingState } from '/app/view/IAP/hooks/useClouderyOffer'
 import { getErrorMessage } from '/libs/functions/getErrorMessage'
 

src/app/domain/iap/services/iapModule.tsx

@@ -0,0 +1 @@
+export * from 'react-native-iap'

src/app/view/IAP/ClouderyOffer.tsx

@@ -1,11 +1,11 @@
 import React, { useState } from 'react'
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native'
-import { withIAPContext } from 'react-native-iap'
 import WebView from 'react-native-webview'
 import type { WebViewNavigation } from 'react-native-webview/lib/WebViewTypes'
 
 import { FlagshipUI } from 'cozy-intent'
 
+import { withIAPContext } from '/app/domain/iap/services/iapModule'
 import { ScreenIndexes, useFlagshipUI } from '/app/view/FlagshipUI'
 import { useClouderyOffer } from '/app/view/IAP/hooks/useClouderyOffer'
 import { IapProgress } from '/app/view/IAP/IapProgress'

src/app/view/IAP/hooks/useClouderyOffer.ts

@@ -1,5 +1,4 @@
 import { Dispatch, SetStateAction, useEffect, useState } from 'react'
-import { initConnection, useIAP } from 'react-native-iap'
 import { getLocales } from 'react-native-localize'
 import Toast from 'react-native-toast-message'
 import type { WebViewNavigation } from 'react-native-webview/lib/WebViewTypes'
@@ -15,6 +14,7 @@ import {
   buySubscription,
   formatOffers
 } from '/app/domain/iap/services/clouderyOffer'
+import { initConnection, useIAP } from '/app/domain/iap/services/iapModule'
 import { getErrorMessage } from '/libs/functions/getErrorMessage'
 import { t } from '/locales/i18n'
 

white_label/brands/cozy/js/app/domain/iap/services/iapModule.tsx

@@ -0,0 +1 @@
+export * from 'react-native-iap'

white_label/brands/mabulle/js/app/domain/iap/services/iapModule.tsx

@@ -0,0 +1,46 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React from 'react'
+import { Subscription } from 'react-native-iap'
+
+export {
+  clearTransactionIOS,
+  ProrationModesAndroid,
+  requestSubscription
+} from 'react-native-iap'
+
+export type {
+  Subscription,
+  SubscriptionAndroid,
+  SubscriptionOffer
+} from 'react-native-iap'
+
+export { initConnection } from 'react-native-iap'
+
+export const getSubscriptions = ({
+  skus
+}: {
+  skus: string[]
+}): Promise<Subscription[]> => {
+  return Promise.resolve([])
+}
+
+export function withIAPContext(Component: React.ComponentType) {
+  return function WrapperComponent(
+    props: JSX.IntrinsicAttributes
+  ): JSX.Element {
+    return <Component {...props} />
+  }
+}
+
+export const useIAP = (): useIAPResult => {
+  const subscriptions: Subscription[] = []
+  const getSubscriptions = ({ skus }: { skus: string[] }): Promise<void> => {
+    return Promise.resolve()
+  }
+  return { subscriptions, getSubscriptions }
+}
+
+interface useIAPResult {
+  subscriptions: Subscription[]
+  getSubscriptions: ({ skus }: { skus: string[] }) => Promise<void>
+}