@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/call-ui/GroupCallGrid.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupCallGrid = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _GroupCallTile = require("./GroupCallTile.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * `GroupCallGrid`: everyone on the call.
+ *
+ *   layout="grid"       equal tiles, `ceil(sqrt(n))` columns — 2 side by side,
+ *                       4 a square, 6 as 3×2, 9 as 3×3
+ *   layout="spotlight"  one big tile (the presenter, else the speaker, else the
+ *                       first) over a strip of the rest
+ *
+ * Past `maxTiles` the last CELL becomes `+N`, rather than a cell being added
+ * beside the grid: a 9-up grid that quietly becomes a 10-cell 4×3 the moment a
+ * tenth person joins is the failure this shape exists to stop. The maths is
+ * `callGridLayout`, a pure function, and it is tested as one.
+ *
+ * The grid MEASURES itself (`onLayout`) unless `width` is given, and draws
+ * nothing until it has a width — a first paint at zero stacks every tile on top
+ * of itself, and on native that frame is visible.
+ */
+
+/** Tiles in the spotlight strip before it stops adding them. */
+const STRIP_MAX = 5;
+function GroupCallGridComponent({
+  participants,
+  layout = 'grid',
+  spotlightId,
+  maxTiles = 9,
+  columns: columnsOverride,
+  gap = 8,
+  aspectRatio = 1,
+  width,
+  onParticipantPress,
+  formatOverflow,
+  formatMuted,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCallPaint)(theme), [theme]);
+  const [measured, setMeasured] = (0, _react.useState)(0);
+  const available = width ?? measured;
+  const onLayout = event => {
+    const next = Math.round(event.nativeEvent.layout.width);
+    setMeasured(current => current === next ? current : next);
+  };
+  const overflowText = formatOverflow ?? (count => `+${count} more`);
+  const spotlightAt = layout === 'spotlight' ? (0, _shared.callSpotlightIndex)(participants, spotlightId) : -1;
+  const spotlight = spotlightAt >= 0 ? participants[spotlightAt] : undefined;
+  const strip = layout === 'spotlight' ? participants.filter((_, i) => i !== spotlightAt).slice(0, STRIP_MAX) : [];
+  const grid = layout === 'spotlight' ? undefined : (0, _shared.callGridLayout)(participants.length, maxTiles, columnsOverride);
+  const tileWidth = grid === undefined ? 0 : Math.floor((available - gap * (grid.columns - 1)) / grid.columns);
+  const stripWidth = strip.length === 0 ? 0 : Math.floor((available - gap * (strip.length - 1)) / strip.length);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      width: '100%'
+    }, style],
+    onLayout: width === undefined ? onLayout : undefined,
+    testID: testID,
+    children: available <= 0 ? null : layout === 'spotlight' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap
+      },
+      children: [spotlight === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupCallTile.GroupCallTile, {
+        participant: spotlight,
+        width: available,
+        height: Math.round(available / Math.max(0.5, aspectRatio * 1.35)),
+        prominent: true,
+        onPress: onParticipantPress,
+        formatMuted: formatMuted,
+        testID: testID ? `${testID}-spotlight` : undefined
+      }), strip.length === 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          gap
+        },
+        children: strip.map(participant => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupCallTile.GroupCallTile, {
+          participant: participant,
+          width: stripWidth,
+          height: Math.round(stripWidth / aspectRatio),
+          onPress: onParticipantPress,
+          formatMuted: formatMuted,
+          testID: testID ? `${testID}-strip-${participant.id}` : undefined
+        }, participant.id))
+      })]
+    }) : grid === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap
+      },
+      children: [participants.slice(0, grid.visible).map(participant => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupCallTile.GroupCallTile, {
+        participant: participant,
+        width: tileWidth,
+        height: Math.round(tileWidth / aspectRatio),
+        onPress: onParticipantPress,
+        formatMuted: formatMuted,
+        testID: testID ? `${testID}-tile-${participant.id}` : undefined
+      }, participant.id)), grid.overflow > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        accessibilityLabel: overflowText(grid.overflow),
+        style: {
+          width: tileWidth,
+          height: Math.round(tileWidth / aspectRatio),
+          borderRadius: _shared.CALL_UI_RADIUS.tile,
+          backgroundColor: paint.tile,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        testID: testID ? `${testID}-overflow` : undefined,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "title-2-medium",
+          numberOfLines: 1,
+          style: {
+            color: paint.onStage
+          },
+          children: overflowText(grid.overflow)
+        })
+      }) : null]
+    })
+  });
+}
+const GroupCallGrid = exports.GroupCallGrid = /*#__PURE__*/(0, _react.memo)(GroupCallGridComponent);
+GroupCallGrid.displayName = 'GroupCallGrid';
+//# sourceMappingURL=GroupCallGrid.js.map

