@alveole/components 1.3.1 → 1.3.2

package/dist/core/AppUpdateProvider/AppUpdateProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppUpdateProvider.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/AppUpdateProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAI9C,eAAO,MAAM,iBAAiB,QAAO,cAIpC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW,QAAsB,CAAC;AAE/C,eAAO,MAAM,cAAc,GAAI,eAAe,MAAM,EAAE,KAAK,MAAM,KAAG,OAA6C,CAAC;AAclH,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBAwE9D,CAAC"}
+{"version":3,"file":"AppUpdateProvider.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/AppUpdateProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAI9C,eAAO,MAAM,iBAAiB,QAAO,cAIpC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW,QAAsB,CAAC;AAE/C,eAAO,MAAM,cAAc,GAAI,eAAe,MAAM,EAAE,KAAK,MAAM,KAAG,OAA6C,CAAC;AAclH,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBA0E9D,CAAC"}

package/dist/core/AppUpdateProvider/AppUpdateProvider.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as Application from 'expo-application';
+import Constants from 'expo-constants';
 import { checkForUpdate, startUpdate } from 'expo-in-app-updates';
 import React from 'react';
 import { AppState, Linking, Platform } from 'react-native';
@@ -26,9 +27,10 @@ const reducer = (state, action) => {
 };
 export const AppUpdateProvider = (props) => {
     const { children, title = DEFAULT_TITLE, description = DEFAULT_DESCRIPTION, buttonLabel = DEFAULT_BUTTON_LABEL, iosAppId, androidPackageId, } = props;
+    // expo-in-app-updates requires a real store client — skip in Expo Go and web
+    const isNativeStoreClient = Platform.OS !== 'web' && Constants.executionEnvironment !== 'storeClient';
     const [{ isChecking, isUpdateRequired }, dispatch] = React.useReducer(reducer, {
-        // On web, in-app updates are not supported — skip the check entirely
-        isChecking: Platform.OS !== 'web',
+        isChecking: isNativeStoreClient,
         isUpdateRequired: false,
     });
     const lastCheckedAt = React.useRef(0);
@@ -64,18 +66,18 @@ export const AppUpdateProvider = (props) => {
         }
     }, [dispatch]);
     React.useEffect(() => {
-        if (Platform.OS === 'web')
+        if (!isNativeStoreClient)
             return;
         runCheck(true);
-    }, [runCheck]);
+    }, [runCheck, isNativeStoreClient]);
     React.useEffect(() => {
-        if (Platform.OS === 'web')
+        if (!isNativeStoreClient)
             return;
         const subscription = AppState.addEventListener('change', state => {
             if (state === 'active')
                 runCheck(false);
         });
         return () => subscription.remove();
-    }, [runCheck]);
+    }, [runCheck, isNativeStoreClient]);
     return (_jsx(AppUpdateContext.Provider, { value: { isChecking }, children: !isChecking && isUpdateRequired ? (_jsx(UpdateRequired, { title: title, description: description, buttonLabel: buttonLabel, onUpdate: openStore })) : (children) }));
 };

package/dist/core/AppUpdateProvider/AppUpdateProvider.stories.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
     experimental: false;
     description: string;
     shortDescription: string;
+    figmaURL: string;
     component: (props: import("./AppUpdateProvider").AppUpdateProviderProps) => import("react").JSX.Element;
     styleFn: () => string;
 };
@@ -12,46 +13,8 @@ export default _default;
  * Rendu de l'écran affiché quand une mise à jour est disponible.
  *
  * En production, cet écran s'affiche automatiquement via `AppUpdateProvider`
