@oxyhq/services 22.8.6 → 22.9.0

package/lib/commonjs/ui/navigation/surfaceRegistry.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSurfacePresentation = exports.getSurfaceConfig = void 0;
+/**
+ * The SDK's typed surface registry — the contract layer the SDK stacks on top of
+ * Bloom's content-agnostic surface stack (`@oxyhq/bloom/surfaces`). One entry per
+ * route describing its `props` (what the presenter must pass) and its `result`
+ * (what awaiting `present()` resolves with). Hand-maintained, contract-first:
+ * adding a route here is the single edit that types it end to end.
+ *
+ * For P1 most routes keep permissive `Record<string, unknown>` props + a `void`
+ * result — the historical grab-bag `showBottomSheet`/`navigate` props are
+ * unchanged. Later phases tighten individual routes without changing this shape.
+ */
+
+/** One registry entry: the props a route is presented with + its dismissal result. */
+
+/**
+ * Compile-time guard: the registry keys must be EXACTLY the route names. If a new
+ * `RouteName` is added without a registry entry (or vice-versa) this alias
+ * resolves to `never` and the `satisfies` assertion below fails to type-check.
+ */
+
+const _registryCoversRoutes = true;
+void _registryCoversRoutes;
+
+/** Typed props a route is presented with. */
+
+/** What awaiting a route's `present()` resolves with when it is dismissed. */
+
+/**
+ * How a surface renders — the SDK's presentation taxonomy. Each value maps to a
+ * concrete Bloom `Dialog` placement/chrome in `surfaces.ts`:
+ *
+ *   - `'sheet'`      → responsive `{ base: 'bottom', md: 'center' }` (the default:
+ *                      a bottom sheet on narrow viewports, a centered card on wide).
+ *   - `'center'`     → a plain centered modal at every width.
+ *   - `'drawer'`     → responsive `{ base: 'bottom', md: 'left' }` side drawer.
+ *   - `'fullScreen'` → approximated with the shared `Dialog`: a full-height sheet /
+ *                      large centered card, flush (`contentPadding: 0`) content, a
+ *                      black canvas and programmatic-only dismiss (the flagship
+ *                      image picker). A real Bloom `'fullScreen'` placement is a
+ *                      follow-up if the approximation reads wrong on device.
+ */
+
+/**
+ * Per-route surface configuration. Merges the historical `SheetRouteConfig`
+ * knobs with the new {@link SurfacePresentation}.
+ *
+ * NOTE: `scrollable` / `manualActivation` / `dynamicBackdrop` / `handleComponent`
+ * describe the in-tree bottom-sheet's pan + scroll behaviour. On Bloom's `Dialog`
+ * surface those concerns are now owned by the shared `DialogBottomSheet` (it opts
+ * pure custom children OUT of its internal ScrollView and manages the pan itself),
+ * so for P1 these fields are informational — reserved for a future Bloom
+ * bottom-placement passthrough. `presentation` (+ `scrollable` for the picker's
+ * flush layout) is what actually drives the surface today.
+ */
+
+/** Defaults shared across all routes — the canonical responsive "sheet". */
+const DEFAULT_SURFACE_CONFIG = {
+  presentation: 'sheet',
+  scrollable: true,
+  manualActivation: true,
+  dynamicBackdrop: true
+};
+
+/**
+ * Predicate matching `FileManagementScreen`'s internal `isImageOnlyPicker`
+ * derivation. When the consumer restricts to image MIME types (no videos, no
+ * audio, no documents), FileManagement renders the flagship `PhotoPickerView`,
+ * which owns its own FlatList and reads best as a full-bleed picker. Kept in sync
+ * with `FileManagementScreen` — both check the same disabled MIME type families.
+ */
+const isFileManagementImageOnlyPicker = props => {
+  if (!props.selectMode) return false;
+  const disabled = props.disabledMimeTypes;
+  if (!Array.isArray(disabled) || disabled.length === 0) return false;
+  const has = predicate => disabled.some(mt => typeof mt === 'string' && predicate(mt));
+  const blocksVideos = has(mt => mt === 'video/' || mt.startsWith('video/'));
+  const blocksAudio = has(mt => mt === 'audio/' || mt.startsWith('audio/'));
+  const blocksDocs = has(mt => mt === 'application/pdf' || mt === 'application/' || mt.startsWith('application/'));
+  return blocksVideos && blocksAudio && blocksDocs;
+};
+
+/**
+ * Resolve the surface configuration for a route + props. Defaults to the
+ * responsive sheet; the image-only FileManagement picker upgrades to a full-bleed
+ * `'fullScreen'` surface that owns its own scrolling.
+ */
+const getSurfaceConfig = (route, props) => {
+  if (route === 'FileManagement' && isFileManagementImageOnlyPicker(props)) {
+    return {
+      ...DEFAULT_SURFACE_CONFIG,
+      presentation: 'fullScreen',
+      scrollable: false
+    };
+  }
+  return DEFAULT_SURFACE_CONFIG;
+};
+
+/** Convenience: just the presentation taxonomy for a route + props. */
+exports.getSurfaceConfig = getSurfaceConfig;
+const getSurfacePresentation = (route, props) => getSurfaceConfig(route, props).presentation;
+exports.getSurfacePresentation = getSurfacePresentation;
+//# sourceMappingURL=surfaceRegistry.js.map