package/lib/commonjs/call-ui/GroupCallGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_index","_GroupCallTile","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","STRIP_MAX","GroupCallGridComponent","participants","layout","spotlightId","maxTiles","columns","columnsOverride","gap","aspectRatio","width","onParticipantPress","formatOverflow","formatMuted","style","testID","theme","useTheme","paint","useMemo","resolveCallPaint","measured","setMeasured","useState","available","onLayout","event","next","Math","round","nativeEvent","current","overflowText","count","spotlightAt","callSpotlightIndex","spotlight","undefined","strip","filter","_","slice","grid","callGridLayout","length","tileWidth","floor","stripWidth","jsx","View","children","jsxs","GroupCallTile","participant","height","max","prominent","onPress","flexDirection","map","id","flexWrap","visible","overflow","accessibilityLabel","borderRadius","CALL_UI_RADIUS","tile","backgroundColor","alignItems","justifyContent","Text","variant","numberOfLines","color","onStage","GroupCallGrid","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["call-ui/GroupCallGrid.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAgG,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGhG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMkB,SAAS,GAAG,CAAC;AAEnB,SAASC,sBAAsBA,CAAC;EAC9BC,YAAY;EACZC,MAAM,GAAG,MAAM;EACfC,WAAW;EACXC,QAAQ,GAAG,CAAC;EACZC,OAAO,EAAEC,eAAe;EACxBC,GAAG,GAAG,CAAC;EACPC,WAAW,GAAG,CAAC;EACfC,KAAK;EACLC,kBAAkB;EAClBC,cAAc;EACdC,WAAW;EACXC,KAAK;EACLC;AACkB,CAAC,EAAE;EACrB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,wBAAgB,EAACJ,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAC7D,MAAM,CAACK,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAC3C,MAAMC,SAAS,GAAGd,KAAK,IAAIW,QAAQ;EAEnC,MAAMI,QAAQ,GAAIC,KAAwB,IAAK;IAC7C,MAAMC,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,WAAW,CAAC3B,MAAM,CAACO,KAAK,CAAC;IACvDY,WAAW,CAAES,OAAO,IAAMA,OAAO,KAAKJ,IAAI,GAAGI,OAAO,GAAGJ,IAAK,CAAC;EAC/D,CAAC;EAED,MAAMK,YAAY,GAAGpB,cAAc,KAAMqB,KAAa,IAAK,IAAIA,KAAK,OAAO,CAAC;EAC5E,MAAMC,WAAW,GAAG/B,MAAM,KAAK,WAAW,GAAG,IAAAgC,0BAAkB,EAACjC,YAAY,EAAEE,WAAW,CAAC,GAAG,CAAC,CAAC;EAC/F,MAAMgC,SAAS,GAAGF,WAAW,IAAI,CAAC,GAAGhC,YAAY,CAACgC,WAAW,CAAC,GAAGG,SAAS;EAC1E,MAAMC,KAAK,GACTnC,MAAM,KAAK,WAAW,GAAGD,YAAY,CAACqC,MAAM,CAAC,CAACC,CAAC,EAAEpD,CAAC,KAAKA,CAAC,KAAK8C,WAAW,CAAC,CAACO,KAAK,CAAC,CAAC,EAAEzC,SAAS,CAAC,GAAG,EAAE;EACpG,MAAM0C,IAAI,GACRvC,MAAM,KAAK,WAAW,GAClBkC,SAAS,GACT,IAAAM,sBAAc,EAACzC,YAAY,CAAC0C,MAAM,EAAEvC,QAAQ,EAAEE,eAAe,CAAC;EAEpE,MAAMsC,SAAS,GACbH,IAAI,KAAKL,SAAS,GAAG,CAAC,GAAGT,IAAI,CAACkB,KAAK,CAAC,CAACtB,SAAS,GAAGhB,GAAG,IAAIkC,IAAI,CAACpC,OAAO,GAAG,CAAC,CAAC,IAAIoC,IAAI,CAACpC,OAAO,CAAC;EAC5F,MAAMyC,UAAU,GACdT,KAAK,CAACM,MAAM,KAAK,CAAC,GAAG,CAAC,GAAGhB,IAAI,CAACkB,KAAK,CAAC,CAACtB,SAAS,GAAGhB,GAAG,IAAI8B,KAAK,CAACM,MAAM,GAAG,CAAC,CAAC,IAAIN,KAAK,CAACM,MAAM,CAAC;EAE5F,oBACE,IAAAhE,WAAA,CAAAoE,GAAA,EAACzE,YAAA,CAAA0E,IAAI;IACHnC,KAAK,EAAE,CAAC;MAAEJ,KAAK,EAAE;IAAO,CAAC,EAAEI,KAAK,CAAE;IAClCW,QAAQ,EAAEf,KAAK,KAAK2B,SAAS,GAAGZ,QAAQ,GAAGY,SAAU;IACrDtB,MAAM,EAAEA,MAAO;IAAAmC,QAAA,EAEd1B,SAAS,IAAI,CAAC,GAAG,IAAI,GAAGrB,MAAM,KAAK,WAAW,gBAC7C,IAAAvB,WAAA,CAAAuE,IAAA,EAAC5E,YAAA,CAAA0E,IAAI;MAACnC,KAAK,EAAE;QAAEN;MAAI,CAAE;MAAA0C,QAAA,GAClBd,SAAS,KAAKC,SAAS,GAAG,IAAI,gBAC7B,IAAAzD,WAAA,CAAAoE,GAAA,EAACtE,cAAA,CAAA0E,aAAa;QACZC,WAAW,EAAEjB,SAAU;QACvB1B,KAAK,EAAEc,SAAU;QACjB8B,MAAM,EAAE1B,IAAI,CAACC,KAAK,CAACL,SAAS,GAAGI,IAAI,CAAC2B,GAAG,CAAC,GAAG,EAAE9C,WAAW,GAAG,IAAI,CAAC,CAAE;QAClE+C,SAAS;QACTC,OAAO,EAAE9C,kBAAmB;QAC5BE,WAAW,EAAEA,WAAY;QACzBE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,YAAY,GAAGsB;MAAU,CACpD,CACF,EACAC,KAAK,CAACM,MAAM,KAAK,CAAC,GAAG,IAAI,gBACxB,IAAAhE,WAAA,CAAAoE,GAAA,EAACzE,YAAA,CAAA0E,IAAI;QAACnC,KAAK,EAAE;UAAE4C,aAAa,EAAE,KAAK;UAAElD;QAAI,CAAE;QAAA0C,QAAA,EACxCZ,KAAK,CAACqB,GAAG,CAAEN,WAAW,iBACrB,IAAAzE,WAAA,CAAAoE,GAAA,EAACtE,cAAA,CAAA0E,aAAa;UAEZC,WAAW,EAAEA,WAAY;UACzB3C,KAAK,EAAEqC,UAAW;UAClBO,MAAM,EAAE1B,IAAI,CAACC,KAAK,CAACkB,UAAU,GAAGtC,WAAW,CAAE;UAC7CgD,OAAO,EAAE9C,kBAAmB;UAC5BE,WAAW,EAAEA,WAAY;UACzBE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAUsC,WAAW,CAACO,EAAE,EAAE,GAAGvB;QAAU,GAN5DgB,WAAW,CAACO,EAOlB,CACF;MAAC,CACE,CACP;IAAA,CACG,CAAC,GACLlB,IAAI,KAAKL,SAAS,GAAG,IAAI,gBAC3B,IAAAzD,WAAA,CAAAuE,IAAA,EAAC5E,YAAA,CAAA0E,IAAI;MAACnC,KAAK,EAAE;QAAE4C,aAAa,EAAE,KAAK;QAAEG,QAAQ,EAAE,MAAM;QAAErD;MAAI,CAAE;MAAA0C,QAAA,GAC1DhD,YAAY,CAACuC,KAAK,CAAC,CAAC,EAAEC,IAAI,CAACoB,OAAO,CAAC,CAACH,GAAG,CAAEN,WAAW,iBACnD,IAAAzE,WAAA,CAAAoE,GAAA,EAACtE,cAAA,CAAA0E,aAAa;QAEZC,WAAW,EAAEA,WAAY;QACzB3C,KAAK,EAAEmC,SAAU;QACjBS,MAAM,EAAE1B,IAAI,CAACC,KAAK,CAACgB,SAAS,GAAGpC,WAAW,CAAE;QAC5CgD,OAAO,EAAE9C,kBAAmB;QAC5BE,WAAW,EAAEA,WAAY;QACzBE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAASsC,WAAW,CAACO,EAAE,EAAE,GAAGvB;MAAU,GAN3DgB,WAAW,CAACO,EAOlB,CACF,CAAC,EACDlB,IAAI,CAACqB,QAAQ,GAAG,CAAC,gBAChB,IAAAnF,WAAA,CAAAoE,GAAA,EAACzE,YAAA,CAAA0E,IAAI;QACHe,kBAAkB,EAAEhC,YAAY,CAACU,IAAI,CAACqB,QAAQ,CAAE;QAChDjD,KAAK,EAAE;UACLJ,KAAK,EAAEmC,SAAS;UAChBS,MAAM,EAAE1B,IAAI,CAACC,KAAK,CAACgB,SAAS,GAAGpC,WAAW,CAAC;UAC3CwD,YAAY,EAAEC,sBAAc,CAACC,IAAI;UACjCC,eAAe,EAAElD,KAAK,CAACiD,IAAI;UAC3BE,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE;QAClB,CAAE;QACFvD,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAW,GAAGsB,SAAU;QAAAa,QAAA,eAElD,IAAAtE,WAAA,CAAAoE,GAAA,EAACvE,MAAA,CAAA8F,IAAI;UAACC,OAAO,EAAC,gBAAgB;UAACC,aAAa,EAAE,CAAE;UAAC3D,KAAK,EAAE;YAAE4D,KAAK,EAAExD,KAAK,CAACyD;UAAQ,CAAE;UAAAzB,QAAA,EAC9ElB,YAAY,CAACU,IAAI,CAACqB,QAAQ;QAAC,CACxB;MAAC,CACH,CAAC,GACL,IAAI;IAAA,CACJ;EACP,CACG,CAAC;AAEX;AAEO,MAAMa,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,WAAI,EAAC7E,sBAAsB,CAAC;AACzD2E,aAAa,CAACG,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/commonjs/call-ui/GroupCallTile.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupCallTile = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _Avatar = require("../avatar/Avatar.js");
+var _RiCastLine = require("../icons/remix/RiCastLine.js");
+var _RiMicOffFill = require("../icons/remix/RiMicOffFill.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * `GroupCallTile`: one participant in a group call.
+ *
+ *   the video frame, or the avatar centred on a raised wash of the stage
+ *   a name pill bottom-left (the tile's own fill at 45%, so it survives both a
+ *   bright frame and a dark one), with the muted glyph inside it
+ *   a speaking RING drawn as an overlay, never as the tile's own border —
+ *   a border that appears changes the content box, so every tile would shift
+ *   by 3px each time somebody started talking
+ *
+ * The ring PULSES by opacity on a 900ms loop and holds still at full opacity
+ * under reduced motion. Opacity is the right channel: it composites, so the
+ * pulse costs nothing on either platform and it cannot move the layout.
+ */
+
+const RING_WIDTH = 3;
+function SpeakingRing({
+  color,
+  radius
+}) {
+  const reduced = (0, _reactNativeReanimated.useReducedMotion)();
+  const pulse = (0, _reactNativeReanimated.useSharedValue)(1);
+  (0, _react.useEffect)(() => {
+    if (reduced) {
+      pulse.value = 1;
+      return;
+    }
+    pulse.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(0.4, {
+      duration: _shared.CALL_SPEAKING_PULSE_MS,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.quad)
+    }), -1, true);
+  }, [reduced, pulse]);
+  const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: pulse.value
+  }), [pulse]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    pointerEvents: "none",
+    style: [_reactNative.StyleSheet.absoluteFill, {
+      borderRadius: radius,
+      borderWidth: RING_WIDTH,
+      borderColor: color
+    }, style]
+  });
+}
+function GroupCallTileComponent({
+  participant,
+  width,
+  height,
+  onPress,
+  formatMuted,
+  prominent = false,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCallPaint)(theme, participant.accentColor), [theme, participant.accentColor]);
+  const {
+    id,
+    name,
+    avatar,
+    avatarVariant,
+    video,
+    muted,
+    speaking,
+    presenting,
+    label
+  } = participant;
+  const caption = label ?? name;
+  const avatarSize = Math.max(28, Math.min(prominent ? 112 : 64, Math.floor(Math.min(width, height) * 0.42)));
+  const accessibleName = muted === true ? (formatMuted ?? (n => `${n}, muted`))(caption) : caption;
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [video === undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+        source: avatar,
+        variant: avatarVariant,
+        name: name,
+        size: avatarSize
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _reactNative.StyleSheet.absoluteFill,
+      children: video
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: 'absolute',
+        left: 6,
+        bottom: 6,
+        right: 6,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4,
+        alignSelf: 'flex-start'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 4,
+          maxWidth: '100%',
+          borderRadius: 999,
+          backgroundColor: paint.tilePill,
+          paddingTop: 2,
+          paddingRight: 8,
+          paddingBottom: 2,
+          paddingLeft: 8
+        },
+        children: [presenting === true ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCastLine.RiCastLine, {
+          width: 12,
+          height: 12,
+          fill: paint.onStage
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: prominent ? 'body-2-medium' : 'caption-1-medium',
+          numberOfLines: 1,
+          style: {
+            color: paint.onStage,
+            flexShrink: 1
+          },
+          children: caption
+        }), muted === true ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiMicOffFill.RiMicOffFill, {
+          width: 12,
+          height: 12,
+          fill: paint.negativeOnStage,
+          testID: testID ? `${testID}-muted` : undefined
+        }) : null]
+      })
+    }), speaking === true ? /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeakingRing, {
+      color: paint.speaking,
+      radius: _shared.CALL_UI_RADIUS.tile
+    }) : null]
+  });
+  const shell = {
+    width,
+    height,
+    borderRadius: _shared.CALL_UI_RADIUS.tile,
+    backgroundColor: paint.tile,
+    overflow: 'hidden'
+  };
+  if (onPress === undefined) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [shell, style],
+      testID: testID,
+      children: content
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    role: "button",
+    accessibilityLabel: accessibleName,
+    onPress: () => onPress(id),
+    style: [shell, style],
+    testID: testID,
+    children: content
+  });
+}
+const GroupCallTile = exports.GroupCallTile = /*#__PURE__*/(0, _react.memo)(GroupCallTileComponent);
+GroupCallTile.displayName = 'GroupCallTile';
+//# sourceMappingURL=GroupCallTile.js.map

