stream-chat-react-native-core 5.40.0-rc.2 → 5.40.0

package/lib/commonjs/components/MessageOverlay/OverlayReactionsItem.js

@@ -0,0 +1,166 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OverlayReactionsItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _ChatContext = require("../../contexts/chatContext/ChatContext");
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _icons = require("../../icons");
+var _jsxRuntime = require("react/jsx-runtime");
+var _this = this,
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/OverlayReactionsItem.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 ReactionIcon = function ReactionIcon(_ref) {
+  var _supportedReactions$f;
+  var pathFill = _ref.pathFill,
+    size = _ref.size,
+    supportedReactions = _ref.supportedReactions,
+    type = _ref.type;
+  var Icon = ((_supportedReactions$f = supportedReactions.find(function (reaction) {
+    return reaction.type === type;
+  })) == null ? void 0 : _supportedReactions$f.Icon) || _icons.Unknown;
+  return (0, _jsxRuntime.jsx)(Icon, {
+    height: size,
+    pathFill: pathFill,
+    width: size
+  });
+};
+var OverlayReactionsItem = function OverlayReactionsItem(_ref2) {
+  var OverlayReactionsAvatar = _ref2.OverlayReactionsAvatar,
+    reaction = _ref2.reaction,
+    supportedReactions = _ref2.supportedReactions;
+  var id = reaction.id,
+    name = reaction.name,
+    type = reaction.type;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_blue = _useTheme$theme$color.accent_blue,
+    black = _useTheme$theme$color.black,
+    grey_gainsboro = _useTheme$theme$color.grey_gainsboro,
+    white = _useTheme$theme$color.white,
+    _useTheme$theme$overl = _useTheme$theme.overlay.reactions,
+    avatarContainer = _useTheme$theme$overl.avatarContainer,
+    avatarName = _useTheme$theme$overl.avatarName,
+    avatarSize = _useTheme$theme$overl.avatarSize,
+    radius = _useTheme$theme$overl.radius,
+    reactionBubble = _useTheme$theme$overl.reactionBubble,
+    reactionBubbleBackground = _useTheme$theme$overl.reactionBubbleBackground,
+    reactionBubbleBorderRadius = _useTheme$theme$overl.reactionBubbleBorderRadius;
+  var _useChatContext = (0, _ChatContext.useChatContext)(),
+    client = _useChatContext.client;
+  var alignment = client.userID && client.userID === id ? 'right' : 'left';
+  var x = avatarSize / 2 - avatarSize / (radius * 4) * (alignment === 'left' ? 1 : -1);
+  var y = avatarSize - radius;
+  var left = alignment === 'left' ? x - (Number(reactionBubbleBackground.width || 0) || styles.reactionBubbleBackground.width) + radius : x - radius;
+  var top = y - radius - (Number(reactionBubbleBackground.height || 0) || styles.reactionBubbleBackground.height);
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.avatarContainer, avatarContainer],
+    children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.avatarInnerContainer,
+      children: [(0, _jsxRuntime.jsx)(OverlayReactionsAvatar, {
+        reaction: reaction,
+        size: avatarSize
+      }), (0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [_reactNative.StyleSheet.absoluteFill],
+        children: [(0, _jsxRuntime.jsxs)(_reactNativeSvg["default"], {
+          children: [(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+            cx: x - (radius * 2 - radius / 4) * (alignment === 'left' ? 1 : -1),
+            cy: y - radius * 2 - radius / 4,
+            fill: alignment === 'left' ? grey_gainsboro : white,
+            r: radius * 2,
+            stroke: alignment === 'left' ? white : grey_gainsboro,
+            strokeWidth: radius / 2
+          }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+            cx: x,
+            cy: y,
+            fill: alignment === 'left' ? grey_gainsboro : white,
+            r: radius,
+            stroke: alignment === 'left' ? white : grey_gainsboro,
+            strokeWidth: radius / 2
+          })]
+        }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.reactionBubbleBackground, {
+            backgroundColor: alignment === 'left' ? grey_gainsboro : white,
+            borderColor: alignment === 'left' ? white : grey_gainsboro,
+            borderWidth: radius / 2,
+            left: left,
+            top: top
+          }, reactionBubbleBackground]
+        }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [_reactNative.StyleSheet.absoluteFill],
+          children: (0, _jsxRuntime.jsx)(_reactNativeSvg["default"], {
+            children: (0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+              cx: x - (radius * 2 - radius / 4) * (alignment === 'left' ? 1 : -1),
+              cy: y - radius * 2 - radius / 4,
+              fill: alignment === 'left' ? grey_gainsboro : white,
+              r: radius * 2 - radius / 2
+            })
+          })
+        }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.reactionBubble, {
+            backgroundColor: alignment === 'left' ? grey_gainsboro : white,
+            height: (reactionBubbleBorderRadius || styles.reactionBubble.borderRadius) - radius / 2,
+            left: left,
+            top: top,
+            width: (reactionBubbleBorderRadius || styles.reactionBubble.borderRadius) - radius / 2
+          }, reactionBubble],
+          children: (0, _jsxRuntime.jsx)(ReactionIcon, {
+            pathFill: accent_blue,
+            size: (reactionBubbleBorderRadius || styles.reactionBubble.borderRadius) / 2,
+            supportedReactions: supportedReactions,
+            type: type
+          })
+        })]
+      })]
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.avatarNameContainer,
+      children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+        numberOfLines: 2,
+        style: [styles.avatarName, {
+          color: black
+        }, avatarName],
+        children: name
+      })
+    })]
+  });
+};
+exports.OverlayReactionsItem = OverlayReactionsItem;
+var styles = _reactNative.StyleSheet.create({
+  avatarContainer: {
+    padding: 8
+  },
+  avatarInnerContainer: {
+    alignSelf: 'center'
+  },
+  avatarName: {
+    flex: 1,
+    fontSize: 12,
+    fontWeight: '700',
+    paddingTop: 6,
+    textAlign: 'center'
+  },
+  avatarNameContainer: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    flexGrow: 1
+  },
+  reactionBubble: {
+    alignItems: 'center',
+    borderRadius: 24,
+    justifyContent: 'center',
+    position: 'absolute'
+  },
+  reactionBubbleBackground: {
+    borderRadius: 24,
+    height: 24,
+    position: 'absolute',
+    width: 24
+  }
+});
+//# sourceMappingURL=OverlayReactionsItem.js.map

