@oxy.so/bloom 2.10.0 → 2.12.0

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":[]}

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

@@ -0,0 +1,341 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IncomingCallScreen = 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 _RiArrowRightSLine = require("../icons/remix/RiArrowRightSLine.js");
+var _RiMessage2Line = require("../icons/remix/RiMessage2Line.js");
+var _RiPhoneFill = require("../icons/remix/RiPhoneFill.js");
+var _RiTimerLine = require("../icons/remix/RiTimerLine.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 _parts = require("./parts.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); }
+/**
+ * `IncomingCallScreen`: the whole screen, for a call arriving on a locked or
+ * backgrounded app.
+ *
+ *   the voice stage's wash, a 132px avatar, the name in `title-1-semibold`
+ *   and "Incoming video call" under it
+ *   answerMode="buttons"  decline and accept, 56px circles, 64 apart
+ *   answerMode="slide"    one 64-tall track: drag the knob past 60% (or just
+ *                         PRESS it) to answer
+ *   under either          "Message" and "Remind me" as quiet text buttons
+ *
+ * The slide track answers a PRESS as well as a drag, and that is not a
+ * convenience. A drag is a gesture with no keyboard equivalent and nothing for
+ * a screen reader to do; the press is the same control's accessible path, so
+ * the knob carries `role="button"` and the accept name whichever way it is
+ * used. The pan handlers are spread onto it, so they never become the only way
+ * to answer.
+ *
+ * The chevrons behind the knob breathe on a 1.4s loop. Under reduced motion
+ * they stand still at full opacity — the hint is the arrows, not the movement.
+ */
+
+const AVATAR_SIZE = 132;
+const TRACK_HEIGHT = 64;
+const KNOB = 56;
+const TRACK_PADDING = (TRACK_HEIGHT - KNOB) / 2;
+const HINT_PERIOD_MS = 1400;
+function SlideHint({
+  paint,
+  reduced
+}) {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(reduced ? 1 : 0);
+  _react.default.useEffect(() => {
+    if (reduced) {
+      progress.value = 1;
+      return;
+    }
+    progress.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(1, {
+      duration: HINT_PERIOD_MS,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.quad)
+    }), -1, true);
+  }, [reduced, progress]);
+  const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: 0.35 + progress.value * 0.5
+  }), [progress]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center'
+    }, style],
+    children: [0, 1, 2].map(i => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiArrowRightSLine.RiArrowRightSLine, {
+      width: 18,
+      height: 18,
+      fill: paint.onStageMuted
+    }, i))
+  });
+}
+
+/**
+ * A quiet text action on the stage.
+ *
+ * Not Bloom's `text` `Button`: that paints its ICON from the accent ramp while
+ * the caller can only override the LABEL's colour, so the control ends up two
+ * colours on a surface neither of them was chosen for.
+ */
+function StageAction({
+  icon: Icon,
+  label,
+  color,
+  onPress,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    role: "button",
+    accessibilityLabel: label,
+    onPress: onPress,
+    hitSlop: {
+      top: 8,
+      bottom: 8,
+      left: 8,
+      right: 8
+    },
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6,
+      paddingTop: 6,
+      paddingRight: 10,
+      paddingBottom: 6,
+      paddingLeft: 10
+    },
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      width: 16,
+      height: 16,
+      fill: color
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "body-medium",
+      style: {
+        color
+      },
+      children: label
+    })]
+  });
+}
+function IncomingCallScreenComponent({
+  name,
+  avatar,
+  avatarVariant,
+  mode = 'voice',
+  subtitle,
+  accentColor,
+  answerMode = 'buttons',
+  onAccept,
+  onDecline,
+  onMessage,
+  onRemind,
+  labels,
+  children,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCallPaint)(theme, accentColor), [theme, accentColor]);
+  const reduced = (0, _reactNativeReanimated.useReducedMotion)();
+  const l = {
+    ..._shared.INCOMING_CALL_LABELS,
+    ...labels
+  };
+  const line = subtitle ?? (mode === 'video' ? l.video : l.voice);
+  const [offset, setOffset] = (0, _react.useState)(0);
+  const travel = (0, _react.useRef)(0);
+  const onTrackLayout = event => {
+    travel.current = Math.max(0, event.nativeEvent.layout.width - KNOB - TRACK_PADDING * 2);
+  };
+  const panResponder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
+    // A press must still reach the knob's `onPress`, so the responder only
+    // claims the gesture once it has actually MOVED.
+    onMoveShouldSetPanResponder: (_event, gesture) => Math.abs(gesture.dx) > 4,
+    onPanResponderMove: (_event, gesture) => {
+      setOffset(Math.min(travel.current, Math.max(0, gesture.dx)));
+    },
+    onPanResponderRelease: (_event, gesture) => {
+      if ((0, _shared.slideAnswers)(gesture.dx, travel.current)) onAccept?.();
+      setOffset(0);
+    },
+    onPanResponderTerminate: () => setOffset(0)
+  }), [onAccept]);
+  const answer = answerMode === 'slide' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    onLayout: onTrackLayout,
+    style: {
+      height: TRACK_HEIGHT,
+      borderRadius: TRACK_HEIGHT / 2,
+      backgroundColor: paint.control,
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingTop: TRACK_PADDING,
+      paddingRight: TRACK_PADDING,
+      paddingBottom: TRACK_PADDING,
+      paddingLeft: TRACK_PADDING,
+      gap: 10,
+      overflow: 'hidden'
+    },
+    testID: testID ? `${testID}-track` : undefined,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      ...panResponder.panHandlers,
+      role: "button",
+      accessibilityLabel: l.accept,
+      onPress: onAccept,
+      style: {
+        width: KNOB,
+        height: KNOB,
+        borderRadius: KNOB / 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: paint.accept,
+        transform: [{
+          translateX: offset
+        }]
+      },
+      testID: testID ? `${testID}-knob` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiPhoneFill.RiPhoneFill, {
+        width: 26,
+        height: 26,
+        fill: paint.onAccept
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SlideHint, {
+      paint: paint,
+      reduced: reduced
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "body-medium",
+      numberOfLines: 1,
+      style: {
+        color: paint.onStageMuted,
+        flex: 1
+      },
+      children: l.slideToAnswer
+    })]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'center',
+      gap: 64
+    },
+    children: [onDecline === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallControls.CallControlButton, {
+      icon: _glyphs.CallEndGlyph,
+      label: l.decline,
+      tone: "end",
+      showLabel: true,
+      accentColor: accentColor,
+      onPress: onDecline,
+      testID: testID ? `${testID}-decline` : undefined
+    }), onAccept === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallControls.CallControlButton, {
+      icon: _RiPhoneFill.RiPhoneFill,
+      label: l.accept,
+      tone: "accept",
+      showLabel: true,
+      accentColor: accentColor,
+      onPress: onAccept,
+      testID: testID ? `${testID}-accept` : undefined
+    })]
+  });
+
+  // `slide` has no decline affordance of its own — a track you drag one way
+  // cannot also be the way you refuse — so the decline moves down here beside
+  // the other quiet actions rather than disappearing.
+  const secondary = [answerMode !== 'slide' || onDecline === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(StageAction, {
+    icon: _glyphs.CallEndGlyph,
+    label: l.decline,
+    color: paint.end,
+    onPress: onDecline,
+    testID: testID ? `${testID}-decline` : undefined
+  }, "decline"), onMessage === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(StageAction, {
+    icon: _RiMessage2Line.RiMessage2Line,
+    label: l.message,
+    color: paint.onStageMuted,
+    onPress: onMessage,
+    testID: testID ? `${testID}-message` : undefined
+  }, "message"), onRemind === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(StageAction, {
+    icon: _RiTimerLine.RiTimerLine,
+    label: l.remind,
+    color: paint.onStageMuted,
+    onPress: onRemind,
+    testID: testID ? `${testID}-remind` : undefined
+  }, "remind")].filter(node => node !== null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flex: 1,
+      minHeight: 520,
+      backgroundColor: paint.stage,
+      borderRadius: _shared.CALL_UI_RADIUS.stage,
+      overflow: 'hidden'
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.CallStageBackdrop, {
+      paint: paint
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 20,
+        paddingTop: 48,
+        paddingRight: 24,
+        paddingBottom: 24,
+        paddingLeft: 24
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+        source: avatar,
+        variant: avatarVariant,
+        name: name,
+        size: AVATAR_SIZE,
+        testID: testID ? `${testID}-avatar` : undefined
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          alignItems: 'center',
+          gap: 6
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "title-1-semibold",
+          numberOfLines: 1,
+          style: {
+            color: paint.onStage,
+            textAlign: 'center'
+          },
+          children: name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          style: {
+            color: paint.onStageMuted,
+            textAlign: 'center'
+          },
+          testID: testID ? `${testID}-subtitle` : undefined,
+          children: line
+        })]
+      }), children]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 20,
+        paddingRight: 24,
+        paddingBottom: 40,
+        paddingLeft: 24
+      },
+      children: [answer, secondary.length === 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'center',
+          gap: 16,
+          flexWrap: 'wrap'
+        },
+        children: secondary
+      })]
+    })]
+  });
+}
+const IncomingCallScreen = exports.IncomingCallScreen = /*#__PURE__*/(0, _react.memo)(IncomingCallScreenComponent);
+IncomingCallScreen.displayName = 'IncomingCallScreen';
+//# sourceMappingURL=IncomingCallScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_Avatar","_RiArrowRightSLine","_RiMessage2Line","_RiPhoneFill","_RiTimerLine","_useTheme","_index","_CallControls","_glyphs","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AVATAR_SIZE","TRACK_HEIGHT","KNOB","TRACK_PADDING","HINT_PERIOD_MS","SlideHint","paint","reduced","progress","useSharedValue","React","useEffect","value","withRepeat","withTiming","duration","easing","Easing","inOut","quad","style","useAnimatedStyle","opacity","jsx","View","flexDirection","alignItems","children","map","RiArrowRightSLine","width","height","fill","onStageMuted","StageAction","icon","Icon","label","color","onPress","testID","jsxs","Pressable","role","accessibilityLabel","hitSlop","top","bottom","left","right","gap","paddingTop","paddingRight","paddingBottom","paddingLeft","Text","variant","IncomingCallScreenComponent","name","avatar","avatarVariant","mode","subtitle","accentColor","answerMode","onAccept","onDecline","onMessage","onRemind","labels","theme","useTheme","useMemo","resolveCallPaint","useReducedMotion","l","INCOMING_CALL_LABELS","line","video","voice","offset","setOffset","useState","travel","useRef","onTrackLayout","event","current","Math","max","nativeEvent","layout","panResponder","PanResponder","create","onMoveShouldSetPanResponder","_event","gesture","abs","dx","onPanResponderMove","min","onPanResponderRelease","slideAnswers","onPanResponderTerminate","answer","onLayout","borderRadius","backgroundColor","control","overflow","undefined","panHandlers","accept","justifyContent","transform","translateX","RiPhoneFill","numberOfLines","flex","slideToAnswer","CallControlButton","CallEndGlyph","decline","tone","showLabel","secondary","end","RiMessage2Line","message","RiTimerLine","remind","filter","node","minHeight","stage","CALL_UI_RADIUS","CallStageBackdrop","Avatar","source","size","onStage","textAlign","length","flexWrap","IncomingCallScreen","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["call-ui/IncomingCallScreen.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CallEndGlyph = CallEndGlyph;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _RiPhoneFill = require("../icons/remix/RiPhoneFill.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * The hang-up handset: the phone glyph turned 135°.
+ *
+ * There is no "end call" icon in the set, and drawing one would put a second
+ * handset outline in the package that has to be kept in step with the first.
+ * A rotation is the same glyph, and it is the shape every phone has used for
+ * "put it down" since phones had a cradle.
+ *
+ * The rotation goes on a WRAPPER rather than on the `<Svg>`'s own style: a
+ * transform inside react-native-svg's style prop is applied by the native
+ * renderer to the canvas, not the element, and the two forks do not agree
+ * about the origin.
+ */
+function CallEndGlyph({
+  width = 24,
+  height = 24,
+  fill
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width,
+      height,
+      alignItems: 'center',
+      justifyContent: 'center',
+      transform: [{
+        rotate: '135deg'
+      }]
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiPhoneFill.RiPhoneFill, {
+      width: width,
+      height: height,
+      fill: fill
+    })
+  });
+}
+//# sourceMappingURL=glyphs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_RiPhoneFill","_jsxRuntime","e","__esModule","default","CallEndGlyph","width","height","fill","jsx","View","style","alignItems","justifyContent","transform","rotate","children","RiPhoneFill"],"sourceRoot":"../../../src","sources":["call-ui/glyphs.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAAyD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,YAAYA,CAAC;EAC3BC,KAAK,GAAG,EAAE;EACVC,MAAM,GAAG,EAAE;EACXC;AAKF,CAAC,EAAE;EACD,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,IAAI;IACHC,KAAK,EAAE;MACLL,KAAK;MACLC,MAAM;MACNK,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAS,CAAC;IAClC,CAAE;IAAAC,QAAA,eAEF,IAAAf,WAAA,CAAAQ,GAAA,EAACT,YAAA,CAAAiB,WAAW;MAACX,KAAK,EAAEA,KAAM;MAACC,MAAM,EAAEA,MAAO;MAACC,IAAI,EAAEA;IAAK,CAAE;EAAC,CACrD,CAAC;AAEX","ignoreList":[]}