@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/chat-people/NewGroupForm.js

@@ -0,0 +1,225 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NewGroupForm = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Avatar = require("../avatar/Avatar.js");
+var _button = require("../button");
+var _RiCameraLine = require("../icons/remix/RiCameraLine.js");
+var _RiCloseLine = require("../icons/remix/RiCloseLine.js");
+var _RiUserAddLine = require("../icons/remix/RiUserAddLine.js");
+var _index = require("../text-field/index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = 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); }
+/**
+ * `NewGroupForm`: the sheet that turns a pile of selected people into a group.
+ *
+ *   photo   a 72px round picker — the picked image, or a camera glyph on the
+ *           accent-tinted fill
+ *   name    a field with a live `12/64` counter, the input's own `maxLength`
+ *           set to the same number
+ *   about   an optional multi-line field
+ *   members the chosen people, each removable, over an "Add members" row
+ *
+ * The COUNTER and the LIMIT are one number. Setting `maxLength` on the input
+ * and drawing a denominator from a different constant is how a counter ends up
+ * saying 64 while the field stops at 50, and nothing catches it: both halves
+ * look right on their own.
+ *
+ * The counter goes amber at 90%, not at 100%. The input has already stopped
+ * accepting characters by then, so a warning that arrives at the limit is
+ * telling the user about something that has already happened.
+ */
+
+const PHOTO = 72;
+function NewGroupFormComponent({
+  photo,
+  photoVariant,
+  onPickPhoto,
+  name,
+  onNameChange,
+  nameMaxLength = 64,
+  description,
+  onDescriptionChange,
+  descriptionMaxLength = 255,
+  members = [],
+  onRemoveMember,
+  onAddMembers,
+  labels,
+  children,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveChatPeoplePaint)(theme), [theme]);
+  const l = {
+    ..._shared.NEW_GROUP_LABELS,
+    ...labels
+  };
+  const tone = (0, _shared.nameCounterTone)(name.length, nameMaxLength);
+  const counterColor = tone === 'over' ? paint.negative : tone === 'warn' ? paint.owner : paint.textTertiary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      gap: 20
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 16
+      },
+      children: [onPickPhoto === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        role: "button",
+        accessibilityLabel: l.photo,
+        onPress: onPickPhoto,
+        style: {
+          width: PHOTO,
+          height: PHOTO,
+          borderRadius: PHOTO / 2,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: paint.accentSubtle,
+          overflow: 'hidden'
+        },
+        testID: testID ? `${testID}-photo` : undefined,
+        children: photo === undefined || photo === null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCameraLine.RiCameraLine, {
+          width: 26,
+          height: 26,
+          fill: paint.onAccentSubtle
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+          source: photo,
+          variant: photoVariant,
+          name: "",
+          size: PHOTO
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 6
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TextFieldInput, {
+          label: l.name,
+          placeholder: l.namePlaceholder,
+          value: name,
+          onChangeText: onNameChange,
+          maxLength: nameMaxLength,
+          testID: testID ? `${testID}-name` : undefined
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "caption-1-regular",
+          style: {
+            color: counterColor,
+            alignSelf: 'flex-end',
+            fontVariant: ['tabular-nums']
+          },
+          testID: testID ? `${testID}-counter` : undefined,
+          children: `${name.length}/${nameMaxLength}`
+        })]
+      })]
+    }), onDescriptionChange === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TextFieldInput, {
+      label: l.description,
+      placeholder: l.descriptionPlaceholder,
+      value: description ?? '',
+      onChangeText: onDescriptionChange,
+      maxLength: descriptionMaxLength,
+      multiline: true,
+      numberOfLines: 3,
+      testID: testID ? `${testID}-description` : undefined
+    }), children, members.length === 0 && onAddMembers === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 6
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "caption-1-semibold",
+        style: {
+          color: paint.textSecondary,
+          paddingLeft: 4
+        },
+        testID: testID ? `${testID}-members-title` : undefined,
+        children: l.members(members.length)
+      }), onAddMembers === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          alignItems: 'flex-start'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+          variant: "text",
+          size: "small",
+          leadingIcon: _RiUserAddLine.RiUserAddLine,
+          onPress: onAddMembers,
+          testID: testID ? `${testID}-add` : undefined,
+          children: l.addMembers
+        })
+      }), members.map(member => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 12,
+          paddingTop: 6,
+          paddingRight: 8,
+          paddingBottom: 6,
+          paddingLeft: 4
+        },
+        testID: testID ? `${testID}-member-${member.id}` : undefined,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+          source: member.avatar,
+          variant: member.avatarVariant,
+          name: member.name,
+          size: 36
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flex: 1,
+            minWidth: 0
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            variant: "body-medium",
+            numberOfLines: 1,
+            style: {
+              color: paint.text
+            },
+            children: member.name
+          }), member.subtitle === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            variant: "caption-1-regular",
+            numberOfLines: 1,
+            style: {
+              color: paint.textSecondary
+            },
+            children: member.subtitle
+          })]
+        }), onRemoveMember === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          role: "button",
+          accessibilityLabel: l.remove(member.name),
+          onPress: () => onRemoveMember(member.id),
+          hitSlop: {
+            top: 8,
+            bottom: 8,
+            left: 8,
+            right: 8
+          },
+          style: {
+            width: 28,
+            height: 28,
+            borderRadius: 14,
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          testID: testID ? `${testID}-remove-${member.id}` : undefined,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCloseLine.RiCloseLine, {
+            width: 16,
+            height: 16,
+            fill: paint.textSecondary
+          })
+        })]
+      }, member.id))]
+    })]
+  });
+}
+const NewGroupForm = exports.NewGroupForm = /*#__PURE__*/(0, _react.memo)(NewGroupFormComponent);
+NewGroupForm.displayName = 'NewGroupForm';
+//# sourceMappingURL=NewGroupForm.js.map