package/lib/commonjs/components/MessageOverlay/OverlayReactionsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_ChatContext","_ThemeContext","_icons","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReactionIcon","_ref","_supportedReactions$f","pathFill","size","supportedReactions","type","Icon","find","reaction","Unknown","jsx","height","width","OverlayReactionsItem","_ref2","OverlayReactionsAvatar","id","name","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","black","grey_gainsboro","white","_useTheme$theme$overl","overlay","reactions","avatarContainer","avatarName","avatarSize","radius","reactionBubble","reactionBubbleBackground","reactionBubbleBorderRadius","_useChatContext","useChatContext","client","alignment","userID","x","y","left","Number","styles","top","jsxs","View","style","children","avatarInnerContainer","StyleSheet","absoluteFill","Circle","cx","cy","fill","stroke","strokeWidth","backgroundColor","borderColor","borderWidth","borderRadius","avatarNameContainer","Text","numberOfLines","color","exports","create","padding","alignSelf","flex","fontSize","fontWeight","paddingTop","textAlign","alignItems","flexDirection","flexGrow","justifyContent","position"],"sourceRoot":"../../../../src","sources":["components/MessageOverlay/OverlayReactionsItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/{module/components/MessageMenu → commonjs/components/MessageOverlay}/hooks/useFetchReactions.js