package/lib/commonjs/call-ui/GroupCallTile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_Avatar","_RiCastLine","_RiMicOffFill","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RING_WIDTH","SpeakingRing","color","radius","reduced","useReducedMotion","pulse","useSharedValue","useEffect","value","withRepeat","withTiming","duration","CALL_SPEAKING_PULSE_MS","easing","Easing","inOut","quad","style","useAnimatedStyle","opacity","jsx","View","pointerEvents","StyleSheet","absoluteFill","borderRadius","borderWidth","borderColor","GroupCallTileComponent","participant","width","height","onPress","formatMuted","prominent","testID","theme","useTheme","paint","useMemo","resolveCallPaint","accentColor","id","name","avatar","avatarVariant","video","muted","speaking","presenting","label","caption","avatarSize","Math","max","min","floor","accessibleName","content","jsxs","Fragment","children","undefined","flex","alignItems","justifyContent","Avatar","source","variant","size","position","left","bottom","right","flexDirection","gap","alignSelf","maxWidth","backgroundColor","tilePill","paddingTop","paddingRight","paddingBottom","paddingLeft","RiCastLine","fill","onStage","Text","numberOfLines","flexShrink","RiMicOffFill","negativeOnStage","CALL_UI_RADIUS","tile","shell","overflow","Pressable","role","accessibilityLabel","GroupCallTile","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["call-ui/GroupCallTile.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/call-ui/IncomingCallBanner.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IncomingCallBanner = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _AvatarPresence = require("../chat-indicators/AvatarPresence.js");
+var _shadows = require("../design-tokens/shadows");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _RiPhoneFill = require("../icons/remix/RiPhoneFill.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _CallControls = require("./CallControls.js");
+var _glyphs = require("./glyphs.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * `IncomingCallBanner`: the call arriving while the app is open.
+ *
+ *   a card, not a stage — it sits IN the app, so it takes the ordinary theme
+ *   surface and flips with the mode like every other card
+ *   44 avatar with presence · name (`headline-semibold`) over
+ *   "Incoming video call" · decline (red) · accept (green), both 40px circles
+ *
+ * The two round buttons are SIBLINGS of the banner's own press target, never
+ * nested inside it: a button inside a button is one hit area on web and two
+ * announcements on native, and the one time it matters is the one time the
+ * user cannot look at the screen.
+ */
+
+function IncomingCallBannerComponent({
+  name,
+  avatar,
+  avatarVariant,
+  mode = 'voice',
+  subtitle,
+  status,
+  onAccept,
+  onDecline,
+  onPress,
+  labels,
+  accentColor,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCallPaint)(theme, accentColor), [theme, accentColor]);
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const l = {
+    ..._shared.INCOMING_CALL_LABELS,
+    ...labels
+  };
+  const line = subtitle ?? (mode === 'video' ? l.video : l.voice);
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarPresence.AvatarPresence, {
+      source: avatar,
+      variant: avatarVariant,
+      name: name,
+      size: 44,
+      status: status,
+      presenceRingColor: paint.surfaceRaised
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "headline-semibold",
+        numberOfLines: 1,
+        style: {
+          color: paint.text
+        },
+        children: name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-2-regular",
+        numberOfLines: 1,
+        style: {
+          color: paint.textSecondary
+        },
+        testID: testID ? `${testID}-subtitle` : undefined,
+        children: line
+      })]
+    })]
+  });
+  const shell = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    flex: 1,
+    minWidth: 0,
+    borderRadius: _shared.CALL_UI_RADIUS.card - 4,
+    backgroundColor: hovered && onPress !== undefined ? paint.rowSelected : 'transparent',
+    paddingTop: 4,
+    paddingRight: 4,
+    paddingBottom: 4,
+    paddingLeft: 4
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 10,
+      borderRadius: _shared.CALL_UI_RADIUS.card,
+      borderWidth: 1,
+      borderColor: paint.border,
+      backgroundColor: paint.surfaceRaised,
+      paddingTop: 10,
+      paddingRight: 10,
+      paddingBottom: 10,
+      paddingLeft: 10,
+      ...(0, _shadows.bloomShadowStyle)('m')
+    }, style],
+    testID: testID,
+    children: [onPress === undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: shell,
+      children: body
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      role: "button",
+      accessibilityLabel: `${name} — ${line}`,
+      onPress: onPress,
+      onHoverIn: onIn,
+      onHoverOut: onOut,
+      style: shell,
+      testID: testID ? `${testID}-open` : undefined,
+      children: body
+    }), onDecline === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallControls.CallControlButton, {
+      icon: _glyphs.CallEndGlyph,
+      label: l.decline,
+      tone: "end",
+      size: "small",
+      onPress: onDecline,
+      testID: testID ? `${testID}-decline` : undefined
+    }), onAccept === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallControls.CallControlButton, {
+      icon: _RiPhoneFill.RiPhoneFill,
+      label: l.accept,
+      tone: "accept",
+      size: "small",
+      onPress: onAccept,
+      testID: testID ? `${testID}-accept` : undefined
+    })]
+  });
+}
+const IncomingCallBanner = exports.IncomingCallBanner = /*#__PURE__*/(0, _react.memo)(IncomingCallBannerComponent);
+IncomingCallBanner.displayName = 'IncomingCallBanner';
+//# sourceMappingURL=IncomingCallBanner.js.map