package/lib/commonjs/chat-people/NewGroupForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Avatar","_button","_RiCameraLine","_RiCloseLine","_RiUserAddLine","_index","_useTheme","_index2","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PHOTO","NewGroupFormComponent","photo","photoVariant","onPickPhoto","name","onNameChange","nameMaxLength","description","onDescriptionChange","descriptionMaxLength","members","onRemoveMember","onAddMembers","labels","children","style","testID","theme","useTheme","paint","useMemo","resolveChatPeoplePaint","l","NEW_GROUP_LABELS","tone","nameCounterTone","length","counterColor","negative","owner","textTertiary","jsxs","View","gap","flexDirection","alignItems","undefined","jsx","Pressable","role","accessibilityLabel","onPress","width","height","borderRadius","justifyContent","backgroundColor","accentSubtle","overflow","RiCameraLine","fill","onAccentSubtle","Avatar","source","variant","size","flex","minWidth","TextFieldInput","label","placeholder","namePlaceholder","value","onChangeText","maxLength","Text","color","alignSelf","fontVariant","descriptionPlaceholder","multiline","numberOfLines","textSecondary","paddingLeft","Button","leadingIcon","RiUserAddLine","addMembers","map","member","paddingTop","paddingRight","paddingBottom","id","avatar","avatarVariant","text","subtitle","remove","hitSlop","top","bottom","left","right","RiCloseLine","NewGroupForm","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-people/NewGroupForm.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat-people/SelectedChipsRow.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectedChipsRow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Avatar = require("../avatar/Avatar.js");
+var _RiCloseLine = require("../icons/remix/RiCloseLine.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); }
+/**
+ * `SelectedChipsRow`: the people already picked, above the search field.
+ *
+ *   one 32-tall pill each — 24 avatar, the name in `body-2-medium`, a × button
+ *   layout="scroll"  one row that scrolls sideways (the default): a picker
+ *                    whose chip row grows downwards pushes the field and the
+ *                    list it is filtering off the screen as you type
+ *   layout="wrap"    every chip visible, for a sheet that has the room
+ *
+ * The × is its OWN button inside the chip, named "Remove <name>". The chip
+ * itself is not pressable: there is nothing else it could do, and a chip that
+ * removes on any press removes people who were only being read.
+ */
+
+const CHIP_HEIGHT = 32;
+function PersonChip({
+  person,
+  onRemove,
+  removeLabel,
+  paint,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6,
+      height: CHIP_HEIGHT,
+      borderRadius: CHIP_HEIGHT / 2,
+      backgroundColor: paint.chip,
+      paddingTop: 0,
+      paddingRight: onRemove === undefined ? 12 : 4,
+      paddingBottom: 0,
+      paddingLeft: 4,
+      maxWidth: 200
+    },
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+      source: person.avatar,
+      variant: person.avatarVariant,
+      name: person.name,
+      size: 24
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "body-2-medium",
+      numberOfLines: 1,
+      style: {
+        color: paint.onChip,
+        flexShrink: 1
+      },
+      children: person.name
+    }), onRemove === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      role: "button",
+      accessibilityLabel: removeLabel,
+      onPress: onRemove,
+      hitSlop: {
+        top: 6,
+        bottom: 6,
+        left: 4,
+        right: 6
+      },
+      style: {
+        width: 24,
+        height: 24,
+        borderRadius: 12,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      testID: testID ? `${testID}-remove` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCloseLine.RiCloseLine, {
+        width: 14,
+        height: 14,
+        fill: paint.textSecondary
+      })
+    })]
+  });
+}
+function SelectedChipsRowComponent({
+  people,
+  onRemove,
+  layout = 'scroll',
+  formatRemoveLabel,
+  emptyState,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveChatPeoplePaint)(theme), [theme]);
+  const removeLabel = formatRemoveLabel ?? (name => `Remove ${name}`);
+  if (people.length === 0) {
+    return emptyState === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: style,
+      testID: testID,
+      children: emptyState
+    });
+  }
+  const chips = people.map(person => /*#__PURE__*/(0, _jsxRuntime.jsx)(PersonChip, {
+    person: person,
+    paint: paint,
+    removeLabel: removeLabel(person.name),
+    onRemove: onRemove === undefined ? undefined : () => onRemove(person.id),
+    testID: testID ? `${testID}-chip-${person.id}` : undefined
+  }, person.id));
+  if (layout === 'wrap') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [{
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 8
+      }, style],
+      testID: testID,
+      children: chips
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    style: style,
+    contentContainerStyle: {
+      flexDirection: 'row',
+      gap: 8,
+      paddingRight: 4,
+      paddingLeft: 4
+    },
+    testID: testID,
+    children: chips
+  });
+}
+const SelectedChipsRow = exports.SelectedChipsRow = /*#__PURE__*/(0, _react.memo)(SelectedChipsRowComponent);
+SelectedChipsRow.displayName = 'SelectedChipsRow';
+//# sourceMappingURL=SelectedChipsRow.js.map