@@ -132,8 +132,6 @@ var useFetchReactions = function useFetchReactions(_ref) {
     }, _callee3);
   })), [fetchReactions]);
   (0, _react.useEffect)(function () {
-    setReactions([]);
-    setNext(undefined);
     fetchReactions();
   }, [messageId, reactionType, sortString]);
   return {

package/lib/commonjs/components/MessageOverlay/hooks/useFetchReactions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_ChatContext","_getReactionsforFilterSort","useFetchReactions","_ref","_ref$limit","limit","messageId","reactionType","sort","_useState","useState","_useState2","_slicedToArray2","reactions","setReactions","_useState3","_useState4","loading","setLoading","_useState5","undefined","_useState6","next","setNext","_useChatContext","useChatContext","client","enableOfflineSupport","sortString","useMemo","JSON","stringify","fetchReactions","useCallback","_asyncToGenerator2","_regenerator","mark","_callee2","loadOfflineReactions","loadOnlineReactions","wrap","_callee2$","_context2","prev","reactionsFromDB","getReactionsForFilterSort","currentMessageId","filters","type","_ref3","_callee","response","_callee$","_context","abrupt","queryReactions","sent","prevReactions","concat","_toConsumableArray2","stop","apply","arguments","t0","console","log","loadNextPage","_callee3","_callee3$","_context3","useEffect","exports"],"sourceRoot":"../../../../../src","sources":["components/MessageOverlay/hooks/useFetchReactions.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MessageOverlay/hooks/useMessageActionAnimation.js

@@ -0,0 +1,34 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMessageActionAnimation = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var useMessageActionAnimation = function useMessageActionAnimation(_ref) {
+  var action = _ref.action,
+    _ref$activeOpacity = _ref.activeOpacity,
+    activeOpacity = _ref$activeOpacity === void 0 ? 0.2 : _ref$activeOpacity;
+  var opacity = (0, _reactNativeReanimated.useSharedValue)(1);
+  var onTap = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
+    onEnd: function onEnd() {
+      (0, _reactNativeReanimated.runOnJS)(action)();
+    },
+    onFinish: function onFinish() {
+      opacity.value = 1;
+    },
+    onStart: function onStart() {
+      opacity.value = activeOpacity;
+    }
+  }, [action]);
+  var animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    return {
+      opacity: opacity.value
+    };
+  });
+  return {
+    animatedStyle: animatedStyle,
+    onTap: onTap,
+    opacity: opacity
+  };
+};
+exports.useMessageActionAnimation = useMessageActionAnimation;
+//# sourceMappingURL=useMessageActionAnimation.js.map

package/lib/commonjs/components/MessageOverlay/hooks/useMessageActionAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","useMessageActionAnimation","_ref","action","_ref$activeOpacity","activeOpacity","opacity","useSharedValue","onTap","useAnimatedGestureHandler","onEnd","runOnJS","onFinish","value","onStart","animatedStyle","useAnimatedStyle","exports"],"sourceRoot":"../../../../../src","sources":["components/MessageOverlay/hooks/useMessageActionAnimation.tsx"],"mappings":";;;;AAEA,IAAAA,sBAAA,GAAAC,OAAA;AASO,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,EAKhC;EAAA,IAJJC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAAC,kBAAA,GAAAF,IAAA,CACNG,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,GAAG,GAAAA,kBAAA;EAInB,IAAME,OAAO,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAEjC,IAAMC,KAAK,GAAG,IAAAC,gDAAyB,EACrC;IACEC,KAAK,EAAE,SAAAA,MAAA,EAAM;MACX,IAAAC,8BAAO,EAACR,MAAM,CAAC,CAAC,CAAC;IACnB,CAAC;IACDS,QAAQ,EAAE,SAAAA,SAAA,EAAM;MACdN,OAAO,CAACO,KAAK,GAAG,CAAC;IACnB,CAAC;IACDC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbR,OAAO,CAACO,KAAK,GAAGR,aAAa;IAC/B;EACF,CAAC,EACD,CAACF,MAAM,CACT,CAAC;EAED,IAAMY,aAAa,GAAG,IAAAC,uCAAgB,EAAY;IAAA,OAAO;MACvDV,OAAO,EAAEA,OAAO,CAACO;IACnB,CAAC;EAAA,CAAC,CAAC;EAEH,OAAO;IACLE,aAAa,EAAbA,aAAa;IACbP,KAAK,EAALA,KAAK;IACLF,OAAO,EAAPA;EACF,CAAC;AACH,CAAC;AAACW,OAAA,CAAAhB,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/lib/commonjs/components/Poll/CreatePollContent.js

