stream-chat-react-native-core 9.3.0 → 9.3.1-beta.10

package/lib/module/components/Poll/components/CreatePollOptions.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CreatePollOptions = exports.CreatePollOption = void 0;
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
@@ -17,24 +16,20 @@ var _minusCircle = require("../../../icons/minus-circle");
 var _reorder = require("../../../icons/reorder");
 var _theme = require("../../../theme");
 var _jsxRuntime = require("react/jsx-runtime");
-var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Poll/components/CreatePollOptions.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var runAfterNextPaint = function runAfterNextPaint(cb) {
-  requestAnimationFrame(function () {
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Poll/components/CreatePollOptions.tsx";
+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 (var _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); }
+var runAfterNextPaint = cb => {
+  requestAnimationFrame(() => {
     requestAnimationFrame(cb);
   });
 };
-var recalculatePositionCache = function recalculatePositionCache(inverseIndexCache, positionCache, gap) {
+var recalculatePositionCache = (inverseIndexCache, positionCache, gap) => {
   'worklet';
 
-  var updatedPositionCache = Object.assign({}, positionCache);
-  var indices = Object.keys(inverseIndexCache).map(function (key) {
-    return Number(key);
-  }).sort(function (a, b) {
-    return a - b;
-  });
+  var updatedPositionCache = {
+    ...positionCache
+  };
+  var indices = Object.keys(inverseIndexCache).map(key => Number(key)).sort((a, b) => a - b);
   var runningTop = 0;
   for (var i = 0; i < indices.length; i++) {
     var index = indices[i];
@@ -44,11 +39,12 @@ var recalculatePositionCache = function recalculatePositionCache(inverseIndexCac
       continue;
     }
     var updatedHeight = currentPosition && Number.isFinite(currentPosition.updatedHeight) && currentPosition.updatedHeight > 0 ? currentPosition.updatedHeight : 0;
-    updatedPositionCache[optionId] = Object.assign({}, currentPosition != null ? currentPosition : {}, {
-      updatedHeight: updatedHeight,
+    updatedPositionCache[optionId] = {
+      ...(currentPosition ?? {}),
+      updatedHeight,
       updatedIndex: index,
       updatedTop: runningTop
-    });
+    };
     runningTop += updatedHeight + (i === indices.length - 1 ? 0 : gap);
   }
   return {
@@ -56,14 +52,10 @@ var recalculatePositionCache = function recalculatePositionCache(inverseIndexCac
     totalHeight: runningTop
   };
 };
-var findTargetIndex = function findTargetIndex(inverseIndexCache, positionCache, currentIndex, draggedTop, draggedBottom, translationY) {
+var findTargetIndex = (inverseIndexCache, positionCache, currentIndex, draggedTop, draggedBottom, translationY) => {
   'worklet';
 
-  var indices = Object.keys(inverseIndexCache).map(function (key) {
-    return Number(key);
-  }).sort(function (a, b) {
-    return a - b;
-  });
+  var indices = Object.keys(inverseIndexCache).map(key => Number(key)).sort((a, b) => a - b);
   if (!indices.length) {
     return 0;
   }
@@ -107,14 +99,8 @@ var findTargetIndex = function findTargetIndex(inverseIndexCache, positionCache,
   }
   return targetIndex;
 };
-var getSortedIndices = function getSortedIndices(inverseIndexCache) {
-  return Object.keys(inverseIndexCache).map(function (key) {
-    return Number(key);
-  }).sort(function (a, b) {
-    return a - b;
-  });
-};
-var reconcileInverseIndexCacheWithOptionIds = function reconcileInverseIndexCacheWithOptionIds(inverseIndexCache, latestOptionIds) {
+var getSortedIndices = inverseIndexCache => Object.keys(inverseIndexCache).map(key => Number(key)).sort((a, b) => a - b);
+var reconcileInverseIndexCacheWithOptionIds = (inverseIndexCache, latestOptionIds) => {
   var existingOrder = [];
   var latestIdSet = new Set(latestOptionIds);
   var sortedIndices = getSortedIndices(inverseIndexCache);
@@ -126,24 +112,18 @@ var reconcileInverseIndexCacheWithOptionIds = function reconcileInverseIndexCach
     existingOrder.push(optionId);
   }
   var existingIdSet = new Set(existingOrder);
-  var missingOptionIds = latestOptionIds.filter(function (id) {
-    return !existingIdSet.has(id);
-  });
-  var nextOrder = [].concat(existingOrder, (0, _toConsumableArray2.default)(missingOptionIds));
+  var missingOptionIds = latestOptionIds.filter(id => !existingIdSet.has(id));
+  var nextOrder = [...existingOrder, ...missingOptionIds];
   var nextInverse = {};
   for (var _i = 0; _i < nextOrder.length; _i++) {
     nextInverse[_i] = nextOrder[_i];
   }
   return nextInverse;
 };
-var reorderInverseIndexCache = function reorderInverseIndexCache(inverseIndexCache, draggedItemId, targetIndex) {
+var reorderInverseIndexCache = (inverseIndexCache, draggedItemId, targetIndex) => {
   'worklet';
 
-  var indices = Object.keys(inverseIndexCache).map(function (key) {
-    return Number(key);
-  }).sort(function (a, b) {
-    return a - b;
-  });
+  var indices = Object.keys(inverseIndexCache).map(key => Number(key)).sort((a, b) => a - b);
   var orderedIds = [];
   for (var i = 0; i < indices.length; i++) {
     var optionId = inverseIndexCache[indices[i]];
@@ -160,12 +140,8 @@ var reorderInverseIndexCache = function reorderInverseIndexCache(inverseIndexCac
   }
   return nextInverse;
 };
-var getFallbackTopForIndex = function getFallbackTopForIndex(index, positionCache, gap) {
-  var knownPositions = Object.values(positionCache).filter(function (position) {
-    return Number.isFinite(position.updatedIndex) && position.updatedIndex >= 0 && Number.isFinite(position.updatedHeight) && position.updatedHeight >= 0;
-  }).sort(function (a, b) {
-    return a.updatedIndex - b.updatedIndex;
-  });
+var getFallbackTopForIndex = (index, positionCache, gap) => {
+  var knownPositions = Object.values(positionCache).filter(position => Number.isFinite(position.updatedIndex) && position.updatedIndex >= 0 && Number.isFinite(position.updatedHeight) && position.updatedHeight >= 0).sort((a, b) => a.updatedIndex - b.updatedIndex);
   var runningTop = 0;
   for (var i = 0; i < knownPositions.length; i++) {
     if (knownPositions[i].updatedIndex >= index) {
@@ -175,63 +151,50 @@ var getFallbackTopForIndex = function getFallbackTopForIndex(index, positionCach
   }
   return runningTop;
 };
-var CreatePollOption = exports.CreatePollOption = function CreatePollOption(_ref) {
-  var _currentOptionPositio, _currentOptionPositio2;
-  var optionsCount = _ref.optionsCount,
-    currentOptionPositions = _ref.currentOptionPositions,
-    draggedItemId = _ref.draggedItemId,
-    error = _ref.error,
-    handleBlur = _ref.handleBlur,
-    handleChangeText = _ref.handleChangeText,
-    index = _ref.index,
-    isDragging = _ref.isDragging,
-    optionId = _ref.optionId,
-    onOptionLayout = _ref.onOptionLayout,
-    onNewOrder = _ref.onNewOrder,
-    onRemoveOption = _ref.onRemoveOption;
+var CreatePollOption = ({
+  optionsCount,
+  currentOptionPositions,
+  draggedItemId,
+  error,
+  handleBlur,
+  handleChangeText,
+  index,
+  isDragging,
+  optionId,
+  onOptionLayout,
+  onNewOrder,
+  onRemoveOption
+}) => {
   var _useTranslationContex = (0, _contexts.useTranslationContext)(),
     t = _useTranslationContex.t;
   var _useCreatePollContent = (0, _contexts.useCreatePollContentContext)(),
     _useCreatePollContent2 = _useCreatePollContent.createPollOptionGap,
     createPollOptionGap = _useCreatePollContent2 === void 0 ? 8 : _useCreatePollContent2;
   var normalizedCreatePollOptionGap = Number.isFinite(createPollOptionGap) && createPollOptionGap > 0 ? createPollOptionGap : 0;
-  var initialTop = (_currentOptionPositio = (_currentOptionPositio2 = currentOptionPositions.value.positionCache[optionId]) == null ? void 0 : _currentOptionPositio2.updatedTop) != null ? _currentOptionPositio : getFallbackTopForIndex(index, currentOptionPositions.value.positionCache, normalizedCreatePollOptionGap);
+  var initialTop = currentOptionPositions.value.positionCache[optionId]?.updatedTop ?? getFallbackTopForIndex(index, currentOptionPositions.value.positionCache, normalizedCreatePollOptionGap);
   var top = (0, _reactNativeReanimated.useSharedValue)(initialTop);
   var optionContainerRef = (0, _react.useRef)(null);
   var isMeasurementScheduledRef = (0, _react.useRef)(false);
-  var isDraggingDerived = (0, _reactNativeReanimated.useDerivedValue)(function () {
-    return isDragging.value;
-  });
-  var draggedItemIdDerived = (0, _reactNativeReanimated.useDerivedValue)(function () {
-    return draggedItemId.value;
-  });
-  var isCurrentDraggingItem = (0, _reactNativeReanimated.useDerivedValue)(function () {
-    return isDraggingDerived.value && draggedItemIdDerived.value === optionId;
-  });
-  var animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
-    return {
-      top: top.value,
-      transform: [{
-        scale: isCurrentDraggingItem.value ? (0, _reactNativeReanimated.interpolate)(isDraggingDerived.value, [0, 1], [1, 1.025]) : (0, _reactNativeReanimated.interpolate)(isDraggingDerived.value, [0, 1], [1, 0.98])
-      }]
-    };
-  });
-  var currentOptionPositionsDerived = (0, _reactNativeReanimated.useDerivedValue)(function () {
-    return currentOptionPositions.value;
-  });
+  var isDraggingDerived = (0, _reactNativeReanimated.useDerivedValue)(() => isDragging.value);
+  var draggedItemIdDerived = (0, _reactNativeReanimated.useDerivedValue)(() => draggedItemId.value);
+  var isCurrentDraggingItem = (0, _reactNativeReanimated.useDerivedValue)(() => isDraggingDerived.value && draggedItemIdDerived.value === optionId);
+  var animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    top: top.value,
+    transform: [{
+      scale: isCurrentDraggingItem.value ? (0, _reactNativeReanimated.interpolate)(isDraggingDerived.value, [0, 1], [1, 1.025]) : (0, _reactNativeReanimated.interpolate)(isDraggingDerived.value, [0, 1], [1, 0.98])
+    }]
+  }));
+  var currentOptionPositionsDerived = (0, _reactNativeReanimated.useDerivedValue)(() => currentOptionPositions.value);
   var newIndex = (0, _reactNativeReanimated.useSharedValue)(null);
   var currentIndex = (0, _reactNativeReanimated.useSharedValue)(null);
   var dragStartTop = (0, _reactNativeReanimated.useSharedValue)(0);
   var previousDragTop = (0, _reactNativeReanimated.useSharedValue)(0);
-  (0, _reactNativeReanimated.useAnimatedReaction)(function () {
-    var _currentOptionPositio3, _currentOptionPositio4;
-    return (_currentOptionPositio3 = (_currentOptionPositio4 = currentOptionPositionsDerived.value.positionCache[optionId]) == null ? void 0 : _currentOptionPositio4.updatedTop) != null ? _currentOptionPositio3 : 0;
-  }, function (currentValue, previousValue) {
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => currentOptionPositionsDerived.value.positionCache[optionId]?.updatedTop ?? 0, (currentValue, previousValue) => {
     if (currentValue !== previousValue && !isCurrentDraggingItem.value) {
       top.value = (0, _reactNativeReanimated.withSpring)(currentValue);
     }
   });
-  var gesture = _reactNativeGestureHandler.Gesture.Pan().onStart(function () {
+  var gesture = _reactNativeGestureHandler.Gesture.Pan().onStart(() => {
     var currentPosition = currentOptionPositionsDerived.value.positionCache[optionId];
     if (!currentPosition) {
       return;
@@ -241,11 +204,11 @@ var CreatePollOption = exports.CreatePollOption = function CreatePollOption(_ref
     currentIndex.value = currentPosition.updatedIndex;
     dragStartTop.value = currentPosition.updatedTop;
     previousDragTop.value = currentPosition.updatedTop;
-  }).onUpdate(function (e) {
-    var _currentOptionPositio5 = currentOptionPositionsDerived.value,
-      inverseIndexCache = _currentOptionPositio5.inverseIndexCache,
-      positionCache = _currentOptionPositio5.positionCache,
-      totalHeight = _currentOptionPositio5.totalHeight;
+  }).onUpdate(e => {
+    var _currentOptionPositio = currentOptionPositionsDerived.value,
+      inverseIndexCache = _currentOptionPositio.inverseIndexCache,
+      positionCache = _currentOptionPositio.positionCache,
+      totalHeight = _currentOptionPositio.totalHeight;
     if (draggedItemIdDerived.value === null || currentIndex.value === null) {
       return;
     }
@@ -274,19 +237,18 @@ var CreatePollOption = exports.CreatePollOption = function CreatePollOption(_ref
       };
       currentIndex.value = newIndex.value;
     }
-  }).onEnd(function () {
-    var _positionCache$curren;
-    var _currentOptionPositio6 = currentOptionPositionsDerived.value,
-      inverseIndexCache = _currentOptionPositio6.inverseIndexCache,
-      positionCache = _currentOptionPositio6.positionCache;
+  }).onEnd(() => {
+    var _currentOptionPositio2 = currentOptionPositionsDerived.value,
+      inverseIndexCache = _currentOptionPositio2.inverseIndexCache,
+      positionCache = _currentOptionPositio2.positionCache;
     if (currentIndex.value === null) {
       isDragging.value = (0, _reactNativeReanimated.withDelay)(200, (0, _reactNativeReanimated.withSpring)(0));
       draggedItemId.value = null;
       return;
     }
     var currentDragIndexItemKey = inverseIndexCache[currentIndex.value];
-    var currentDragTop = currentDragIndexItemKey !== undefined ? (_positionCache$curren = positionCache[currentDragIndexItemKey]) == null ? void 0 : _positionCache$curren.updatedTop : undefined;
-    top.value = (0, _reactNativeReanimated.withSpring)(currentDragTop != null ? currentDragTop : top.value);
+    var currentDragTop = currentDragIndexItemKey !== undefined ? positionCache[currentDragIndexItemKey]?.updatedTop : undefined;
+    top.value = (0, _reactNativeReanimated.withSpring)(currentDragTop ?? top.value);
     isDragging.value = (0, _reactNativeReanimated.withDelay)(200, (0, _reactNativeReanimated.withSpring)(0));
     draggedItemId.value = null;
     currentIndex.value = null;
@@ -298,27 +260,27 @@ var CreatePollOption = exports.CreatePollOption = function CreatePollOption(_ref
     optionStyle = _useTheme$theme.poll.createContent.pollOptions.optionStyle,
     semantics = _useTheme$theme.semantics;
   var styles = useStyles();
-  var onChangeTextHandler = (0, _react.useCallback)(function (newText) {
+  var onChangeTextHandler = (0, _react.useCallback)(newText => {
     handleChangeText(newText, index);
   }, [handleChangeText, index]);
-  var onRemoveOptionHandler = (0, _react.useCallback)(function () {
+  var onRemoveOptionHandler = (0, _react.useCallback)(() => {
     onRemoveOption(optionId);
   }, [onRemoveOption, optionId]);
-  var onLayoutHandler = (0, _react.useCallback)(function (event) {
+  var onLayoutHandler = (0, _react.useCallback)(event => {
     onOptionLayout(optionId, event.nativeEvent.layout.height);
   }, [onOptionLayout, optionId]);
-  var measureOptionHeight = (0, _react.useCallback)(function () {
+  var measureOptionHeight = (0, _react.useCallback)(() => {
     if (isMeasurementScheduledRef.current) {
       return;
     }
     isMeasurementScheduledRef.current = true;
-    runAfterNextPaint(function () {
+    runAfterNextPaint(() => {
       var currentOptionContainer = optionContainerRef.current;
       if (!currentOptionContainer) {
         isMeasurementScheduledRef.current = false;
         return;
       }
-      currentOptionContainer.measure(function (_x, _y, _width, height) {
+      currentOptionContainer.measure((_x, _y, _width, height) => {
         isMeasurementScheduledRef.current = false;
         if (Number.isFinite(height) && height > 0) {
           onOptionLayout(optionId, height);
@@ -326,10 +288,10 @@ var CreatePollOption = exports.CreatePollOption = function CreatePollOption(_ref
       });
     });
   }, [onOptionLayout, optionId]);
-  var onErrorLayoutHandler = (0, _react.useCallback)(function () {
+  var onErrorLayoutHandler = (0, _react.useCallback)(() => {
     measureOptionHeight();
   }, [measureOptionHeight]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     measureOptionHeight();
   }, [error, measureOptionHeight, optionsCount]);
   return (0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
@@ -378,15 +340,15 @@ var CreatePollOption = exports.CreatePollOption = function CreatePollOption(_ref
     }) : null]
   });
 };
+exports.CreatePollOption = CreatePollOption;
 var MemoizedCreatePollOption = _react.default.memo(CreatePollOption);
-var pollComposerStateSelector = function pollComposerStateSelector(state) {
-  return {
-    errors: state.errors.options,
-    options: state.data.options
-  };
-};
-var CreatePollOptions = exports.CreatePollOptions = function CreatePollOptions(_ref2) {
-  var currentOptionPositions = _ref2.currentOptionPositions;
+var pollComposerStateSelector = state => ({
+  errors: state.errors.options,
+  options: state.data.options
+});
+var CreatePollOptions = ({
+  currentOptionPositions
+}) => {
   var _useTranslationContex2 = (0, _contexts.useTranslationContext)(),
     t = _useTranslationContex2.t;
   var messageComposer = (0, _useMessageComposer.useMessageComposer)();
@@ -400,40 +362,36 @@ var CreatePollOptions = exports.CreatePollOptions = function CreatePollOptions(_
   var normalizedCreatePollOptionGap = Number.isFinite(createPollOptionGap) && createPollOptionGap > 0 ? createPollOptionGap : 0;
   var optionsRef = (0, _react.useRef)(options);
   optionsRef.current = options;
-  var updateOption = (0, _react.useCallback)(function (newText, index) {
+  var updateOption = (0, _react.useCallback)((newText, index) => {
     pollComposer.updateFields({
       options: {
-        index: index,
+        index,
         text: newText
       }
     });
   }, [pollComposer]);
-  var handleBlur = (0, _react.useCallback)(function () {
+  var handleBlur = (0, _react.useCallback)(() => {
     pollComposer.handleFieldBlur('options');
   }, [pollComposer]);
   var isDragging = (0, _reactNativeReanimated.useSharedValue)(0);
   var draggedItemId = (0, _reactNativeReanimated.useSharedValue)(null);
   var animatedOptionsContainerHeight = (0, _reactNativeReanimated.useSharedValue)(currentOptionPositions.value.totalHeight);
-  (0, _reactNativeReanimated.useAnimatedReaction)(function () {
-    return currentOptionPositions.value.totalHeight;
-  }, function (currentValue, previousValue) {
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => currentOptionPositions.value.totalHeight, (currentValue, previousValue) => {
     if (currentValue === previousValue) {
       return;
     }
     animatedOptionsContainerHeight.value = currentValue;
   });
-  var animatedOptionsContainerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
-    return {
-      height: animatedOptionsContainerHeight.value
-    };
-  });
+  var animatedOptionsContainerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    height: animatedOptionsContainerHeight.value
+  }));
   var _useTheme2 = (0, _contexts.useTheme)(),
     _useTheme2$theme$poll = _useTheme2.theme.poll.createContent.pollOptions,
     container = _useTheme2$theme$poll.container,
     title = _useTheme2$theme$poll.title;
   var styles = useStyles();
   var onNewOrderChange = (0, _react.useCallback)(function () {
-    var _ref3 = (0, _asyncToGenerator2.default)(function* (newOrder) {
+    var _ref = (0, _asyncToGenerator2.default)(function* (newOrder) {
       var latestOptions = optionsRef.current;
       var optionById = {};
       for (var i = 0; i < latestOptions.length; i++) {
@@ -455,35 +413,31 @@ var CreatePollOptions = exports.CreatePollOptions = function CreatePollOptions(_
       });
     });
     return function (_x2) {
-      return _ref3.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }(), [pollComposer]);
-  var onRemoveOptionHandler = (0, _react.useCallback)(function (optionId) {
+  var onRemoveOptionHandler = (0, _react.useCallback)(optionId => {
     var latestOptions = optionsRef.current;
     if (latestOptions.length === 1) {
       return;
     }
     pollComposer.updateFields({
-      options: latestOptions.filter(function (option) {
-        return option.id !== optionId;
-      })
+      options: latestOptions.filter(option => option.id !== optionId)
     });
   }, [pollComposer]);
-  var onOptionLayout = (0, _react.useCallback)(function (optionId, height) {
+  var onOptionLayout = (0, _react.useCallback)((optionId, height) => {
     if (!Number.isFinite(height) || height <= 0) {
       return;
     }
-    var _currentOptionPositio7 = currentOptionPositions.value,
-      inverseIndexCache = _currentOptionPositio7.inverseIndexCache,
-      positionCache = _currentOptionPositio7.positionCache;
+    var _currentOptionPositio3 = currentOptionPositions.value,
+      inverseIndexCache = _currentOptionPositio3.inverseIndexCache,
+      positionCache = _currentOptionPositio3.positionCache;
     var currentPosition = positionCache[optionId];
     if (currentPosition && Math.abs(currentPosition.updatedHeight - height) < 1) {
       return;
     }
     var latestOptions = optionsRef.current;
-    var latestOptionIds = latestOptions.map(function (option) {
-      return option.id;
-    });
+    var latestOptionIds = latestOptions.map(option => option.id);
     var isKnownOption = latestOptionIds.includes(optionId);
     if (!isKnownOption) {
       return;
@@ -491,7 +445,7 @@ var CreatePollOptions = exports.CreatePollOptions = function CreatePollOptions(_
     var nextInverseIndexCache = reconcileInverseIndexCacheWithOptionIds(inverseIndexCache, latestOptionIds);
     var nextPositionCache = {};
     var sortedIndices = getSortedIndices(nextInverseIndexCache);
-    sortedIndices.forEach(function (index) {
+    sortedIndices.forEach(index => {
       var currentOptionId = nextInverseIndexCache[index];
       if (!currentOptionId) {
         return;
@@ -503,9 +457,10 @@ var CreatePollOptions = exports.CreatePollOptions = function CreatePollOptions(_
         updatedTop: 0
       };
     });
-    nextPositionCache[optionId] = Object.assign({}, nextPositionCache[optionId], {
+    nextPositionCache[optionId] = {
+      ...nextPositionCache[optionId],
       updatedHeight: height
-    });
+    };
     var recalculated = recalculatePositionCache(nextInverseIndexCache, nextPositionCache, normalizedCreatePollOptionGap);
     currentOptionPositions.value = {
       inverseIndexCache: nextInverseIndexCache,
@@ -521,29 +476,28 @@ var CreatePollOptions = exports.CreatePollOptions = function CreatePollOptions(_
     }), (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       layout: _reactNativeReanimated.LinearTransition.duration(200),
       style: animatedOptionsContainerStyle,
-      children: options.map(function (option, index) {
-        return (0, _jsxRuntime.jsx)(MemoizedCreatePollOption, {
-          optionsCount: options.length,
-          currentOptionPositions: currentOptionPositions,
-          draggedItemId: draggedItemId,
-          error: errors == null ? void 0 : errors[option.id],
-          handleBlur: handleBlur,
-          handleChangeText: updateOption,
-          onOptionLayout: onOptionLayout,
-          onRemoveOption: onRemoveOptionHandler,
-          index: index,
-          isDragging: isDragging,
-          onNewOrder: onNewOrderChange,
-          optionId: option.id
-        }, option.id);
-      })
+      children: options.map((option, index) => (0, _jsxRuntime.jsx)(MemoizedCreatePollOption, {
+        optionsCount: options.length,
+        currentOptionPositions: currentOptionPositions,
+        draggedItemId: draggedItemId,
+        error: errors?.[option.id],
+        handleBlur: handleBlur,
+        handleChangeText: updateOption,
+        onOptionLayout: onOptionLayout,
+        onRemoveOption: onRemoveOptionHandler,
+        index: index,
+        isDragging: isDragging,
+        onNewOrder: onNewOrderChange,
+        optionId: option.id
+      }, option.id))
     })]
   });
 };
-var useStyles = function useStyles() {
+exports.CreatePollOptions = CreatePollOptions;
+var useStyles = () => {
   var _useTheme3 = (0, _contexts.useTheme)(),
     semantics = _useTheme3.theme.semantics;
-  return (0, _react.useMemo)(function () {
+  return (0, _react.useMemo)(() => {
     return _reactNative.StyleSheet.create({
       container: {
         paddingVertical: _theme.primitives.spacingXl,