- * quand `expo-in-app-updates` détecte une nouvelle version sur les stores.
+ * quand [expo-in-app-updates](https://github.com/SohelIslamImran/expo-in-app-updates) détecte une nouvelle version sur les stores.
  */
 export declare const EcranMiseAJour: () => import("react").JSX.Element;
-/**
- * Intégration dans `app/_layout.tsx`, à placer à l'intérieur de `TranslationProvider`
- * pour pouvoir surcharger les textes avec les traductions de l'app.
- *
- * - `iosAppId` : identifiant numérique App Store Connect (ex. `'6759812160'`), obligatoire.
- * - `androidPackageId` : **ne pas passer** — récupéré automatiquement via `Application.applicationId` au runtime.
- * - `title`, `description`, `buttonLabel` : optionnels, des valeurs françaises par défaut sont intégrées.
- *
- * ## Comportement par plateforme
- *
- * - **iOS** : affiche l'écran `UpdateRequired` avec un bouton qui ouvre l'App Store.
- * - **Android** : déclenche automatiquement le flow de mise à jour immédiat du Play Store (`startUpdate(true)`).
- *   Si l'utilisateur annule ou si ça échoue, l'écran s'affiche en fallback.
- * - **Web** : aucun blocage — `expo-in-app-updates` n'est pas supporté sur web.
- *
- * ## Throttle
- *
- * Le check est effectué au démarrage de l'app, puis à chaque retour en foreground,
- * mais au maximum une fois toutes les 12h pour éviter des appels réseau inutiles.
- *
- * ```tsx
- * // app/_layout.tsx
- * const AppGate = () => {
- *   const { t } = useTranslation();
- *   return (
- *     <AppUpdateProvider
- *       iosAppId={constantExtras.IOS_STORE_ID ?? ''}
- *       title={t('screens.updateRequired.title')}
- *       description={t('screens.updateRequired.description')}
- *       buttonLabel={t('actions.update')}
- *     >
- *       <Slot />
- *     </AppUpdateProvider>
- *   );
- * };
- * ```
- */
-export declare const Integration: () => null;
 export * as Sources from './AppUpdateProvider.stories.sources';
 //# sourceMappingURL=AppUpdateProvider.stories.d.ts.map

package/dist/core/AppUpdateProvider/AppUpdateProvider.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppUpdateProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/AppUpdateProvider.stories.tsx"],"names":[],"mappings":";;;;;;;;;AAIA,wBASkB;AAElB;;;;;GAKG;AACH,eAAO,MAAM,cAAc,mCAO1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,WAAW,YAAa,CAAC;AAEtC,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"AppUpdateProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/AppUpdateProvider.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAiEA,wBAUkB;AAElB;;;;;GAKG;AACH,eAAO,MAAM,cAAc,mCAO1B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC"}

package/dist/core/AppUpdateProvider/AppUpdateProvider.stories.js

@@ -1,12 +1,73 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { UpdateRequired } from '../UpdateRequired';
 import { AppUpdateProvider } from './AppUpdateProvider';
+const description = [
+    "Bloque l'app et affiche un écran de mise à jour forcée quand une nouvelle version native est disponible sur les stores (App Store / Play Store).",
+    '',
+    '## Props',
+    '',
+    "- `iosAppId` : identifiant numérique App Store Connect (ex. `'6759812160'`), obligatoire.",
+    '- `androidPackageId` : **ne pas passer** — récupéré automatiquement via `Application.applicationId` au runtime.',
+    '- `title`, `description`, `buttonLabel` : optionnels, des valeurs françaises par défaut sont intégrées.',
+    '',
+    '## Comportement par plateforme',
+    '',
+    "- **iOS** : affiche l'écran `UpdateRequired` avec un bouton qui ouvre l'App Store.",
+    "- **Android** : déclenche automatiquement le flow de mise à jour immédiat du Play Store (`startUpdate(true)`). Si l'utilisateur annule ou si ça échoue, l'écran s'affiche en fallback.",
+    "- **Web** : aucun blocage — `expo-in-app-updates` n'est pas supporté sur web.",
+    '',
+    '## Throttle',
+    '',
+    "Le check est effectué au démarrage de l'app, puis à chaque retour en foreground, mais au maximum une fois toutes les 12h pour éviter des appels réseau inutiles.",
+    '',
+    '## Configuration de iosAppId',
+    '',
+    "L'iosAppId est l'identifiant numérique App Store Connect. Le configurer dans `app.config.js` pour différencier staging et production au moment du build :",
+    '',
+    '```js',
+    '// app.config.js',
+    "const isStaging = process.env.EXPO_PUBLIC_APP_ENV === 'staging';",
+    "const appStoreID = isStaging ? '<staging_id>' : '<production_id>';",
+    '',
+    'export default {',
+    '  expo: {',
+    '    extra: { IOS_STORE_ID: appStoreID },',
+    '  },',
+    '};',
+    '```',
+    '',
+    'Puis dans `constants/ConstantExtra.ts` pour le lire à runtime :',
+    '',
+    '```ts',
+    'export const constantExtras = {',
+    '  IOS_STORE_ID: Constants.expoConfig?.extra?.IOS_STORE_ID,',
+    '};',
+    '```',
+    '',
+    '```tsx',
+    '// app/_layout.tsx',
+    'const AppGate = () => {',
+    '  const { t } = useTranslation();',
+    '  return (',
+    '    <AppUpdateProvider',
+    "      iosAppId={constantExtras.IOS_STORE_ID ?? ''}",
+    "      title={t('screens.updateRequired.title')}",
+    "      description={t('screens.updateRequired.description')}",
+    "      buttonLabel={t('actions.update')}",
+    '    >',
+    '      <Slot />',
+    '    </AppUpdateProvider>',
+    '  );',
+    '};',
+    '```',
+].join('\n');
 export default {
     title: 'AppUpdateProvider',
     tags: ['core'],
     experimental: false,
-    description: "Bloque l'app et affiche un écran de mise à jour forcée quand une nouvelle version native est disponible sur les stores (App Store / Play Store).",
+    description,
     shortDescription: "Bloque l'app si une nouvelle version native est disponible.",
+    figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=3341-46&t=NswBNb22DDDlXjp5-4',
     component: AppUpdateProvider,
     styleFn: () => 'Aucun style appliqué',
 };
