@oxy.so/bloom 2.10.0 → 2.12.0

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

@@ -0,0 +1,274 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CallControls = exports.CallControlButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _RiCameraSwitchLine = require("../icons/remix/RiCameraSwitchLine.js");
+var _RiCastLine = require("../icons/remix/RiCastLine.js");
+var _RiMicLine = require("../icons/remix/RiMicLine.js");
+var _RiMicOffLine = require("../icons/remix/RiMicOffLine.js");
+var _RiUserAddLine = require("../icons/remix/RiUserAddLine.js");
+var _RiVideoOffLine = require("../icons/remix/RiVideoOffLine.js");
+var _RiVideoOnLine = require("../icons/remix/RiVideoOnLine.js");
+var _RiVolumeDownLine = require("../icons/remix/RiVolumeDownLine.js");
+var _RiVolumeUpLine = require("../icons/remix/RiVolumeUpLine.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _shared = require("./shared.js");
+var _glyphs = require("./glyphs.js");
+var _tokens = require("../styles/tokens.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); }
+/**
+ * `CallControlButton`: one round control on a call stage.
+ *
+ *   rest      a raised wash of the stage (16% of the on-stage white)
+ *   hover     26% — colour only, no scale; a control bar that grows under the
+ *             pointer is a moving target on the one screen you cannot re-aim on
+ *   active    the wash INVERTS: white fill, dark glyph. A toggle that is "on"
+ *             has to be readable over a moving video frame, and an accent tint
+ *             is not, because the frame behind it is any colour at all
+ *   end       the negative ramp, always; `accept` the success ramp
+ *
+ * `active` also decides the ACCESSIBILITY shape. Passing it makes the button a
+ * toggle — `aria-pressed` for web and `accessibilityState.selected` for native,
+ * both spellings, because react-native-web reads only the first and React
+ * Native has no concept of the second. Leaving it undefined makes a plain
+ * action button: "flip camera" is not a state, and a button that reports
+ * `aria-pressed="false"` forever is announcing one it does not have.
+ *
+ * The glyph is the whole button, so `label` is required — it is the accessible
+ * name whether or not `showLabel` draws it.
+ */function CallControlButtonComponent({
+  icon: Icon,
+  activeIcon,
+  label,
+  active,
+  tone = 'default',
+  size = 'large',
+  disabled = false,
+  onPress,
+  showLabel = false,
+  badge,
+  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 geometry = _shared.CALL_CONTROL_GEOMETRY[size];
+  const Glyph = active === true && activeIcon !== undefined ? activeIcon : Icon;
+  const {
+    background,
+    foreground
+  } = resolveControlColors(paint, tone, active === true, hovered);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      alignItems: 'center',
+      gap: 6
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      role: "button",
+      accessibilityLabel: label,
+      "aria-pressed": active,
+      accessibilityState: active === undefined ? {
+        disabled
+      } : {
+        selected: active,
+        disabled
+      },
+      "aria-disabled": disabled || undefined,
+      disabled: disabled,
+      onPress: onPress,
+      onHoverIn: onIn,
+      onHoverOut: onOut,
+      testID: testID,
+      style: {
+        width: geometry.size,
+        height: geometry.size,
+        borderRadius: geometry.size / 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: background,
+        opacity: disabled ? _tokens.DISABLED_OPACITY : 1
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Glyph, {
+        width: geometry.glyph,
+        height: geometry.glyph,
+        fill: foreground
+      }), badge === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute',
+          top: -2,
+          right: -2
+        },
+        children: badge
+      })]
+    }), showLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-2-medium",
+      numberOfLines: 1,
+      style: {
+        color: paint.onStageMuted,
+        maxWidth: geometry.size + 24,
+        textAlign: 'center'
+      },
+      children: label
+    }) : null]
+  });
+}
+function resolveControlColors(paint, tone, active, hovered) {
+  if (tone === 'end') {
+    return {
+      background: hovered ? paint.endHover : paint.end,
+      foreground: paint.onEnd
+    };
+  }
+  if (tone === 'accept') {
+    return {
+      background: hovered ? paint.acceptHover : paint.accept,
+      foreground: paint.onAccept
+    };
+  }
+  if (active) {
+    return {
+      background: paint.controlActive,
+      foreground: paint.onControlActive
+    };
+  }
+  return {
+    background: hovered ? paint.controlHover : paint.control,
+    foreground: paint.onStage
+  };
+}
+const CallControlButton = exports.CallControlButton = /*#__PURE__*/(0, _react.memo)(CallControlButtonComponent);
+CallControlButton.displayName = 'CallControlButton';
+
+/**
+ * `CallControls`: the row at the foot of a call.
+ *
+ * A control appears when you hand it a HANDLER. There is no `mode` prop and no
+ * `show*` booleans: a voice call passes `onMutedChange` and `onSpeakerChange`,
+ * a video call adds `onVideoChange` and `onFlipCamera`, and the bar is whatever
+ * those add up to. The alternative — a list of what to show, kept in sync with
+ * a list of what to do — is two sources of truth for one row, and the failure
+ * is a button that does nothing.
+ *
+ * `controls` reorders and narrows that set; a key in it with no handler is
+ * still skipped, so it can never put a dead button back.
+ *
+ * The end button is last, always, and it is the one control that is not a
+ * toggle.
+ */
+
+function CallControlsComponent({
+  muted = false,
+  onMutedChange,
+  speaker = false,
+  onSpeakerChange,
+  videoOn = false,
+  onVideoChange,
+  onFlipCamera,
+  screenSharing = false,
+  onScreenShareChange,
+  onAddParticipant,
+  onEndCall,
+  controls,
+  size = 'large',
+  disabled = false,
+  showLabels = false,
+  labels,
+  accentColor,
+  children,
+  style,
+  testID
+}) {
+  const l = (0, _react.useMemo)(() => ({
+    ..._shared.CALL_CONTROL_LABELS,
+    ...labels
+  }), [labels]);
+  const geometry = _shared.CALL_CONTROL_GEOMETRY[size];
+  const byKey = {
+    mute: onMutedChange === undefined ? undefined : {
+      icon: _RiMicLine.RiMicLine,
+      activeIcon: _RiMicOffLine.RiMicOffLine,
+      label: muted ? l.unmute : l.mute,
+      active: muted,
+      onPress: () => onMutedChange(!muted)
+    },
+    video: onVideoChange === undefined ? undefined : {
+      // `active` is "the camera is OFF", so the toggled-on state is the
+      // struck-through glyph — the same shape as mute, where the loud
+      // state is the one that stops sending.
+      icon: _RiVideoOnLine.RiVideoOnLine,
+      activeIcon: _RiVideoOffLine.RiVideoOffLine,
+      label: videoOn ? l.videoOff : l.videoOn,
+      active: !videoOn,
+      onPress: () => onVideoChange(!videoOn)
+    },
+    speaker: onSpeakerChange === undefined ? undefined : {
+      icon: _RiVolumeDownLine.RiVolumeDownLine,
+      activeIcon: _RiVolumeUpLine.RiVolumeUpLine,
+      label: speaker ? l.speakerOff : l.speakerOn,
+      active: speaker,
+      onPress: () => onSpeakerChange(!speaker)
+    },
+    screenShare: onScreenShareChange === undefined ? undefined : {
+      icon: _RiCastLine.RiCastLine,
+      label: screenSharing ? l.screenShareOff : l.screenShareOn,
+      active: screenSharing,
+      onPress: () => onScreenShareChange(!screenSharing)
+    },
+    flipCamera: onFlipCamera === undefined ? undefined : {
+      icon: _RiCameraSwitchLine.RiCameraSwitchLine,
+      label: l.flipCamera,
+      onPress: onFlipCamera
+    },
+    addParticipant: onAddParticipant === undefined ? undefined : {
+      icon: _RiUserAddLine.RiUserAddLine,
+      label: l.addParticipant,
+      onPress: onAddParticipant
+    }
+  };
+  const order = controls ?? _shared.CALL_CONTROL_ORDER;
+  const buttons = order.map(key => [key, byKey[key]]).filter(entry => entry[1] !== undefined);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      justifyContent: 'center',
+      flexWrap: 'wrap',
+      gap: geometry.gap
+    }, style],
+    testID: testID,
+    children: [buttons.map(([key, props]) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CallControlButton, {
+      ...props,
+      size: size,
+      disabled: disabled,
+      showLabel: showLabels,
+      accentColor: accentColor,
+      testID: testID ? `${testID}-${key}` : undefined
+    }, key)), children, onEndCall === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(CallControlButton, {
+      icon: _glyphs.CallEndGlyph,
+      label: l.endCall,
+      tone: "end",
+      size: size,
+      disabled: disabled,
+      showLabel: showLabels,
+      accentColor: accentColor,
+      onPress: onEndCall,
+      testID: testID ? `${testID}-end` : undefined
+    })]
+  });
+}
+const CallControls = exports.CallControls = /*#__PURE__*/(0, _react.memo)(CallControlsComponent);
+CallControls.displayName = 'CallControls';
+//# sourceMappingURL=CallControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useInteractionState","_RiCameraSwitchLine","_RiCastLine","_RiMicLine","_RiMicOffLine","_RiUserAddLine","_RiVideoOffLine","_RiVideoOnLine","_RiVolumeDownLine","_RiVolumeUpLine","_useTheme","_index","_shared","_glyphs","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CallControlButtonComponent","icon","Icon","activeIcon","label","active","tone","size","disabled","onPress","showLabel","badge","accentColor","style","testID","theme","useTheme","paint","useMemo","resolveCallPaint","state","hovered","onIn","onOut","useInteractionState","geometry","CALL_CONTROL_GEOMETRY","Glyph","undefined","background","foreground","resolveControlColors","jsxs","View","alignItems","gap","children","Pressable","role","accessibilityLabel","accessibilityState","selected","onHoverIn","onHoverOut","width","height","borderRadius","justifyContent","backgroundColor","opacity","DISABLED_OPACITY","jsx","glyph","fill","position","top","right","Text","variant","numberOfLines","color","onStageMuted","maxWidth","textAlign","endHover","end","onEnd","acceptHover","accept","onAccept","controlActive","onControlActive","controlHover","control","onStage","CallControlButton","exports","memo","displayName","CallControlsComponent","muted","onMutedChange","speaker","onSpeakerChange","videoOn","onVideoChange","onFlipCamera","screenSharing","onScreenShareChange","onAddParticipant","onEndCall","controls","showLabels","labels","l","CALL_CONTROL_LABELS","byKey","mute","RiMicLine","RiMicOffLine","unmute","video","RiVideoOnLine","RiVideoOffLine","videoOff","RiVolumeDownLine","RiVolumeUpLine","speakerOff","speakerOn","screenShare","RiCastLine","screenShareOff","screenShareOn","flipCamera","RiCameraSwitchLine","addParticipant","RiUserAddLine","order","CALL_CONTROL_ORDER","buttons","map","key","filter","entry","flexDirection","flexWrap","props","CallEndGlyph","endCall","CallControls"],"sourceRoot":"../../../src","sources":["call-ui/CallControls.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CallHistoryList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../divider/index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _CallHistoryRow = require("./CallHistoryRow.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); }
+/**
+ * `CallHistoryList`: the call log, in day sections.
+ *
+ * Section headings are PRE-FORMATTED strings ("Today", "Last week"): deciding
+ * what yesterday means needs a locale and a timezone the app has and a
+ * component does not, and a heading that reads the device clock is wrong for
+ * every user who is not in the timezone the data came from.
+ *
+ * An empty section is dropped rather than drawn with a heading and nothing
+ * under it; `emptyState` covers the case where every section is empty.
+ */
+
+function CallHistoryListComponent({
+  sections,
+  onItemPress,
+  onCallBack,
+  divider = true,
+  emptyState,
+  header,
+  footer,
+  labels,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCallPaint)(theme), [theme]);
+  const filled = sections.filter(section => section.items.length > 0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      gap: 8
+    }, style],
+    testID: testID,
+    children: [header, filled.length === 0 ? emptyState : filled.map(section => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "caption-1-semibold",
+        style: {
+          color: paint.textSecondary,
+          paddingTop: 10,
+          paddingRight: 8,
+          paddingBottom: 4,
+          paddingLeft: 8
+        },
+        testID: testID ? `${testID}-section-${section.id ?? section.title}` : undefined,
+        children: section.title
+      }), section.items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CallHistoryRow.CallHistoryRow, {
+          ...item,
+          labels: item.labels ?? labels,
+          onPress: onItemPress === undefined ? undefined : () => onItemPress(item.id),
+          onCallBack: onCallBack === undefined ? undefined : () => onCallBack(item.id),
+          testID: testID ? `${testID}-item-${item.id}` : undefined
+        }), divider && index < section.items.length - 1 ?
+        /*#__PURE__*/
+        // The inset is PADDING on a wrapper, not a margin on the
+        // rule: `Divider` is `width: '100%'`, so a left margin
+        // pushes it past the list's right edge instead of shortening
+        // it — visible as a hairline escaping the card.
+        (0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            paddingLeft: 64,
+            paddingRight: 8
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Divider, {})
+        }) : null]
+      }, item.id))]
+    }, section.id ?? section.title)), footer]
+  });
+}
+const CallHistoryList = exports.CallHistoryList = /*#__PURE__*/(0, _react.memo)(CallHistoryListComponent);
+CallHistoryList.displayName = 'CallHistoryList';
+//# sourceMappingURL=CallHistoryList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_useTheme","_index2","_CallHistoryRow","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CallHistoryListComponent","sections","onItemPress","onCallBack","divider","emptyState","header","footer","labels","style","testID","theme","useTheme","paint","useMemo","resolveCallPaint","filled","filter","section","items","length","jsxs","View","gap","children","map","jsx","Text","variant","color","textSecondary","paddingTop","paddingRight","paddingBottom","paddingLeft","id","title","undefined","item","index","CallHistoryRow","onPress","Divider","CallHistoryList","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["call-ui/CallHistoryList.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CallHistoryRow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Avatar = require("../avatar/Avatar.js");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _RiArrowLeftDownLine = require("../icons/remix/RiArrowLeftDownLine.js");
+var _RiArrowRightUpLine = require("../icons/remix/RiArrowRightUpLine.js");
+var _RiPhoneLine = require("../icons/remix/RiPhoneLine.js");
+var _RiVideoOnLine = require("../icons/remix/RiVideoOnLine.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); }
+/**
+ * `CallHistoryRow`: one entry in the call log.
+ *
+ *   44 avatar · name (`body-medium`; MISSED and DECLINED are drawn in the
+ *   negative colour, because the log is scanned, not read) · the direction
+ *   glyph and `meta` under it · a call-back button on the right
+ *
+ * DIRECTION IS TWO SIGNALS, NOT ONE. The arrow says which way the call went
+ * (down-left arrived, up-right left) and the COLOUR says whether it connected.
+ * A missed call told apart from a received one by hue alone is a distinction
+ * one reader in twelve cannot make, so the second line names it in words
+ * ("Missed · Yesterday, 18:40") and the row's accessible name carries it too.
+ *
+ * `meta` arrives pre-formatted: the app owns "Yesterday", the locale and how
+ * long 4 minutes 32 seconds is written.
+ */
+
+const DIRECTION_GLYPH = {
+  incoming: _RiArrowLeftDownLine.RiArrowLeftDownLine,
+  outgoing: _RiArrowRightUpLine.RiArrowRightUpLine,
+  missed: _RiArrowLeftDownLine.RiArrowLeftDownLine,
+  declined: _RiArrowRightUpLine.RiArrowRightUpLine
+};
+function CallHistoryRowComponent({
+  name,
+  avatar,
+  avatarVariant,
+  direction,
+  mode = 'voice',
+  meta,
+  count,
+  onPress,
+  onCallBack,
+  selected = false,
+  labels,
+  style,
+  textStyle,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCallPaint)(theme), [theme]);
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const l = {
+    ..._shared.CALL_HISTORY_LABELS,
+    ...labels
+  };
+  const negative = (0, _shared.isNegativeDirection)(direction);
+  const DirectionGlyph = DIRECTION_GLYPH[direction];
+  const CallBackGlyph = mode === 'video' ? _RiVideoOnLine.RiVideoOnLine : _RiPhoneLine.RiPhoneLine;
+  const directionName = l[direction];
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+      source: avatar,
+      variant: avatarVariant,
+      name: name,
+      size: 44
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 4
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          style: [{
+            color: negative ? paint.negative : paint.text,
+            flexShrink: 1
+          }, textStyle],
+          testID: testID ? `${testID}-name` : undefined,
+          children: name
+        }), count === undefined || count <= 1 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "body-2-regular",
+          style: {
+            color: paint.textSecondary
+          },
+          children: `(${count})`
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 5
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DirectionGlyph, {
+          width: 14,
+          height: 14,
+          fill: negative ? paint.negative : paint.textSecondary
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: {
+            color: paint.textSecondary,
+            flexShrink: 1
+          },
+          testID: testID ? `${testID}-meta` : undefined,
+          children: `${directionName} · ${meta}`
+        })]
+      })]
+    })]
+  });
+  const shell = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    flex: 1,
+    minWidth: 0,
+    borderRadius: 12,
+    backgroundColor: selected || hovered && onPress !== undefined ? paint.rowSelected : 'transparent',
+    paddingTop: 8,
+    paddingRight: 8,
+    paddingBottom: 8,
+    paddingLeft: 8
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    }, 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}, ${directionName.toLowerCase()}, ${meta}`,
+      onPress: onPress,
+      onHoverIn: onIn,
+      onHoverOut: onOut,
+      style: shell,
+      testID: testID ? `${testID}-open` : undefined,
+      children: body
+    }), onCallBack === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      role: "button",
+      accessibilityLabel: l.callBack(name),
+      onPress: onCallBack,
+      hitSlop: {
+        top: 8,
+        bottom: 8,
+        left: 8,
+        right: 8
+      },
+      style: {
+        width: 36,
+        height: 36,
+        borderRadius: 18,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      testID: testID ? `${testID}-callback` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CallBackGlyph, {
+        width: 20,
+        height: 20,
+        fill: paint.accent
+      })
+    })]
+  });
+}
+const CallHistoryRow = exports.CallHistoryRow = /*#__PURE__*/(0, _react.memo)(CallHistoryRowComponent);
+CallHistoryRow.displayName = 'CallHistoryRow';
+//# sourceMappingURL=CallHistoryRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Avatar","_useInteractionState","_RiArrowLeftDownLine","_RiArrowRightUpLine","_RiPhoneLine","_RiVideoOnLine","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DIRECTION_GLYPH","incoming","RiArrowLeftDownLine","outgoing","RiArrowRightUpLine","missed","declined","CallHistoryRowComponent","name","avatar","avatarVariant","direction","mode","meta","count","onPress","onCallBack","selected","labels","style","textStyle","testID","theme","useTheme","paint","useMemo","resolveCallPaint","state","hovered","onIn","onOut","useInteractionState","l","CALL_HISTORY_LABELS","negative","isNegativeDirection","DirectionGlyph","CallBackGlyph","RiVideoOnLine","RiPhoneLine","directionName","body","jsxs","Fragment","children","jsx","Avatar","source","variant","size","View","flex","minWidth","gap","flexDirection","alignItems","Text","numberOfLines","color","text","flexShrink","undefined","textSecondary","width","height","fill","shell","borderRadius","backgroundColor","rowSelected","paddingTop","paddingRight","paddingBottom","paddingLeft","Pressable","role","accessibilityLabel","toLowerCase","onHoverIn","onHoverOut","callBack","hitSlop","top","bottom","left","right","justifyContent","accent","CallHistoryRow","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["call-ui/CallHistoryRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAAsF,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAD,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,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;AAGtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMkB,eAAiD,GAAG;EACxDC,QAAQ,EAAEC,wCAAmB;EAC7BC,QAAQ,EAAEC,sCAAkB;EAC5BC,MAAM,EAAEH,wCAAmB;EAC3BI,QAAQ,EAAEF;AACZ,CAAC;AAED,SAASG,uBAAuBA,CAAC;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAa;EACbC,SAAS;EACTC,IAAI,GAAG,OAAO;EACdC,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,UAAU;EACVC,QAAQ,GAAG,KAAK;EAChBC,MAAM;EACNC,KAAK;EACLC,SAAS;EACTC;AACmB,CAAC,EAAE;EACtB,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;IAAEK,KAAK,EAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAC7D,MAAMC,CAAC,GAAG;IAAE,GAAGC,2BAAmB;IAAE,GAAGf;EAAO,CAAC;EAC/C,MAAMgB,QAAQ,GAAG,IAAAC,2BAAmB,EAACxB,SAAS,CAAC;EAC/C,MAAMyB,cAAc,GAAGpC,eAAe,CAACW,SAAS,CAAC;EACjD,MAAM0B,aAAa,GAAGzB,IAAI,KAAK,OAAO,GAAG0B,4BAAa,GAAGC,wBAAW;EACpE,MAAMC,aAAa,GAAGR,CAAC,CAACrB,SAAS,CAAC;EAElC,MAAM8B,IAAI,gBACR,IAAA7D,WAAA,CAAA8D,IAAA,EAAA9D,WAAA,CAAA+D,QAAA;IAAAC,QAAA,gBACE,IAAAhE,WAAA,CAAAiE,GAAA,EAAC1E,OAAA,CAAA2E,MAAM;MAACC,MAAM,EAAEtC,MAAO;MAACuC,OAAO,EAAEtC,aAAc;MAACF,IAAI,EAAEA,IAAK;MAACyC,IAAI,EAAE;IAAG,CAAE,CAAC,eACxE,IAAArE,WAAA,CAAA8D,IAAA,EAACxE,YAAA,CAAAgF,IAAI;MAAC/B,KAAK,EAAE;QAAEgC,IAAI,EAAE,CAAC;QAAEC,QAAQ,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAE,CAAE;MAAAT,QAAA,gBAC5C,IAAAhE,WAAA,CAAA8D,IAAA,EAACxE,YAAA,CAAAgF,IAAI;QAAC/B,KAAK,EAAE;UAAEmC,aAAa,EAAE,KAAK;UAAEC,UAAU,EAAE,QAAQ;UAAEF,GAAG,EAAE;QAAE,CAAE;QAAAT,QAAA,gBAClE,IAAAhE,WAAA,CAAAiE,GAAA,EAACnE,MAAA,CAAA8E,IAAI;UACHR,OAAO,EAAC,aAAa;UACrBS,aAAa,EAAE,CAAE;UACjBtC,KAAK,EAAE,CAAC;YAAEuC,KAAK,EAAExB,QAAQ,GAAGV,KAAK,CAACU,QAAQ,GAAGV,KAAK,CAACmC,IAAI;YAAEC,UAAU,EAAE;UAAE,CAAC,EAAExC,SAAS,CAAE;UACrFC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGwC,SAAU;UAAAjB,QAAA,EAE7CpC;QAAI,CACD,CAAC,EACNM,KAAK,KAAK+C,SAAS,IAAI/C,KAAK,IAAI,CAAC,GAAG,IAAI,gBACvC,IAAAlC,WAAA,CAAAiE,GAAA,EAACnE,MAAA,CAAA8E,IAAI;UAACR,OAAO,EAAC,gBAAgB;UAAC7B,KAAK,EAAE;YAAEuC,KAAK,EAAElC,KAAK,CAACsC;UAAc,CAAE;UAAAlB,QAAA,EAClE,IAAI9B,KAAK;QAAG,CACT,CACP;MAAA,CACG,CAAC,eACP,IAAAlC,WAAA,CAAA8D,IAAA,EAACxE,YAAA,CAAAgF,IAAI;QAAC/B,KAAK,EAAE;UAAEmC,aAAa,EAAE,KAAK;UAAEC,UAAU,EAAE,QAAQ;UAAEF,GAAG,EAAE;QAAE,CAAE;QAAAT,QAAA,gBAClE,IAAAhE,WAAA,CAAAiE,GAAA,EAACT,cAAc;UACb2B,KAAK,EAAE,EAAG;UACVC,MAAM,EAAE,EAAG;UACXC,IAAI,EAAE/B,QAAQ,GAAGV,KAAK,CAACU,QAAQ,GAAGV,KAAK,CAACsC;QAAc,CACvD,CAAC,eACF,IAAAlF,WAAA,CAAAiE,GAAA,EAACnE,MAAA,CAAA8E,IAAI;UACHR,OAAO,EAAC,mBAAmB;UAC3BS,aAAa,EAAE,CAAE;UACjBtC,KAAK,EAAE;YAAEuC,KAAK,EAAElC,KAAK,CAACsC,aAAa;YAAEF,UAAU,EAAE;UAAE,CAAE;UACrDvC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGwC,SAAU;UAAAjB,QAAA,EAE7C,GAAGJ,aAAa,MAAM3B,IAAI;QAAE,CACzB,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CAAC;EAAA,CACP,CACH;EAED,MAAMqD,KAAK,GAAG;IACZZ,aAAa,EAAE,KAAc;IAC7BC,UAAU,EAAE,QAAiB;IAC7BF,GAAG,EAAE,EAAE;IACPF,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,CAAC;IACXe,YAAY,EAAE,EAAE;IAChBC,eAAe,EACbnD,QAAQ,IAAKW,OAAO,IAAIb,OAAO,KAAK8C,SAAU,GAAGrC,KAAK,CAAC6C,WAAW,GAAG,aAAa;IACpFC,UAAU,EAAE,CAAC;IACbC,YAAY,EAAE,CAAC;IACfC,aAAa,EAAE,CAAC;IAChBC,WAAW,EAAE;EACf,CAAC;EAED,oBACE,IAAA7F,WAAA,CAAA8D,IAAA,EAACxE,YAAA,CAAAgF,IAAI;IACH/B,KAAK,EAAE,CAAC;MAAEmC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEF,GAAG,EAAE;IAAE,CAAC,EAAElC,KAAK,CAAE;IACvEE,MAAM,EAAEA,MAAO;IAAAuB,QAAA,GAEd7B,OAAO,KAAK8C,SAAS,gBACpB,IAAAjF,WAAA,CAAAiE,GAAA,EAAC3E,YAAA,CAAAgF,IAAI;MAAC/B,KAAK,EAAE+C,KAAM;MAAAtB,QAAA,EAAEH;IAAI,CAAO,CAAC,gBAEjC,IAAA7D,WAAA,CAAAiE,GAAA,EAAC3E,YAAA,CAAAwG,SAAS;MACRC,IAAI,EAAC,QAAQ;MACbC,kBAAkB,EAAE,GAAGpE,IAAI,KAAKgC,aAAa,CAACqC,WAAW,CAAC,CAAC,KAAKhE,IAAI,EAAG;MACvEE,OAAO,EAAEA,OAAQ;MACjB+D,SAAS,EAAEjD,IAAK;MAChBkD,UAAU,EAAEjD,KAAM;MAClBX,KAAK,EAAE+C,KAAM;MACb7C,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGwC,SAAU;MAAAjB,QAAA,EAE7CH;IAAI,CACI,CACZ,EACAzB,UAAU,KAAK6C,SAAS,GAAG,IAAI,gBAC9B,IAAAjF,WAAA,CAAAiE,GAAA,EAAC3E,YAAA,CAAAwG,SAAS;MACRC,IAAI,EAAC,QAAQ;MACbC,kBAAkB,EAAE5C,CAAC,CAACgD,QAAQ,CAACxE,IAAI,CAAE;MACrCO,OAAO,EAAEC,UAAW;MACpBiE,OAAO,EAAE;QAAEC,GAAG,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEC,IAAI,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAE,CAAE;MAClDlE,KAAK,EAAE;QACL4C,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVG,YAAY,EAAE,EAAE;QAChBZ,UAAU,EAAE,QAAQ;QACpB+B,cAAc,EAAE;MAClB,CAAE;MACFjE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAW,GAAGwC,SAAU;MAAAjB,QAAA,eAElD,IAAAhE,WAAA,CAAAiE,GAAA,EAACR,aAAa;QAAC0B,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE,EAAG;QAACC,IAAI,EAAEzC,KAAK,CAAC+D;MAAO,CAAE;IAAC,CACnD,CACZ;EAAA,CACG,CAAC;AAEX;AAEO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,WAAI,EAACnF,uBAAuB,CAAC;AAC3DiF,cAAc,CAACG,WAAW,GAAG,gBAAgB","ignoreList":[]}