@getrheo/react-native-expo 1.0.0

package/README.md

@@ -0,0 +1,241 @@
+# @getrheo/react-native-expo
+
+Expo and Expo dev-client entry for the Rheo React Native SDK. Re-exports `@getrheo/react-native-core` and registers **Expo** adapters (`expo-video`, `expo-store-review`). Install **one** flavor: not `@getrheo/react-native-bare`.
+
+React + React Native SDK for Rheo. The state machine lives in `@getrheo/flow-runtime` and schemas live in `@getrheo/contracts`; only rendering is platform-specific.
+
+## Usage
+
+The publishable key identifies an app and environment (test or live). Pick a
+**channel** per flow surface (`channelId` on `<Flow />` or on
+`useFlow({ channelId })`); that channel decides which flow version the SDK
+serves. You no longer pass a flow id to `useFlow`.
+
+### Production
+
+The SDK default **`apiBaseUrl`** is **`https://api.getrheo.io`**. Omit it in production unless you self-host. When using **`ob_pk_live_*`** keys, never point at localhost.
+
+```tsx
+<RheoProvider
+  config={{
+    publishableKey: 'ob_pk_live_xxx',
+    apiBaseUrl: 'https://api.getrheo.io', // optional — matches default
+    userId: 'u_1',
+  }}
+>
+```
+
+### Identity
+
+- **`userId`** (optional): Primary id for analytics and experiment bucketing.
+  When omitted on **web**, the SDK generates a UUID once and stores it under
+  `localStorage['rheo_app_user_id']`. In other runtimes (Node, SSR) it
+  uses an in-memory singleton until you pass an explicit `userId` — **React
+  Native** hosts should set `userId` (e.g. from AsyncStorage) until a storage
+  adapter ships.
+- **`attribution`** (optional): When **not** set to `{ enabled: false }`, the SDK
+  can listen for **`react-native-appsflyer`** when your app installs it (not an SDK peer — integration only) and uses required peer **`@react-native-async-storage/async-storage`** after **channel resolve succeeds**,
+  but only when the workspace plan allows it (`features.attribution` on the resolve
+  response — **Indie** plans receive `false`) **and** AppsFlyer is enabled for the app
+  in **App settings → Integrations** (`integrations.appsflyer.enabled` on the resolve
+  response). Normalized install + deep-link payloads
+  become **universal `sdkAttributes` keys** (`acquisition.*`, `link.*`, `attribution.*`).
+  Values merge **on top of** host `sdkAttributes` for decision nodes. A **24h device cache**
+  (namespaced by `userId`) fills gaps when a cold open delivers no MMP payload;
+  **live callbacks always override** the cache. Pass `attribution: { storage: null }`
+  to disable persistence, or `providers: []` to disable all MMP adapters while
+  keeping the hook dormant. Add more providers later via `attribution.providers`.
+- **`customUserId`** (optional): Your backend’s user id; sent as
+  `identity.customUserId` on every flushed event alongside `appUserId`, so the
+  dashboard can join to your systems. Optionally set once on `RheoProvider`;
+  **`useRheoCustomUserId()`** exposes `setCustomUserId()` so CRM ids can change
+  at runtime (updates apply to queued events **at flush** time).
+
+```tsx
+import { Flow, RheoProvider, useRheoCustomUserId } from '@getrheo/react-native-expo';
+
+function Screen() {
+  const { setCustomUserId } = useRheoCustomUserId();
+  // ...
+  return (
+    <Flow
+      channelId="ch_test_a1b2c3d4"
+      theme="dark"
+      onFlowCompleted={() => setCustomUserId('crm_known_user')}
+    />
+  );
+}
+
+const App = () => (
+  <RheoProvider
+    config={{
+      publishableKey: 'ob_pk_test_xxx',
+      customUserId: 'crm_initial',
+      userId: 'u_1',
+      sessionId: 'sess_xyz',
+      appVersion: '1.4.0',
+    }}
+  >
+    <Screen />
+  </RheoProvider>
+);
+```
+
+`<Flow />` is the fully managed React Native renderer — it resolves
+the channel's flow, draws every layer kind (stack / text / image / button /
+single-choice / multi-choice / text input / carousel), and emits the full
+event taxonomy. Drop down to `useFlow({ channelId })` + `<LayerRenderer />` if
+you need custom chrome.
+
+### Terminal payloads (`onFlowCompleted` / `onFlowAbandoned`)
+
+Callbacks receive a versioned **`FlowTerminalSnapshot`** (`schemaVersion: 1`) meant for **`JSON.stringify` → your API**, CRM, or LLM prompts:
+
+- **`terminal`**: `completed` | `abandoned`
+- **`occurredAt`**: terminal timestamp (`FlowState.completedAt`)
+- **`correlation`**: join keys only — `channelId`, `flowId`, `versionId`, `assignmentVersion`, `environment`, `experimentId`, `variantId` (no dashboard integration flags)
+- **`subject`**: `appUserId`, optional `customUserId`, optional `sessionId`
+- **`device`**: `locale`, `platform`, optional `appVersion`, optional `customProperties`
+- **`answers`**: normalized field-key → value using `stepResponseToCompletionValue` for every stored step response (except stripped auth keys), plus **`null`** for any capture field on a **visited** screen (history + current screen) that never received a response—**input layers** (`single_choice`, `multiple_choice`, `text_input`, `scale_input`), **checkbox** field keys, **OS permission** synthetic keys (`permission:*`), and **app review** keys (`app_review:{layerId}`). Same completion rules as `buildCompletionResponses` for keys that do have responses.
+- **`traits`**: single merged map used for decisions at terminal time (host + attribution + runtime patches)
+
+Optional (all default **false** on `useFlow` / `<Flow />`):
+
+- **`includeManifestInTerminalPayload`** → `manifest`
+- **`includePathInTerminalPayload`** → `path` (walked screen / surface ids)
+- **`includeAnswerDetailInTerminalPayload`** → `answersDetail` (raw step responses minus auth keys)
+
+Migration from **`onFlowFinished`**: use **`onFlowCompleted`** / **`onFlowAbandoned`**; use **`payload.terminal`** if one shared handler must branch.
+
+Explicit **`abandon()`** transitions to **`abandoned`**, enqueues **`flow_abandoned`** once, then runs **`onFlowAbandoned`**. Unmounting mid-flow still enqueues **`flow_abandoned`** when status was not already terminal (no duplicate when already **`abandoned`**).
+
+## How resolution works
+
+1. `useFlow({ channelId })` `POST /v1/sdk/resolve` with the SDK identity. Two headers are
+   required: `Authorization: Bearer <publishableKey>` and
+   `X-Rheo-Channel: <channelId>`.
+2. The server looks up the channel and returns the manifest from either:
+   - the channel's pinned version (`assignmentKind: "direct"`), or
+   - one of the running experiment's variant arms, deterministically bucketed
+     by `(experimentId, appUserId)` (`assignmentKind: "experiment"`).
+3. The response always includes `flowId`, `versionId`, `versionNumber`,
+   `assignmentVersion`, `channelId` and (when applicable) `experimentId` /
+   `variantId`. These are forwarded on every analytics event so funnels stay
+   attributable across version changes.
+4. **`mediaMap`** maps each referenced `mediaAssetId` (image / lottie layers) to
+   its public CDN URL. `<Flow />` and `useFlow` pass this through to
+   `LayerRenderer` automatically; custom UIs should pass `mediaMap` from
+   `useFlow` (or your resolve result) into `LayerRenderer`.
+
+### Caching
+
+The resolve response carries an `ETag` of the form `"{assignmentVersion}-{versionId}"`.
+`useFlow` loads a per-channel cache from AsyncStorage and sends `If-None-Match` only
+when a validated entry exists; `304` reuses the cached manifest. `assignmentVersion`
+is incremented on every channel pointer change, so re-validation is essentially free.
+
+### Resolve fallback
+
+When `POST /v1/sdk/resolve` fails (network outage, 4xx/5xx, or any resolve error), `<Flow />` can show a **host-owned escape hatch** instead of blocking the user:
+
+- Pass optional **`fallback`** (`ReactNode`) — your hardcoded offline onboarding (or any UI). Full-bleed; **no Rheo telemetry** on that surface; the SDK does not wire retry into host fallback (remount the screen to re-resolve).
+- Omit **`fallback`** — the SDK shows a default screen: **"Error to load the content"** and a **Try again** button that calls **`useFlow().retry()`** (loading spinner while resolve runs).
+
+`useFlow` exposes **`resolveFailed`** (`!loading && error && !manifest`), **`error`** (for logging), and **`retry()`**. Custom UIs branch on `resolveFailed` and render their own fallback.
+
+Resolve still re-runs automatically on mount when `channelId` or identity deps change. After a successful resolve, terminal states (`completed` / `abandoned`) render nothing in `<Flow />` — navigate away in `onFlowCompleted` / `onFlowAbandoned`.
+
+### Failure modes
+
+| Status | code                         | Typed error                       | Meaning                                                  |
+|--------|------------------------------|-----------------------------------|----------------------------------------------------------|
+| 400    | `channel_required`           | `RheoChannelRequiredError`   | The `X-Rheo-Channel` header was missing.            |
+| 404    | `channel_not_found`          | `RheoChannelNotFoundError`   | Unknown channel id, or wrong env for this publishable key. |
+| 410    | `channel_archived`           | `RheoChannelArchivedError`   | Channel was archived in the dashboard. Unarchive to resume. |
+| 404    | `channel_unassigned`         | —                                 | Channel has no flow assigned yet — set one in the dashboard. |
+| 404    | `version_missing`            | —                                 | Channel pin references a version that was deleted.       |
+| 404    | `experiment_not_running`     | —                                 | Channel pin references an experiment that's draft/stopped. |
+| 400    | `variant_pin_invalid`        | —                                 | One of the experiment's variants has no version pinned.  |
+
+> Experiments in `pending_decision` (auto-paused at their end date) are still
+> served — bucketing stays frozen until an operator promotes a winner or
+> extends the end date.
+
+## Events & batching
+
+Every interaction emits a typed event. Events are queued in memory and
+POSTed to `/v1/sdk/events` either every 5 seconds, when the buffer hits
+500 events, or immediately on `flow_completed` / `flow_abandoned` (so
+funnel terminals are never lost to a flush window). When the queue holds
+events for more than one channel, the SDK splits them into separate POSTs
+(one `X-Rheo-Channel` header per batch, per API contract).
+
+| Event             | When it fires                                         | Properties                          |
+|-------------------|-------------------------------------------------------|-------------------------------------|
+| `flow_started`    | Once per resolved flow on first mount                 | —                                   |
+| `step_viewed`     | When the rendered screen changes                      | —                                   |
+| `step_completed`  | After a non-terminal screen submission (not skip)      | —                                   |
+| `step_skipped`    | When the flow records a skip response (e.g. skip button) | —                                 |
+| `choice_selected` | Per option for single-/multi-choice submissions       | `field_key`, `value`                |
+| `text_submitted`  | When a text input screen is submitted                 | `field_key`, `value` (+ classification) |
+| `flow_completed`  | When the flow reaches its terminal screen             | `responseCount`                     |
+| `flow_abandoned`  | When **`useFlow().abandon()`** runs while running, **or** when the surface unmounts before completion (`completed` / `abandoned`) | —                                   |
+
+`text_submitted` events carry a `fieldClassification` so the API redacts
+sensitive values before they reach ClickHouse.
+
+## In-app review (`request_app_review`)
+
+Uses required peer **`expo-store-review`**: `hasAction()` → `requestReview()`, telemetry events, **~1.5s** delay when shown, then advance via default next. OS declines → **`not_shown`**.
+
+```bash
+npx expo install expo-store-review
+```
+
+## Breaking change (built-in OS permissions)
+
+Host apps must **stop** configuring `onOsPermission` on `RheoProvider` — it no longer exists. When a flow button uses **`request_os_permission`**, the SDK invokes [`react-native-permissions`](https://github.com/zoontek/react-native-permissions) and advances the manifest using **granted**, **denied**, or **blocked** outcomes:
+
+| `permissionKey`   | Native call (summary) |
+|-------------------|------------------------|
+| `notifications`   | `requestNotifications` (`POST_NOTIFICATIONS` on Android 13+) |
+| `camera`          | `request` (`CAMERA`) |
+| `microphone`      | `request` (`RECORD_AUDIO` / microphone) |
+| `photo_library`   | `request` (`READ_MEDIA_IMAGES` on Android; `PHOTO_LIBRARY` on iOS) |
+| `contacts`        | `request` (`READ_CONTACTS` / `CONTACTS`) |
+| `calendar`        | `request` (`READ_CALENDAR`; `CALENDARS` on iOS — read/write access tier per Apple setup) |
+
+Missing peer, missing native setup for the specific capability, or **web** → the SDK resolves **denied** (development builds log hints where applicable).
+
+Additional built-in handlers will ship per `permissionKey` without bringing back a host hook.
+
+### Native checklist (engineering, per app)
+
+- **Bare React Native**: add optional peer **`react-native-permissions`**. For each capability you ship in flows, add the matching entries to iOS **`setup_permissions`** and Android **`AndroidManifest.xml`**, plus the **Info.plist** usage descriptions the upstream README lists (for example **`NSPhotoLibraryUsageDescription`**, **`NSCalendarsFullAccessUsageDescription`** for calendar). Notifications still need **`POST_NOTIFICATIONS`** on Android 13+.
+- **Expo**: configure plugin **`react-native-permissions`** and **`ios.infoPlist` / `android.permissions`** for everything you author (see [`apps/example-expo/app.json`](../../apps/example-expo/app.json)), run **`expo prebuild`** when regenerating native projects, **`pod install`**, rebuild the dev client. Older Android releases may still need **`READ_EXTERNAL_STORAGE`** for photo-library–style prompts if your `minSdk`/`targetSdk` require it. Push token registration stays app-specific beyond notification authorization.
+- **Growth / dashboard**: branches are authored only in the builder; **no handler code**.
+
+Requesting authorization is separate from registering for remote push tokens; token plumbing stays in the application if you alert server-side campaigns.
+
+---
+
+## Required peer dependencies (install with the SDK)
+
+One install — all peers are **required** for the Expo flavor (no optional meta). **`@react-native-community/slider`** ships as a direct dependency of core.
+
+```bash
+pnpm add @getrheo/react-native-expo \
+  react react-native \
+  react-native-permissions react-native-gesture-handler react-native-reanimated \
+  react-native-linear-gradient react-native-svg lottie-react-native \
+  react-native-vector-icons @react-native-async-storage/async-storage \
+  react-native-safe-area-context expo-store-review expo-video
+```
+
+**Integrations (not SDK peers):** install **`react-native-appsflyer`** and/or **`react-native-purchases`** + **`react-native-purchases-ui`** only when you use attribution or RevenueCat paywall steps.
+
+**Branding fonts:** use `buildBrandingFontLoadMap(branding)` from this package, then register faces with `expo-font` or linked assets.
+
+## Runnable example
+
+[`apps/example-expo`](../../../apps/example-expo) — `pnpm dev:local:app:react-native` from repo root.

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from '@getrheo/react-native-core';

package/dist/index.js

@@ -0,0 +1,265 @@
+import { registerAppReviewAdapter, registerVideoAdapter } from '@getrheo/react-native-core/platform';
+import * as StoreReview from 'expo-store-review';
+import { useRef, useCallback, useEffect } from 'react';
+import { View, Platform, Text } from 'react-native';
+import { useVideoPlayer, VideoView } from 'expo-video';
+import { screenBackgroundPlaybackId } from '@getrheo/contracts';
+import { DEFAULT_PREVIEW_VIEWPORT_WIDTH_PX, resolveImageStyleAtWidth } from '@getrheo/flow-runtime';
+import { ChromeView } from '@getrheo/react-native-core/ui/LayerRendererShared';
+import { useMediaPlayback, useMediaPlaySignal, mediaAutoPlayOnMount } from '@getrheo/react-native-core/ui/mediaPlayback';
+import { mediaLayerOuterLayoutPair, mediaLayerInnerFillStyle } from '@getrheo/react-native-core/ui/styles';
+import { fireMediaOnComplete } from '@getrheo/react-native-core/ui/layers/mediaLayers';
+import { jsx } from 'react/jsx-runtime';
+export * from '@getrheo/react-native-core';
+
+// src/registerExpoAdapters.ts
+var APP_REVIEW_POST_PROMPT_DELAY_MS = 1500;
+var delay = (ms) => new Promise((resolve) => {
+  setTimeout(resolve, ms);
+});
+var expoAppReviewAdapter = {
+  requestReview: async (sessionPlatform) => {
+    if (sessionPlatform === "web") {
+      return { shown: false };
+    }
+    let canShow;
+    try {
+      canShow = await StoreReview.hasAction();
+    } catch {
+      return { shown: false };
+    }
+    if (!canShow) {
+      return { shown: false };
+    }
+    try {
+      await StoreReview.requestReview();
+      await delay(APP_REVIEW_POST_PROMPT_DELAY_MS);
+      return { shown: true };
+    } catch {
+      return { shown: false };
+    }
+  }
+};
+var backdropLayout = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 0
+};
+var videoContentFitFor = (fit) => {
+  if (fit === "contain") return "contain";
+  if (fit === "fill") return "fill";
+  return "cover";
+};
+var ExpoVideoLayerView = ({ layer, ctx }) => {
+  const w = ctx.previewWidthPx ?? DEFAULT_PREVIEW_VIEWPORT_WIDTH_PX;
+  const resolvedStyle = resolveImageStyleAtWidth(layer.style, layer.styleBreakpoints, w);
+  const url = layer.media ? ctx.mediaMap?.[layer.media.mediaAssetId] : void 0;
+  const playback = useMediaPlayback();
+  const playSignal = useMediaPlaySignal(layer.id);
+  const completedRef = useRef(false);
+  const manualPlayRef = useRef(false);
+  const shouldAutoplay = mediaAutoPlayOnMount(layer);
+  const loopPlay = layer.loop !== false;
+  const muted = layer.audioEnabled !== true;
+  const player = useVideoPlayer(url ?? null, (p) => {
+    p.loop = loopPlay;
+    p.muted = muted;
+    if (!shouldAutoplay) {
+      p.pause();
+      try {
+        p.currentTime = 0;
+      } catch {
+      }
+    }
+  });
+  const pauseAtStart = useCallback(() => {
+    try {
+      player.pause();
+      player.currentTime = 0;
+    } catch {
+    }
+  }, [player]);
+  const play = useCallback(() => {
+    if (player.playing) return;
+    completedRef.current = false;
+    manualPlayRef.current = true;
+    try {
+      player.currentTime = 0;
+    } catch {
+    }
+    void player.play();
+  }, [player]);
+  useEffect(() => {
+    if (!playback) return;
+    return playback.register(layer.id, { play });
+  }, [playback, layer.id, play]);
+  useEffect(() => {
+    player.loop = loopPlay;
+    player.muted = muted;
+  }, [loopPlay, muted, player]);
+  useEffect(() => {
+    if (!url) return;
+    if (!shouldAutoplay) {
+      manualPlayRef.current = false;
+      pauseAtStart();
+      return;
+    }
+    void player.play();
+  }, [shouldAutoplay, url, player, ctx.screen.id, layer.id, pauseAtStart]);
+  useEffect(() => {
+    if (shouldAutoplay || playSignal === 0 || !url) return;
+    play();
+  }, [playSignal, shouldAutoplay, play, url]);
+  useEffect(() => {
+    if (shouldAutoplay || !url) return;
+    const sub = player.addListener("playingChange", ({ isPlaying }) => {
+      if (isPlaying && !manualPlayRef.current) {
+        player.pause();
+        try {
+          player.currentTime = 0;
+        } catch {
+        }
+      }
+      if (!isPlaying) manualPlayRef.current = false;
+    });
+    return () => sub.remove();
+  }, [shouldAutoplay, url, player]);
+  useEffect(() => {
+    if (!ctx.interactive || loopPlay) return;
+    const sub = player.addListener("playToEnd", () => {
+      if (completedRef.current) return;
+      completedRef.current = true;
+      fireMediaOnComplete(ctx, layer);
+    });
+    return () => sub.remove();
+  }, [ctx, layer, loopPlay, player]);
+  const { outerStyle, linearGradient } = mediaLayerOuterLayoutPair(
+    resolvedStyle,
+    ctx.manifest.theme,
+    ctx.theme,
+    ctx.branding
+  );
+  const placeholderBg = ctx.theme === "dark" ? "#18181b" : "#f4f4f5";
+  const hasAuthorBg = linearGradient != null || outerStyle.backgroundColor !== void 0;
+  const innerStyle = {
+    ...mediaLayerInnerFillStyle(resolvedStyle),
+    borderRadius: outerStyle.borderRadius ?? 10,
+    ...!hasAuthorBg && !url ? { backgroundColor: placeholderBg } : {}
+  };
+  const fit = resolvedStyle?.fit ?? "contain";
+  const contentFit = fit === "cover" ? "cover" : fit === "fill" ? "fill" : "contain";
+  const r = innerStyle.borderRadius;
+  return /* @__PURE__ */ jsx(ChromeView, { style: outerStyle, linearGradient, children: url ? /* @__PURE__ */ jsx(View, { style: innerStyle, children: /* @__PURE__ */ jsx(
+    VideoView,
+    {
+      player,
+      contentFit,
+      nativeControls: false,
+      style: {
+        width: "100%",
+        height: "100%",
+        ...r !== void 0 ? { borderRadius: r } : {}
+      }
+    }
+  ) }) : /* @__PURE__ */ jsx(View, { style: [innerStyle, { alignItems: "center", justifyContent: "center" }], children: /* @__PURE__ */ jsx(Text, { style: { color: "#71717a", fontSize: 11 }, children: "No media" }) }) });
+};
+var ExpoScreenShellVideoBackdrop = ({
+  screenId,
+  url,
+  fill,
+  ctx
+}) => {
+  const playbackId = screenBackgroundPlaybackId(screenId);
+  const playback = useMediaPlayback();
+  const playSignal = useMediaPlaySignal(playbackId);
+  const completedRef = useRef(false);
+  const manualPlayRef = useRef(false);
+  const shouldAutoplay = mediaAutoPlayOnMount(fill);
+  const loopPlay = fill.loop !== false;
+  const muted = fill.audioEnabled !== true;
+  const player = useVideoPlayer(url, (p) => {
+    p.loop = loopPlay;
+    p.muted = muted;
+    if (!shouldAutoplay) {
+      p.pause();
+      try {
+        p.currentTime = 0;
+      } catch {
+      }
+    }
+  });
+  const pauseAtStart = useCallback(() => {
+    try {
+      player.pause();
+      player.currentTime = 0;
+    } catch {
+    }
+  }, [player]);
+  const play = useCallback(() => {
+    if (player.playing) return;
+    completedRef.current = false;
+    manualPlayRef.current = true;
+    try {
+      player.currentTime = 0;
+    } catch {
+    }
+    void player.play();
+  }, [player]);
+  useEffect(() => {
+    if (!playback) return;
+    return playback.register(playbackId, { play });
+  }, [playback, playbackId, play]);
+  useEffect(() => {
+    player.loop = loopPlay;
+    player.muted = muted;
+  }, [loopPlay, muted, player]);
+  useEffect(() => {
+    if (!shouldAutoplay) {
+      manualPlayRef.current = false;
+      pauseAtStart();
+      return;
+    }
+    void player.play();
+  }, [shouldAutoplay, url, player, pauseAtStart]);
+  useEffect(() => {
+    if (shouldAutoplay || playSignal === 0 || !url) return;
+    play();
+  }, [playSignal, shouldAutoplay, play, url]);
+  useEffect(() => {
+    if (!ctx.interactive || loopPlay) return;
+    const sub = player.addListener("playToEnd", () => {
+      if (completedRef.current) return;
+      completedRef.current = true;
+      const mode = fill.onComplete?.mode ?? "none";
+      if (mode === "next") ctx.onRespond?.({ kind: "cta", action: "primary" });
+    });
+    return () => sub.remove();
+  }, [ctx, fill.onComplete, loopPlay, player]);
+  return /* @__PURE__ */ jsx(View, { style: backdropLayout, pointerEvents: "none", collapsable: false, children: /* @__PURE__ */ jsx(
+    VideoView,
+    {
+      player,
+      pointerEvents: "none",
+      ...Platform.OS === "android" ? { surfaceType: "textureView" } : {},
+      style: {
+        width: "100%",
+        height: "100%",
+        opacity: fill.opacity ?? 1
+      },
+      contentFit: videoContentFitFor(fill.fit),
+      nativeControls: false
+    }
+  ) });
+};
+
+// src/registerExpoAdapters.ts
+registerAppReviewAdapter(expoAppReviewAdapter);
+registerVideoAdapter({
+  VideoLayerView: ExpoVideoLayerView,
+  ScreenShellVideoBackdrop: ExpoScreenShellVideoBackdrop
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapters/expoAppReview.ts","../src/adapters/expoVideo.tsx","../src/registerExpoAdapters.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import * as StoreReview from 'expo-store-review';\nimport type { AppReviewAdapter } from '@getrheo/react-native-core/platform';\nimport type { AppReviewRequestResult } from '@getrheo/react-native-core';\n\nconst APP_REVIEW_POST_PROMPT_DELAY_MS = 1500;\n\nconst delay = (ms: number): Promise<void> =>\n  new Promise((resolve) => {\n    setTimeout(resolve, ms);\n  });\n\nexport const expoAppReviewAdapter: AppReviewAdapter = {\n  requestReview: async (sessionPlatform: string): Promise<AppReviewRequestResult> => {\n    if (sessionPlatform === 'web') {\n      return { shown: false };\n    }\n\n    let canShow: boolean;\n    try {\n      canShow = await StoreReview.hasAction();\n    } catch {\n      return { shown: false };\n    }\n\n    if (!canShow) {\n      return { shown: false };\n    }\n\n    try {\n      await StoreReview.requestReview();\n      await delay(APP_REVIEW_POST_PROMPT_DELAY_MS);\n      return { shown: true };\n    } catch {\n      return { shown: false };\n    }\n  },\n};\n","import { useCallback, useEffect, useRef } from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport type { ViewStyle } from 'react-native';\nimport { VideoView, useVideoPlayer, type VideoContentFit } from 'expo-video';\nimport { screenBackgroundPlaybackId } from '@getrheo/contracts';\nimport { DEFAULT_PREVIEW_VIEWPORT_WIDTH_PX, resolveImageStyleAtWidth } from '@getrheo/flow-runtime';\nimport { ChromeView } from '@getrheo/react-native-core/ui/LayerRendererShared';\nimport {\n  mediaAutoPlayOnMount,\n  useMediaPlayback,\n  useMediaPlaySignal,\n} from '@getrheo/react-native-core/ui/mediaPlayback';\nimport {\n  mediaLayerInnerFillStyle,\n  mediaLayerOuterLayoutPair,\n} from '@getrheo/react-native-core/ui/styles';\nimport { fireMediaOnComplete } from '@getrheo/react-native-core/ui/layers/mediaLayers';\nimport type {\n  ScreenShellVideoBackdropProps,\n  VideoLayerViewProps,\n} from '@getrheo/react-native-core/platform';\n\nconst backdropLayout: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 0,\n};\n\nconst videoContentFitFor = (\n  fit: 'cover' | 'contain' | 'fill' | undefined,\n): VideoContentFit => {\n  if (fit === 'contain') return 'contain';\n  if (fit === 'fill') return 'fill';\n  return 'cover';\n};\n\nexport const ExpoVideoLayerView = ({ layer, ctx }: VideoLayerViewProps) => {\n  const w = ctx.previewWidthPx ?? DEFAULT_PREVIEW_VIEWPORT_WIDTH_PX;\n  const resolvedStyle = resolveImageStyleAtWidth(layer.style, layer.styleBreakpoints, w);\n  const url = layer.media ? ctx.mediaMap?.[layer.media.mediaAssetId] : undefined;\n  const playback = useMediaPlayback();\n  const playSignal = useMediaPlaySignal(layer.id);\n  const completedRef = useRef(false);\n  const manualPlayRef = useRef(false);\n  const shouldAutoplay = mediaAutoPlayOnMount(layer);\n  const loopPlay = layer.loop !== false;\n  const muted = layer.audioEnabled !== true;\n\n  const player = useVideoPlayer(url ?? null, (p) => {\n    p.loop = loopPlay;\n    p.muted = muted;\n    if (!shouldAutoplay) {\n      p.pause();\n      try {\n        p.currentTime = 0;\n      } catch {\n        // metadata not ready\n      }\n    }\n  });\n\n  const pauseAtStart = useCallback((): void => {\n    try {\n      player.pause();\n      player.currentTime = 0;\n    } catch {\n      // player not ready\n    }\n  }, [player]);\n\n  const play = useCallback(() => {\n    if (player.playing) return;\n    completedRef.current = false;\n    manualPlayRef.current = true;\n    try {\n      player.currentTime = 0;\n    } catch {\n      // metadata not ready\n    }\n    void player.play();\n  }, [player]);\n\n  useEffect(() => {\n    if (!playback) return;\n    return playback.register(layer.id, { play });\n  }, [playback, layer.id, play]);\n\n  useEffect(() => {\n    player.loop = loopPlay;\n    player.muted = muted;\n  }, [loopPlay, muted, player]);\n\n  useEffect(() => {\n    if (!url) return;\n    if (!shouldAutoplay) {\n      manualPlayRef.current = false;\n      pauseAtStart();\n      return;\n    }\n    void player.play();\n  }, [shouldAutoplay, url, player, ctx.screen.id, layer.id, pauseAtStart]);\n\n  useEffect(() => {\n    if (shouldAutoplay || playSignal === 0 || !url) return;\n    play();\n  }, [playSignal, shouldAutoplay, play, url]);\n\n  useEffect(() => {\n    if (shouldAutoplay || !url) return;\n    const sub = player.addListener('playingChange', ({ isPlaying }) => {\n      if (isPlaying && !manualPlayRef.current) {\n        player.pause();\n        try {\n          player.currentTime = 0;\n        } catch {\n          // metadata not ready\n        }\n      }\n      if (!isPlaying) manualPlayRef.current = false;\n    });\n    return () => sub.remove();\n  }, [shouldAutoplay, url, player]);\n\n  useEffect(() => {\n    if (!ctx.interactive || loopPlay) return;\n    const sub = player.addListener('playToEnd', () => {\n      if (completedRef.current) return;\n      completedRef.current = true;\n      fireMediaOnComplete(ctx, layer);\n    });\n    return () => sub.remove();\n  }, [ctx, layer, loopPlay, player]);\n\n  const { outerStyle, linearGradient } = mediaLayerOuterLayoutPair(\n    resolvedStyle,\n    ctx.manifest.theme,\n    ctx.theme,\n    ctx.branding,\n  );\n  const placeholderBg = ctx.theme === 'dark' ? '#18181b' : '#f4f4f5';\n  const hasAuthorBg =\n    linearGradient != null || outerStyle.backgroundColor !== undefined;\n  const innerStyle = {\n    ...mediaLayerInnerFillStyle(resolvedStyle),\n    borderRadius: outerStyle.borderRadius ?? 10,\n    ...(!hasAuthorBg && !url ? { backgroundColor: placeholderBg } : {}),\n  };\n  const fit = resolvedStyle?.fit ?? 'contain';\n  const contentFit =\n    fit === 'cover' ? 'cover' : fit === 'fill' ? 'fill' : 'contain';\n  const r = innerStyle.borderRadius as number | undefined;\n\n  return (\n    <ChromeView style={outerStyle} linearGradient={linearGradient}>\n      {url ? (\n        <View style={innerStyle}>\n          <VideoView\n            player={player}\n            contentFit={contentFit}\n            nativeControls={false}\n            style={{\n              width: '100%',\n              height: '100%',\n              ...(r !== undefined ? { borderRadius: r } : {}),\n            }}\n          />\n        </View>\n      ) : (\n        <View style={[innerStyle, { alignItems: 'center', justifyContent: 'center' }]}>\n          <Text style={{ color: '#71717a', fontSize: 11 }}>No media</Text>\n        </View>\n      )}\n    </ChromeView>\n  );\n};\n\nexport const ExpoScreenShellVideoBackdrop = ({\n  screenId,\n  url,\n  fill,\n  ctx,\n}: ScreenShellVideoBackdropProps) => {\n  const playbackId = screenBackgroundPlaybackId(screenId);\n  const playback = useMediaPlayback();\n  const playSignal = useMediaPlaySignal(playbackId);\n  const completedRef = useRef(false);\n  const manualPlayRef = useRef(false);\n  const shouldAutoplay = mediaAutoPlayOnMount(fill);\n  const loopPlay = fill.loop !== false;\n  const muted = fill.audioEnabled !== true;\n\n  const player = useVideoPlayer(url, (p) => {\n    p.loop = loopPlay;\n    p.muted = muted;\n    if (!shouldAutoplay) {\n      p.pause();\n      try {\n        p.currentTime = 0;\n      } catch {\n        // not ready\n      }\n    }\n  });\n\n  const pauseAtStart = useCallback((): void => {\n    try {\n      player.pause();\n      player.currentTime = 0;\n    } catch {\n      // not ready\n    }\n  }, [player]);\n\n  const play = useCallback((): void => {\n    if (player.playing) return;\n    completedRef.current = false;\n    manualPlayRef.current = true;\n    try {\n      player.currentTime = 0;\n    } catch {\n      // not ready\n    }\n    void player.play();\n  }, [player]);\n\n  useEffect(() => {\n    if (!playback) return;\n    return playback.register(playbackId, { play });\n  }, [playback, playbackId, play]);\n\n  useEffect(() => {\n    player.loop = loopPlay;\n    player.muted = muted;\n  }, [loopPlay, muted, player]);\n\n  useEffect(() => {\n    if (!shouldAutoplay) {\n      manualPlayRef.current = false;\n      pauseAtStart();\n      return;\n    }\n    void player.play();\n  }, [shouldAutoplay, url, player, pauseAtStart]);\n\n  useEffect(() => {\n    if (shouldAutoplay || playSignal === 0 || !url) return;\n    play();\n  }, [playSignal, shouldAutoplay, play, url]);\n\n  useEffect(() => {\n    if (!ctx.interactive || loopPlay) return;\n    const sub = player.addListener('playToEnd', () => {\n      if (completedRef.current) return;\n      completedRef.current = true;\n      const mode = fill.onComplete?.mode ?? 'none';\n      if (mode === 'next') ctx.onRespond?.({ kind: 'cta', action: 'primary' });\n    });\n    return () => sub.remove();\n  }, [ctx, fill.onComplete, loopPlay, player]);\n\n  return (\n    <View style={backdropLayout} pointerEvents=\"none\" collapsable={false}>\n      <VideoView\n        player={player}\n        pointerEvents=\"none\"\n        {...(Platform.OS === 'android' ? { surfaceType: 'textureView' as const } : {})}\n        style={{\n          width: '100%',\n          height: '100%',\n          opacity: fill.opacity ?? 1,\n        }}\n        contentFit={videoContentFitFor(fill.fit)}\n        nativeControls={false}\n      />\n    </View>\n  );\n};\n","import { registerAppReviewAdapter, registerVideoAdapter } from '@getrheo/react-native-core/platform';\nimport { expoAppReviewAdapter } from './adapters/expoAppReview.js';\nimport { ExpoScreenShellVideoBackdrop, ExpoVideoLayerView } from './adapters/expoVideo.js';\n\nregisterAppReviewAdapter(expoAppReviewAdapter);\nregisterVideoAdapter({\n  VideoLayerView: ExpoVideoLayerView,\n  ScreenShellVideoBackdrop: ExpoScreenShellVideoBackdrop,\n});\n"]}

package/dist/publish-exports.json

@@ -0,0 +1,6 @@
+[
+  {
+    "exportKey": ".",
+    "distFile": "./dist/index.js"
+  }
+]

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@getrheo/react-native-expo",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@getrheo/react-native-core": "1.0.0"
+  },
+  "peerDependencies": {
+    "@react-native-async-storage/async-storage": ">=2",
+    "expo-store-review": "*",
+    "expo-video": "*",
+    "lottie-react-native": "*",
+    "react": ">=18",
+    "react-native": ">=0.79",
+    "react-native-gesture-handler": "*",
+    "react-native-linear-gradient": "*",
+    "react-native-permissions": ">=5",
+    "react-native-reanimated": "*",
+    "react-native-safe-area-context": "*",
+    "react-native-svg": "*",
+    "react-native-vector-icons": ">=10"
+  },
+  "devDependencies": {
+    "@react-native-async-storage/async-storage": "2.2.0",
+    "@types/react": "^19.0.1",
+    "expo-store-review": "~9.0.0",
+    "expo-video": "~3.0.0",
+    "lottie-react-native": "^7.2.2",
+    "react": "^19.0.0",
+    "react-native": "0.83.6",
+    "react-native-gesture-handler": "~2.30.1",
+    "react-native-linear-gradient": "^2.8.3",
+    "react-native-permissions": "^5.5.1",
+    "react-native-reanimated": "~4.2.1",
+    "react-native-safe-area-context": "~5.6.1",
+    "react-native-svg": "15.15.4",
+    "react-native-vector-icons": "^10.2.0",
+    "typescript": "^5.6.3",
+    "vitest": "^3.2.6",
+    "@getrheo/contracts": "1.0.0",
+    "@getrheo/react-native-core": "1.0.0",
+    "@getrheo/flow-runtime": "1.0.0",
+    "@rheo/config": "0.1.0"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/madeinusmate/onboardly.git",
+    "directory": "packages/sdks/react-native-expo"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests --config ../react-native-core/vitest.config.ts",
+    "build": "node ../../../scripts/build-publishable-package.mjs"
+  }
+}