package/lib/commonjs/call-ui/IncomingCallBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_AvatarPresence","_shadows","_useInteractionState","_RiPhoneFill","_useTheme","_index","_CallControls","_glyphs","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","IncomingCallBannerComponent","name","avatar","avatarVariant","mode","subtitle","status","onAccept","onDecline","onPress","labels","accentColor","style","testID","theme","useTheme","paint","useMemo","resolveCallPaint","state","hovered","onIn","onOut","useInteractionState","l","INCOMING_CALL_LABELS","line","video","voice","body","jsxs","Fragment","children","jsx","AvatarPresence","source","variant","size","presenceRingColor","surfaceRaised","View","flex","minWidth","gap","Text","numberOfLines","color","text","textSecondary","undefined","shell","flexDirection","alignItems","borderRadius","CALL_UI_RADIUS","card","backgroundColor","rowSelected","paddingTop","paddingRight","paddingBottom","paddingLeft","borderWidth","borderColor","border","bloomShadowStyle","Pressable","role","accessibilityLabel","onHoverIn","onHoverOut","CallControlButton","icon","CallEndGlyph","label","decline","tone","RiPhoneFill","accept","IncomingCallBanner","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["call-ui/IncomingCallBanner.tsx"],"mappings":"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","ignoreList":[]}