@@ -0,0 +1,386 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isMaxNumberOfVotesValid = exports.CreatePollContent = exports.CreatePoll = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _streamChat = require("stream-chat");
+var _components = require("./components");
+var _contexts = require("../../contexts");
+var _icons = require("../../icons");
+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/CreatePollContent.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; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var isMaxNumberOfVotesValid = function isMaxNumberOfVotesValid(maxNumberOfVotes) {
+  var parsedMaxNumberOfVotes = Number(maxNumberOfVotes);
+  return !isNaN(parsedMaxNumberOfVotes) && parsedMaxNumberOfVotes > 1 && parsedMaxNumberOfVotes <= 10;
+};
+exports.isMaxNumberOfVotesValid = isMaxNumberOfVotesValid;
+var CreatePollContent = function CreatePollContent() {
+  var _useTranslationContex = (0, _contexts.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    pollTitle = _useState2[0],
+    setPollTitle = _useState2[1];
+  var _useState3 = (0, _react.useState)([{
+      text: ''
+    }]),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    pollOptions = _useState4[0],
+    setPollOptions = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    multipleAnswersAllowed = _useState6[0],
+    setMultipleAnswersAllowed = _useState6[1];
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    maxVotesPerPerson = _useState8[0],
+    setMaxVotesPerPerson = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    maxVotesPerPersonEnabled = _useState10[0],
+    setMaxVotesPerPersonEnabled = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    isAnonymous = _useState12[0],
+    setIsAnonymous = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    optionSuggestionsAllowed = _useState14[0],
+    setOptionSuggestionsAllowed = _useState14[1];
+  var _useState15 = (0, _react.useState)(false),
+    _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
+    commentsAllowed = _useState16[0],
+    setCommentsAllowed = _useState16[1];
+  var _useState17 = (0, _react.useState)([]),
+    _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
+    duplicates = _useState18[0],
+    setDuplicates = _useState18[1];
+  var _useCreatePollContent = (0, _contexts.useCreatePollContentContext)(),
+    closePollCreationDialog = _useCreatePollContent.closePollCreationDialog,
+    createAndSendPoll = _useCreatePollContent.createAndSendPoll;
+  var currentOptionPositions = (0, _reactNativeReanimated.useSharedValue)({
+    inverseIndexCache: {
+      0: 0
+    },
+    positionCache: {
+      0: {
+        updatedIndex: 0,
+        updatedTop: 0
+      }
+    }
+  });
+  var _useTheme = (0, _contexts.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_error = _useTheme$theme$color.accent_error,
+    bg_user = _useTheme$theme$color.bg_user,
+    black = _useTheme$theme$color.black,
+    white = _useTheme$theme$color.white,
+    _useTheme$theme$poll$ = _useTheme$theme.poll.createContent,
+    addComment = _useTheme$theme$poll$.addComment,
+    anonymousPoll = _useTheme$theme$poll$.anonymousPoll,
+    headerContainer = _useTheme$theme$poll$.headerContainer,
+    maxVotes = _useTheme$theme$poll$.maxVotes,
+    multipleAnswers = _useTheme$theme$poll$.multipleAnswers,
+    name = _useTheme$theme$poll$.name,
+    scrollView = _useTheme$theme$poll$.scrollView,
+    sendButton = _useTheme$theme$poll$.sendButton,
+    suggestOption = _useTheme$theme$poll$.suggestOption;
+  (0, _react.useEffect)(function () {
+    var seenTexts = new Set();
+    var duplicateTexts = new Set();
+    var _iterator = _createForOfIteratorHelper(pollOptions),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var option = _step.value;
+        var text = option.text;
+        if (seenTexts.has(text)) {
+          duplicateTexts.add(text);
+        }
+        if (text.length > 0) {
+          seenTexts.add(text);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    setDuplicates(Array.from(duplicateTexts));
+  }, [pollOptions]);
+  var isPollValid = pollTitle && (pollTitle == null ? void 0 : pollTitle.length) > 0 && duplicates.length === 0 && (maxVotesPerPersonEnabled && isMaxNumberOfVotesValid(maxVotesPerPerson) || !maxVotesPerPersonEnabled);
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.headerContainer, {
+        backgroundColor: white
+      }, headerContainer],
+      children: [(0, _jsxRuntime.jsx)(_components.PollModalHeader, {
+        onPress: function onPress() {
+          return closePollCreationDialog == null ? void 0 : closePollCreationDialog();
+        },
+        title: t('Create Poll')
+      }), (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        disabled: !isPollValid,
+        onPress: function onPress() {
+          var currentPollOptions = Object.assign({}, pollOptions);
+          var reorderedPollOptions = [];
+          for (var i = 0; i < pollOptions.length; i++) {
+            var currentOption = currentPollOptions[currentOptionPositions.value.inverseIndexCache[i]];
+            if (currentOption.text.length > 0) {
+              reorderedPollOptions.push(currentOption);
+            }
+          }
+          createAndSendPoll(Object.assign({
+            allow_answers: commentsAllowed,
+            allow_user_suggested_options: optionSuggestionsAllowed,
+            enforce_unique_vote: !multipleAnswersAllowed,
+            name: pollTitle,
+            options: reorderedPollOptions,
+            voting_visibility: isAnonymous ? _streamChat.VotingVisibility.anonymous : _streamChat.VotingVisibility["public"]
+          }, isMaxNumberOfVotesValid(maxVotesPerPerson) && maxVotesPerPersonEnabled ? {
+            max_votes_allowed: Number(maxVotesPerPerson)
+          } : {}));
+        },
+        style: [styles.sendButton, sendButton],
+        children: (0, _jsxRuntime.jsx)(_icons.SendPoll, {
+          height: 24,
+          pathFill: isPollValid ? '#005DFF' : '#B4BBBA',
+          viewBox: "0 0 24 24",
+          width: 24
+        })
+      })]
+    }), (0, _jsxRuntime.jsxs)(_reactNativeGestureHandler.ScrollView, {
+      contentContainerStyle: {
+        paddingBottom: 70
+      },
+      style: [styles.scrollView, {
+        backgroundColor: white
+      }, scrollView],
+      children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.text, {
+          color: black
+        }, name.title],
+        children: t('Questions')
+      }), (0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        onChangeText: setPollTitle,
+        placeholder: t('Ask a question'),
+        style: [styles.textInputWrapper, styles.text, {
+          backgroundColor: bg_user,
+          color: black
+        }, name.input],
+        value: pollTitle
+      }), (0, _jsxRuntime.jsx)(_components.CreatePollOptions, {
+        currentOptionPositions: currentOptionPositions,
+        duplicates: duplicates,
+        pollOptions: pollOptions,
+        setPollOptions: setPollOptions
+      }), (0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.multipleAnswersWrapper, {
+          backgroundColor: bg_user
+        }, multipleAnswers.wrapper],
+        children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.multipleAnswersRow, multipleAnswers.row],
+          children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.text, {
+              color: black
+            }, multipleAnswers.title],
+            children: t('Multiple answers')
+          }), (0, _jsxRuntime.jsx)(_reactNative.Switch, {
+            onValueChange: function onValueChange() {
+              return setMultipleAnswersAllowed(!multipleAnswersAllowed);
+            },
+            value: multipleAnswersAllowed
+          })]
+        }), multipleAnswersAllowed ? (0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.maxVotesWrapper, maxVotes.wrapper],
+          children: [maxVotesPerPersonEnabled && !isMaxNumberOfVotesValid(maxVotesPerPerson) ? (0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.maxVotesValidationText, {
+              color: accent_error
+            }, maxVotes.validationText],
+            children: t('Type a number from 2 to 10')
+          }) : null, (0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flexDirection: 'row'
+            },
+            children: [(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+              inputMode: "numeric",
+              onChangeText: setMaxVotesPerPerson,
+              placeholder: t('Maximum votes per person'),
+              style: [styles.maxVotesInput, {
+                color: black
+              }, maxVotes.input],
+              value: maxVotesPerPerson
+            }), (0, _jsxRuntime.jsx)(_reactNative.Switch, {
+              onValueChange: function onValueChange() {
+                return setMaxVotesPerPersonEnabled(!maxVotesPerPersonEnabled);
+              },
+              value: maxVotesPerPersonEnabled
+            })]
+          })]
+        }) : null]
+      }), (0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.textInputWrapper, {
+          backgroundColor: bg_user
+        }, anonymousPoll.wrapper],
+        children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.text, {
+            color: black
+          }, anonymousPoll.title],
+          children: t('Anonymous poll')
+        }), (0, _jsxRuntime.jsx)(_reactNative.Switch, {
+          onValueChange: function onValueChange() {
+            return setIsAnonymous(!isAnonymous);
+          },
+          value: isAnonymous
+        })]
+      }), (0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.textInputWrapper, {
+          backgroundColor: bg_user
+        }, suggestOption.wrapper],
+        children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.text, {
+            color: black
+          }, suggestOption.title],
+          children: t('Suggest an option')
+        }), (0, _jsxRuntime.jsx)(_reactNative.Switch, {
+          onValueChange: function onValueChange() {
+            return setOptionSuggestionsAllowed(!optionSuggestionsAllowed);
+          },
+          value: optionSuggestionsAllowed
+        })]
+      }), (0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.textInputWrapper, {
+          backgroundColor: bg_user
+        }, addComment.wrapper],
+        children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.text, {
+            color: black
+          }, addComment.title],
+          children: t('Add a comment')
+        }), (0, _jsxRuntime.jsx)(_reactNative.Switch, {
+          onValueChange: function onValueChange() {
+            return setCommentsAllowed(!commentsAllowed);
+          },
+          value: commentsAllowed
+        })]
+      })]
+    })]
+  });
+};
+exports.CreatePollContent = CreatePollContent;
+var CreatePoll = function CreatePoll(_ref) {
+  var closePollCreationDialog = _ref.closePollCreationDialog,
+    CreatePollContentOverride = _ref.CreatePollContent,
+    createPollOptionHeight = _ref.createPollOptionHeight,
+    sendMessage = _ref.sendMessage;
+  var _useChatContext = (0, _contexts.useChatContext)(),
+    client = _useChatContext.client;
+  var createAndSendPoll = (0, _react.useCallback)(function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(pollData) {
+      var poll;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return client.polls.createPoll(pollData);
+          case 2:
+            poll = _context.sent;
+            _context.next = 5;
+            return sendMessage({
+              customMessageData: {
+                poll_id: poll.id
+              }
+            });
+          case 5:
+            closePollCreationDialog == null ? void 0 : closePollCreationDialog();
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [client, sendMessage, closePollCreationDialog]);
+  return (0, _jsxRuntime.jsx)(_contexts.CreatePollContentProvider, {
+    value: {
+      closePollCreationDialog: closePollCreationDialog,
+      createAndSendPoll: createAndSendPoll,
+      createPollOptionHeight: createPollOptionHeight,
+      sendMessage: sendMessage
+    },
+    children: CreatePollContentOverride ? (0, _jsxRuntime.jsx)(CreatePollContentOverride, {}) : (0, _jsxRuntime.jsx)(CreatePollContent, {})
+  });
+};
+exports.CreatePoll = CreatePoll;
+var styles = _reactNative.StyleSheet.create({
+  headerContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  maxVotesInput: {
+    flex: 1,
+    fontSize: 16
+  },
+  maxVotesValidationText: {
+    fontSize: 12,
+    left: 16,
+    position: 'absolute',
+    top: 0
+  },
+  maxVotesWrapper: {
+    alignItems: 'flex-start',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingVertical: 18
+  },
+  multipleAnswersRow: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingVertical: 18
+  },
+  multipleAnswersWrapper: {
+    borderRadius: 12,
+    marginTop: 16
+  },
+  scrollView: {
+    flex: 1,
+    padding: 16
+  },
+  sendButton: {
+    paddingHorizontal: 16,
+    paddingVertical: 18
+  },
+  text: {
+    fontSize: 16
+  },
+  textInputWrapper: {
+    alignItems: 'center',
+    borderRadius: 12,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginTop: 16,
+    paddingHorizontal: 16,
+    paddingVertical: 18
+  }
+});
+//# sourceMappingURL=CreatePollContent.js.map