package/lib/commonjs/ui/navigation/surfaceRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_registryCoversRoutes","DEFAULT_SURFACE_CONFIG","presentation","scrollable","manualActivation","dynamicBackdrop","isFileManagementImageOnlyPicker","props","selectMode","disabled","disabledMimeTypes","Array","isArray","length","has","predicate","some","mt","blocksVideos","startsWith","blocksAudio","blocksDocs","getSurfaceConfig","route","exports","getSurfacePresentation"],"sourceRoot":"../../../../src","sources":["ui/navigation/surfaceRegistry.ts"],"mappings":";;;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AA+CA;AACA;AACA;AACA;AACA;;AAMA,MAAMA,qBAA2C,GAAG,IAAI;AACxD,KAAKA,qBAAqB;;AAE1B;;AAEA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA;AACA,MAAMC,sBAA0C,GAAG;EACjDC,YAAY,EAAE,OAAO;EACrBC,UAAU,EAAE,IAAI;EAChBC,gBAAgB,EAAE,IAAI;EACtBC,eAAe,EAAE;AACnB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,+BAA+B,GAAIC,KAA8B,IAAc;EACnF,IAAI,CAACA,KAAK,CAACC,UAAU,EAAE,OAAO,KAAK;EACnC,MAAMC,QAAQ,GAAGF,KAAK,CAACG,iBAAiB;EACxC,IAAI,CAACC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,IAAIA,QAAQ,CAACI,MAAM,KAAK,CAAC,EAAE,OAAO,KAAK;EACnE,MAAMC,GAAG,GAAIC,SAAkC,IAC7CN,QAAQ,CAACO,IAAI,CAAEC,EAAE,IAAK,OAAOA,EAAE,KAAK,QAAQ,IAAIF,SAAS,CAACE,EAAE,CAAC,CAAC;EAChE,MAAMC,YAAY,GAAGJ,GAAG,CAAEG,EAAE,IAAKA,EAAE,KAAK,QAAQ,IAAIA,EAAE,CAACE,UAAU,CAAC,QAAQ,CAAC,CAAC;EAC5E,MAAMC,WAAW,GAAGN,GAAG,CAAEG,EAAE,IAAKA,EAAE,KAAK,QAAQ,IAAIA,EAAE,CAACE,UAAU,CAAC,QAAQ,CAAC,CAAC;EAC3E,MAAME,UAAU,GAAGP,GAAG,CACnBG,EAAE,IAAKA,EAAE,KAAK,iBAAiB,IAAIA,EAAE,KAAK,cAAc,IAAIA,EAAE,CAACE,UAAU,CAAC,cAAc,CAC3F,CAAC;EACD,OAAOD,YAAY,IAAIE,WAAW,IAAIC,UAAU;AAClD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAGA,CAC9BC,KAAgB,EAChBhB,KAA8B,KACP;EACvB,IAAIgB,KAAK,KAAK,gBAAgB,IAAIjB,+BAA+B,CAACC,KAAK,CAAC,EAAE;IACxE,OAAO;MAAE,GAAGN,sBAAsB;MAAEC,YAAY,EAAE,YAAY;MAAEC,UAAU,EAAE;IAAM,CAAC;EACrF;EACA,OAAOF,sBAAsB;AAC/B,CAAC;;AAED;AAAAuB,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AACO,MAAMG,sBAAsB,GAAGA,CACpCF,KAAgB,EAChBhB,KAA8B,KACNe,gBAAgB,CAACC,KAAK,EAAEhB,KAAK,CAAC,CAACL,YAAY;AAACsB,OAAA,CAAAC,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/commonjs/ui/navigation/surfaces.js