package/lib/commonjs/chat-people/SelectedChipsRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Avatar","_RiCloseLine","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CHIP_HEIGHT","PersonChip","person","onRemove","removeLabel","paint","testID","jsxs","View","style","flexDirection","alignItems","gap","height","borderRadius","backgroundColor","chip","paddingTop","paddingRight","undefined","paddingBottom","paddingLeft","maxWidth","children","jsx","Avatar","source","avatar","variant","avatarVariant","name","size","Text","numberOfLines","color","onChip","flexShrink","Pressable","role","accessibilityLabel","onPress","hitSlop","top","bottom","left","right","width","justifyContent","RiCloseLine","fill","textSecondary","SelectedChipsRowComponent","people","layout","formatRemoveLabel","emptyState","theme","useTheme","useMemo","resolveChatPeoplePaint","length","chips","map","id","flexWrap","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","SelectedChipsRow","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-people/SelectedChipsRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat-people/StoryProgressBars.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoryProgressBars = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _useTheme = require("../theme/use-theme.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); }
+/**
+ * `StoryProgressBars`: the segmented strip at the top of a story.
+ *
+ * One bar per story, equal width. Everything BEFORE the current one is full,
+ * everything after it is empty, and only the current one moves — which is
+ * `storyProgressFill(bar, index, progress)`, a pure function of three numbers,
+ * so the maths is tested without rendering anything. Writing it per-segment
+ * inside the map is how a viewer ends up drawing an empty bar for a story the
+ * user has already watched: a segment knows its own position and nothing about
+ * the sequence.
+ *
+ * TWO MODES, and the difference is who owns the clock:
+ *   - `progress` given: CONTROLLED. The strip draws what it is told and runs
+ *     no timer, for an app already driving a video's playback.
+ *   - `progress` omitted: the strip animates 0→1 over `duration` and calls
+ *     `onComplete`. `paused` freezes it where it is.
+ *
+ * REDUCED MOTION stops the ANIMATION, not the story. The bar jumps to full and
+ * the `onComplete` timer still runs, so a story set still advances — a viewer
+ * that stops advancing under reduced motion strands the user on story one with
+ * no indication that anything is meant to happen.
+ */
+
+const HEIGHT = 3;
+function Bar({
+  fill,
+  animate,
+  duration,
+  paused,
+  color,
+  trackColor,
+  height,
+  reduced,
+  restartKey,
+  testID
+}) {
+  const value = (0, _reactNativeReanimated.useSharedValue)(animate ? 0 : fill);
+
+  // Rewind FIRST, on the story changing and nothing else. Without it, stepping
+  // BACKWARDS hands the animating effect a bar that is already at 1 — remaining
+  // duration zero — so the previous story completes the instant it is reopened.
+  (0, _react.useEffect)(() => {
+    if (animate) value.value = 0;
+  }, [restartKey, animate, value]);
+  (0, _react.useEffect)(() => {
+    if (!animate) {
+      value.value = fill;
+      return;
+    }
+    if (reduced) {
+      value.value = 1;
+      return;
+    }
+    if (paused) {
+      (0, _reactNativeReanimated.cancelAnimation)(value);
+      return;
+    }
+    const remaining = Math.max(0, duration * (1 - value.value));
+    value.value = (0, _reactNativeReanimated.withTiming)(1, {
+      duration: remaining,
+      easing: _reactNativeReanimated.Easing.linear
+    });
+  }, [animate, duration, fill, paused, reduced, restartKey, value]);
+  const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    width: `${Math.min(100, Math.max(0, value.value * 100))}%`
+  }), [value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      flex: 1,
+      height,
+      borderRadius: height / 2,
+      backgroundColor: trackColor,
+      overflow: 'hidden'
+    },
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [{
+        height,
+        borderRadius: height / 2,
+        backgroundColor: color
+      }, style]
+    })
+  });
+}
+function StoryProgressBarsComponent({
+  count,
+  index,
+  progress,
+  duration = _shared.STORY_DURATION_MS,
+  paused = false,
+  onComplete,
+  height = HEIGHT,
+  gap = 4,
+  color,
+  trackColor,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveChatPeoplePaint)(theme), [theme]);
+  const reduced = (0, _reactNativeReanimated.useReducedMotion)();
+  const controlled = progress !== undefined;
+  const bars = Math.max(0, Math.floor(count));
+  const [restartKey, setRestartKey] = (0, _react.useState)(0);
+  const completeRef = (0, _react.useRef)(onComplete);
+  completeRef.current = onComplete;
+
+  // Restarting is keyed on the STORY, not on a render: a parent re-rendering
+  // for any reason must not put the current bar back to zero.
+  (0, _react.useEffect)(() => {
+    setRestartKey(n => n + 1);
+  }, [index, count]);
+  (0, _react.useEffect)(() => {
+    if (controlled || paused || bars === 0) return undefined;
+    const timer = setTimeout(() => completeRef.current?.(), duration);
+    return () => clearTimeout(timer);
+  }, [controlled, paused, duration, bars, restartKey]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessibilityLabel: accessibilityLabel ?? _shared.STORY_VIEWER_LABELS.progress(index, bars),
+    style: [{
+      flexDirection: 'row',
+      gap
+    }, style],
+    testID: testID,
+    children: Array.from({
+      length: bars
+    }, (_, bar) => {
+      const fill = (0, _shared.storyProgressFill)(bar, index, progress ?? 0);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, {
+        fill: fill,
+        animate: !controlled && bar === index,
+        duration: duration,
+        paused: paused,
+        reduced: reduced,
+        restartKey: restartKey,
+        color: color ?? paint.onStage,
+        trackColor: trackColor ?? paint.stageTrack,
+        height: height,
+        testID: testID ? `${testID}-bar-${bar}` : undefined
+      }, bar);
+    })
+  });
+}
+const StoryProgressBars = exports.StoryProgressBars = /*#__PURE__*/(0, _react.memo)(StoryProgressBarsComponent);
+StoryProgressBars.displayName = 'StoryProgressBars';
+//# sourceMappingURL=StoryProgressBars.js.map

package/lib/commonjs/chat-people/StoryProgressBars.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useTheme","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HEIGHT","Bar","fill","animate","duration","paused","color","trackColor","height","reduced","restartKey","testID","value","useSharedValue","useEffect","cancelAnimation","remaining","Math","max","withTiming","easing","Easing","linear","style","useAnimatedStyle","width","min","jsx","View","flex","borderRadius","backgroundColor","overflow","children","StoryProgressBarsComponent","count","index","progress","STORY_DURATION_MS","onComplete","gap","accessibilityLabel","theme","useTheme","paint","useMemo","resolveChatPeoplePaint","useReducedMotion","controlled","undefined","bars","floor","setRestartKey","useState","completeRef","useRef","current","timer","setTimeout","clearTimeout","STORY_VIEWER_LABELS","flexDirection","Array","from","length","_","bar","storyProgressFill","onStage","stageTrack","StoryProgressBars","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-people/StoryProgressBars.tsx"],"mappings":"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","ignoreList":[]}