@@ -14,45 +75,7 @@ export default {
  * Rendu de l'écran affiché quand une mise à jour est disponible.
  *
  * En production, cet écran s'affiche automatiquement via `AppUpdateProvider`
- * quand `expo-in-app-updates` détecte une nouvelle version sur les stores.
+ * quand [expo-in-app-updates](https://github.com/SohelIslamImran/expo-in-app-updates) détecte une nouvelle version sur les stores.
  */
 export const EcranMiseAJour = () => (_jsx(UpdateRequired, { title: "Une mise \u00E0 jour de l'application est n\u00E9cessaire.", description: "La version actuelle de votre application n'est plus valide. T\u00E9l\u00E9chargez la nouvelle version de l'application pour continuer.", buttonLabel: "Mettre \u00E0 jour", onUpdate: () => { } }));
-/**
- * Intégration dans `app/_layout.tsx`, à placer à l'intérieur de `TranslationProvider`
- * pour pouvoir surcharger les textes avec les traductions de l'app.
- *
- * - `iosAppId` : identifiant numérique App Store Connect (ex. `'6759812160'`), obligatoire.
- * - `androidPackageId` : **ne pas passer** — récupéré automatiquement via `Application.applicationId` au runtime.
- * - `title`, `description`, `buttonLabel` : optionnels, des valeurs françaises par défaut sont intégrées.
- *
- * ## Comportement par plateforme
- *
- * - **iOS** : affiche l'écran `UpdateRequired` avec un bouton qui ouvre l'App Store.
- * - **Android** : déclenche automatiquement le flow de mise à jour immédiat du Play Store (`startUpdate(true)`).
- *   Si l'utilisateur annule ou si ça échoue, l'écran s'affiche en fallback.
- * - **Web** : aucun blocage — `expo-in-app-updates` n'est pas supporté sur web.
- *
- * ## Throttle
- *
- * Le check est effectué au démarrage de l'app, puis à chaque retour en foreground,
- * mais au maximum une fois toutes les 12h pour éviter des appels réseau inutiles.
- *
- * ```tsx
- * // app/_layout.tsx
- * const AppGate = () => {
- *   const { t } = useTranslation();
- *   return (
- *     <AppUpdateProvider
- *       iosAppId={constantExtras.IOS_STORE_ID ?? ''}
- *       title={t('screens.updateRequired.title')}
- *       description={t('screens.updateRequired.description')}
- *       buttonLabel={t('actions.update')}
- *     >
- *       <Slot />
- *     </AppUpdateProvider>
- *   );
- * };
- * ```
- */
-export const Integration = () => null;
 export * as Sources from './AppUpdateProvider.stories.sources';

package/dist/core/AppUpdateProvider/AppUpdateProvider.stories.sources.d.ts

@@ -1,8 +1,6 @@
 export declare const EcranMiseAJour: () => string;
-export declare const Integration: () => string;
 export declare const storySources: {
     readonly EcranMiseAJour: () => string;
-    readonly Integration: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
 export declare const storyDescriptions: Partial<Record<StorySourceName, string>>;

package/dist/core/AppUpdateProvider/AppUpdateProvider.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppUpdateProvider.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/AppUpdateProvider.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,cAA2V,CAAC;AAEvX,eAAO,MAAM,WAAW,cAAiD,CAAC;AAE1E,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAGtE,CAAC"}
+{"version":3,"file":"AppUpdateProvider.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/AppUpdateProvider.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,cAA2V,CAAC;AAEvX,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAEtE,CAAC"}

package/dist/core/AppUpdateProvider/AppUpdateProvider.stories.sources.js

@@ -1,12 +1,9 @@
 // This file is generated. Do not edit manually.
 // Source: src/core/AppUpdateProvider/AppUpdateProvider.stories.tsx
 export const EcranMiseAJour = () => "export const EcranMiseAJour = () => (\n  <UpdateRequired\n    title=\"Une mise à jour de l'application est nécessaire.\"\n    description=\"La version actuelle de votre application n'est plus valide. Téléchargez la nouvelle version de l'application pour continuer.\"\n    buttonLabel=\"Mettre à jour\"\n    onUpdate={() => {}}\n  />\n);";
-export const Integration = () => "export const Integration = () => null;";
 export const storySources = {
     EcranMiseAJour,
-    Integration,
 };
 export const storyDescriptions = {
-    EcranMiseAJour: "Rendu de l'écran affiché quand une mise à jour est disponible.\n\nEn production, cet écran s'affiche automatiquement via `AppUpdateProvider`\nquand `expo-in-app-updates` détecte une nouvelle version sur les stores.",
-    Integration: "Intégration dans `app/_layout.tsx`, à placer à l'intérieur de `TranslationProvider`\npour pouvoir surcharger les textes avec les traductions de l'app.\n\n- `iosAppId` : identifiant numérique App Store Connect (ex. `'6759812160'`), obligatoire.\n- `androidPackageId` : **ne pas passer** — récupéré automatiquement via `Application.applicationId` au runtime.\n- `title`, `description`, `buttonLabel` : optionnels, des valeurs françaises par défaut sont intégrées.\n\n## Comportement par plateforme\n\n- **iOS** : affiche l'écran `UpdateRequired` avec un bouton qui ouvre l'App Store.\n- **Android** : déclenche automatiquement le flow de mise à jour immédiat du Play Store (`startUpdate(true)`).\n  Si l'utilisateur annule ou si ça échoue, l'écran s'affiche en fallback.\n- **Web** : aucun blocage — `expo-in-app-updates` n'est pas supporté sur web.\n\n## Throttle\n\nLe check est effectué au démarrage de l'app, puis à chaque retour en foreground,\nmais au maximum une fois toutes les 12h pour éviter des appels réseau inutiles.\n\n```tsx\n// app/_layout.tsx\nconst AppGate = () => {\n  const { t } = useTranslation();\n  return (\n    <AppUpdateProvider\n      iosAppId={constantExtras.IOS_STORE_ID ?? ''}\n      title={t('screens.updateRequired.title')}\n      description={t('screens.updateRequired.description')}\n      buttonLabel={t('actions.update')}\n    >\n      <Slot />\n    </AppUpdateProvider>\n  );\n};\n```",
+    EcranMiseAJour: "Rendu de l'écran affiché quand une mise à jour est disponible.\n\nEn production, cet écran s'affiche automatiquement via `AppUpdateProvider`\nquand [expo-in-app-updates](https://github.com/SohelIslamImran/expo-in-app-updates) détecte une nouvelle version sur les stores.",
 };

package/dist/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const ALVEOLE_COMPONENTS_VERSION: "1.3.1";
+export declare const ALVEOLE_COMPONENTS_VERSION: "1.3.2";
 //# sourceMappingURL=version.d.ts.map

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.3.1";
+export const ALVEOLE_COMPONENTS_VERSION = "1.3.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",