@@ -0,0 +1,219 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.closeAllRouteSurfaces = closeAllRouteSurfaces;
+exports.navigateWithinOrPresent = navigateWithinOrPresent;
+exports.present = present;
+exports.presentDetached = presentDetached;
+exports.presentRoute = presentRoute;
+exports.replaceWithinOrPresent = replaceWithinOrPresent;
+exports.surfaces = void 0;
+exports.topRouteSurface = topRouteSurface;
+exports.useSurfaces = useSurfaces;
+var _react = require("react");
+var _surfaces = require("@oxyhq/bloom/surfaces");
+var _SurfaceScreen = _interopRequireDefault(require("../components/SurfaceScreen.js"));
+var _surfaceRegistry = require("./surfaceRegistry.js");
+var _surfaceNavStack = require("./surfaceNavStack.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * The SDK's typed surface API — a route registry layered on top of Bloom's
+ * content-agnostic surface stack (`@oxyhq/bloom/surfaces`).
+ *
+ * `present(route)` opens a NEW Bloom surface (the DEPTH axis) whose content is a
+ * {@link SurfaceScreen} driven by the route's own {@link SurfaceNavStack} (the
+ * NAV-WITHIN axis). Navigating within that surface mutates its nav stack and
+ * re-renders the SAME Bloom surface; presenting stacks another surface on top.
+ *
+ * Bloom coordinates z-order / backdrop / dismiss across every surface (SDK's and
+ * apps'), so nothing clashes.
+ */
+
+/** Responsive "sheet": bottom sheet on narrow, centered card on wide. */
+const SHEET_PLACEMENT = {
+  base: 'bottom',
+  md: 'center'
+};
+
+/** Full-bleed black canvas for the `'fullScreen'` approximation (image picker). */
+const FULLSCREEN_SURFACE_STYLE = {
+  backgroundColor: '#000000',
+  overflow: 'hidden'
+};
+
+/** Map a route's presentation taxonomy onto concrete Bloom `Dialog` options. */
+function bloomOptionsFor(config) {
+  switch (config.presentation) {
+    case 'center':
+      return {
+        placement: 'center'
+      };
+    case 'drawer':
+      return {
+        placement: {
+          base: 'bottom',
+          md: 'left'
+        }
+      };
+    case 'fullScreen':
+      // Approximate a full-screen surface with the shared `Dialog`: a tall
+      // sheet / large centered card, flush content, a black canvas and
+      // programmatic-only dismiss — matching the shipped image-picker Dialog.
+      return {
+        placement: SHEET_PLACEMENT,
+        contentPadding: 0,
+        maxWidth: 640,
+        maxHeightRatio: 0.9,
+        dismissOnBackdrop: false,
+        style: FULLSCREEN_SURFACE_STYLE,
+        panelStyle: FULLSCREEN_SURFACE_STYLE
+      };
+    default:
+      return {
+        placement: SHEET_PLACEMENT
+      };
+  }
+}
+
+/**
+ * A live handle to a presented SDK surface. Exposes DEPTH controls (`dismiss`,
+ * `result`) and NAV-WITHIN controls (`navigate`/`replace`/`goBack`/`setStep`) that
+ * drive this surface's own nav stack. Held by the `showBottomSheet` adapter (base
+ * surface) and by `OxyContext` (the AccountDialog surface).
+ */
+
+/**
+ * The type-erased handle the `showBottomSheet` adapter needs from a tracked
+ * surface: what it hosts, and how to drive/dismiss it. Kept result-type-free so
+ * the (generic) `SurfaceInstance<K>` never has to be widened into a shared array.
+ */
+
+/**
+ * Active SDK "route" surfaces (the `showBottomSheet` lineage), bottom → top.
+ * `present`/`presentRoute` register here; `presentDetached` (AccountDialog) does
+ * NOT, so the base-sheet navigation logic never treats the account modal as a
+ * navigable base. Entries self-remove when their surface is dismissed.
+ */
+const activeRouteSurfaces = [];
+function presentInternal(route, props, opts, track) {
+  const navStack = (0, _surfaceNavStack.createSurfaceNavStack)(route, props);
+  const config = (0, _surfaceRegistry.getSurfaceConfig)(route, props);
+  const bloomOpts = {
+    label: route,
+    ...bloomOptionsFor(config),
+    ...opts
+  };
+  const result = _surfaces.surfaces.present(surface => /*#__PURE__*/(0, _react.createElement)(_SurfaceScreen.default, {
+    navStack,
+    surface,
+    presentation: config.presentation
+  }), bloomOpts);
+  const instance = {
+    route,
+    presentation: config.presentation,
+    navigate: (nextRoute, nextProps) => navStack.navigate(nextRoute, nextProps),
+    replace: (nextRoute, nextProps) => navStack.replace(nextRoute, nextProps),
+    goBack: () => navStack.goBack(),
+    canGoBack: () => navStack.canGoBack(),
+    setStep: step => navStack.setStep(step),
+    dismiss: dismissResult => navStack.requestDismiss(dismissResult),
+    result
+  };
+  if (track) {
+    const tracked = {
+      route: instance.route,
+      presentation: instance.presentation,
+      navigate: instance.navigate,
+      goBack: instance.goBack,
+      dismiss: () => instance.dismiss()
+    };
+    activeRouteSurfaces.push(tracked);
+    result.finally(() => {
+      const index = activeRouteSurfaces.indexOf(tracked);
+      if (index >= 0) activeRouteSurfaces.splice(index, 1);
+    });
+  }
+  return instance;
+}
+
+/**
+ * Present a NEW route surface on top of the stack (the DEPTH axis). Resolves with
+ * the value the surface is dismissed with. Registered in the route-surface stack.
+ */
+function present(route, props, opts) {
+  return presentInternal(route, props ?? {}, opts, true);
+}
+
+/**
+ * Present a surface that is NOT part of the `showBottomSheet` base-navigation
+ * lineage (the AccountDialog modal). Otherwise identical to {@link present}.
+ */
+function presentDetached(route, props, opts) {
+  return presentInternal(route, props ?? {}, opts, false);
+}
+
+/**
+ * Untyped present for the adapter, the nav helpers, and the `SurfaceScreen`
+ * binding (where the route is a runtime value and its props are already erased).
+ */
+function presentRoute(route, props) {
+  return presentInternal(route, props ?? {}, undefined, true);
+}
+
+/** The top-most active route surface, or `undefined` when none are open. */
+function topRouteSurface() {
+  return activeRouteSurfaces[activeRouteSurfaces.length - 1];
+}
+
+/**
+ * Dismiss every active route surface (the whole `showBottomSheet` session). The
+ * AccountDialog is untracked, so it is untouched. Iterates a snapshot because
+ * `dismiss` mutates `activeRouteSurfaces` asynchronously as surfaces settle.
+ */
+function closeAllRouteSurfaces() {
+  for (const instance of [...activeRouteSurfaces].reverse()) instance.dismiss();
+}
+
+/**
+ * Drill in from a screen: navigate WITHIN the current surface when the target's
+ * presentation matches, else present the target as a NEW surface on top (so a
+ * sheet screen opening the full-bleed picker gets the right chrome).
+ */
+function navigateWithinOrPresent(currentPresentation, navStack, route, props) {
+  const nextProps = props ?? {};
+  if ((0, _surfaceRegistry.getSurfacePresentation)(route, nextProps) === currentPresentation) {
+    navStack.navigate(route, nextProps);
+  } else {
+    presentRoute(route, nextProps);
+  }
+}
+
+/** Replace variant of {@link navigateWithinOrPresent}. */
+function replaceWithinOrPresent(currentPresentation, navStack, route, props) {
+  const nextProps = props ?? {};
+  if ((0, _surfaceRegistry.getSurfacePresentation)(route, nextProps) === currentPresentation) {
+    navStack.replace(route, nextProps);
+  } else {
+    presentRoute(route, nextProps);
+  }
+}
+
+/**
+ * The SDK's imperative surface API (a module singleton). `present` is the typed
+ * route presenter; `dismissAll` unwinds the whole session. Not yet exported from
+ * the package root — the public `surfaces`/`useSurfaces` API lands in a later
+ * phase; for P1 the internal adapters (`showBottomSheet`, `openAccountDialog`)
+ * are the only public entry points.
+ */
+const surfaces = exports.surfaces = {
+  present: (route, props, opts) => present(route, props, opts).result,
+  dismissAll: closeAllRouteSurfaces
+};
+
+/** Hook form of {@link surfaces} (stable singleton). */
+function useSurfaces() {
+  return surfaces;
+}
+//# sourceMappingURL=surfaces.js.map

package/lib/commonjs/ui/navigation/surfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_surfaces","_SurfaceScreen","_interopRequireDefault","_surfaceRegistry","_surfaceNavStack","e","__esModule","default","SHEET_PLACEMENT","base","md","FULLSCREEN_SURFACE_STYLE","backgroundColor","overflow","bloomOptionsFor","config","presentation","placement","contentPadding","maxWidth","maxHeightRatio","dismissOnBackdrop","style","panelStyle","activeRouteSurfaces","presentInternal","route","props","opts","track","navStack","createSurfaceNavStack","getSurfaceConfig","bloomOpts","label","result","bloomSurfaces","present","surface","createElement","SurfaceScreen","instance","navigate","nextRoute","nextProps","replace","goBack","canGoBack","setStep","step","dismiss","dismissResult","requestDismiss","tracked","push","finally","index","indexOf","splice","presentDetached","presentRoute","undefined","topRouteSurface","length","closeAllRouteSurfaces","reverse","navigateWithinOrPresent","currentPresentation","getSurfacePresentation","replaceWithinOrPresent","surfaces","exports","dismissAll","useSurfaces"],"sourceRoot":"../../../../src","sources":["ui/navigation/surfaces.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/screens/FileManagementScreen.js

@@ -1166,7 +1166,13 @@ const FileManagementScreen = ({
   // this is pure layout: the top chrome (header / controls / search) plus a
   // photo grid of shimmering tiles sized with the same 3-per-row geometry the
   // real photo grid uses. No hand-rolled `Animated` shimmer.
-  if (loading) {
+  //
+  // The image-only picker owns its OWN loading skeleton (rendered by
+  // `PhotoPickerView` when its photo list is still loading), so it inherits the
+  // picker's placement-aware container width / columns / tile size and the
+  // Dialog-vs-bottom-sheet sizing. Skipping the browse chrome here is what keeps
+  // the picker from flashing the wrong (file-manager) skeleton inside the Dialog.
+  if (loading && !isImageOnlyPicker) {
     const GRID_PADDING = 10;
     const TILE_GAP = 4;
     const GRID_COLUMNS = 3;
@@ -1272,6 +1278,7 @@ const FileManagementScreen = ({
         uploadProgress: uploadProgress,
         hasMore: paging.hasMore,
         loadingMore: paging.loadingMore,
+        loading: loading,
         reduceMotion: reduceMotion,
         getThumbUrl: thumbSourceFor,
         primaryColor: colors.primary,