@sendbird/uikit-react 3.5.0-beta.0 → 3.5.0-feature-config-rc-0

package/{index-defabece.js → index-bbf4f597.js}

@@ -1,5 +1,5 @@
-import { i as isSameDay } from './index-d3f6dbb9.js';
-import { r as requiredArgs, t as toDate, a as toInteger } from './index-3f26a31c.js';
+import { i as isSameDay } from './index-b05a5803.js';
+import { r as requiredArgs, t as toDate, a as toInteger } from './index-d847ae45.js';
 
 /**
  * @name isToday
@@ -28,6 +28,59 @@ function isToday(dirtyDate) {
   return isSameDay(dirtyDate, Date.now());
 }
 
+/**
+ * @name isSameYear
+ * @category Year Helpers
+ * @summary Are the given dates in the same year?
+ *
+ * @description
+ * Are the given dates in the same year?
+ *
+ * @param {Date|Number} dateLeft - the first date to check
+ * @param {Date|Number} dateRight - the second date to check
+ * @returns {Boolean} the dates are in the same year
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // Are 2 September 2014 and 25 September 2014 in the same year?
+ * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))
+ * //=> true
+ */
+
+function isSameYear(dirtyDateLeft, dirtyDateRight) {
+  requiredArgs(2, arguments);
+  var dateLeft = toDate(dirtyDateLeft);
+  var dateRight = toDate(dirtyDateRight);
+  return dateLeft.getFullYear() === dateRight.getFullYear();
+}
+
+/**
+ * @name isThisYear
+ * @category Year Helpers
+ * @summary Is the given date in the same year as the current date?
+ * @pure false
+ *
+ * @description
+ * Is the given date in the same year as the current date?
+ *
+ * > ⚠️ Please note that this function is not present in the FP submodule as
+ * > it uses `Date.now()` internally hence impure and can't be safely curried.
+ *
+ * @param {Date|Number} date - the date to check
+ * @returns {Boolean} the date is in this year
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // If today is 25 September 2014, is 2 July 2014 in this year?
+ * const result = isThisYear(new Date(2014, 6, 2))
+ * //=> true
+ */
+
+function isThisYear(dirtyDate) {
+  requiredArgs(1, arguments);
+  return isSameYear(dirtyDate, Date.now());
+}
+
 /**
  * @name addDays
  * @category Day Helpers
@@ -117,5 +170,5 @@ function isYesterday(dirtyDate) {
   return isSameDay(dirtyDate, subDays(Date.now(), 1));
 }
 
-export { isYesterday as a, isToday as i };
-//# sourceMappingURL=index-defabece.js.map
+export { isYesterday as a, isThisYear as b, isToday as i };
+//# sourceMappingURL=index-bbf4f597.js.map

package/index-bbf4f597.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-bbf4f597.js","sources":["../node_modules/date-fns/esm/isToday/index.js","../node_modules/date-fns/esm/isSameYear/index.js","../node_modules/date-fns/esm/isThisYear/index.js","../node_modules/date-fns/esm/addDays/index.js","../node_modules/date-fns/esm/subDays/index.js","../node_modules/date-fns/esm/isYesterday/index.js"],"sourcesContent":["import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\n\nexport default function isToday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, Date.now());\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameYear\n * @category Year Helpers\n * @summary Are the given dates in the same year?\n *\n * @description\n * Are the given dates in the same year?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same year\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same year?\n * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n */\n\nexport default function isSameYear(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  return dateLeft.getFullYear() === dateRight.getFullYear();\n}","import isSameYear from \"../isSameYear/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isThisYear\n * @category Year Helpers\n * @summary Is the given date in the same year as the current date?\n * @pure false\n *\n * @description\n * Is the given date in the same year as the current date?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is in this year\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 25 September 2014, is 2 July 2014 in this year?\n * const result = isThisYear(new Date(2014, 6, 2))\n * //=> true\n */\n\nexport default function isThisYear(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameYear(dirtyDate, Date.now());\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\n\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n\n  date.setDate(date.getDate() + amount);\n  return date;\n}","import addDays from \"../addDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\n\nexport default function subDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addDays(dirtyDate, -amount);\n}","import isSameDay from \"../isSameDay/index.js\";\nimport subDays from \"../subDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isYesterday\n * @category Day Helpers\n * @summary Is the given date yesterday?\n * @pure false\n *\n * @description\n * Is the given date yesterday?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is yesterday\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 5 October 14:00:00 yesterday?\n * const result = isYesterday(new Date(2014, 9, 5, 14, 0))\n * //=> true\n */\n\nexport default function isYesterday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":[],"mappings":"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"}

package/{index-1b91b116.js → index-bf4f0a7e.js}

@@ -1,34 +1,28 @@
-import { a as __spreadArray } from './tslib.es6-bcead7e6.js';
 import React__default from 'react';
-import { f as format } from './index-3f26a31c.js';
+import { f as format } from './index-d847ae45.js';
 import Icon, { IconTypes, IconColors } from './ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './index-44470dab.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './index-8fb5d71a.js';
 import Loader from './ui/Loader.js';
-import { t as truncateString, e as isSentStatus } from './index-5f08f486.js';
+import { t as truncateString, e as isSentStatus } from './index-39f0a98e.js';
 import { getOutgoingMessageState, OutgoingMessageStates } from './utils/message/getOutgoingMessageState.js';
-import { i as isToday, a as isYesterday } from './index-defabece.js';
-import { i as isThisYear } from './index-1572c90f.js';
-import { u as useLocalization } from './LocalizationContext-4df0cc32.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from './index-bbf4f597.js';
+import { u as useLocalization } from './LocalizationContext-2a605cc6.js';
 
+/* eslint-disable default-param-last */
 const getChannelTitle = function () {
   var _channel$members;
-
   let channel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let currentUserId = arguments.length > 1 ? arguments[1] : undefined;
   let stringSet = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : LabelStringSet;
-
   if (!(channel !== null && channel !== void 0 && channel.name) && !(channel !== null && channel !== void 0 && channel.members)) {
     return stringSet.NO_TITLE;
   }
-
   if (channel !== null && channel !== void 0 && channel.name && channel.name !== 'Group Channel') {
     return channel.name;
   }
-
   if ((channel === null || channel === void 0 ? void 0 : (_channel$members = channel.members) === null || _channel$members === void 0 ? void 0 : _channel$members.length) === 1) {
     return stringSet.NO_MEMBERS;
   }
-
   return ((channel === null || channel === void 0 ? void 0 : channel.members) || []).filter(_ref => {
     let {
       userId
@@ -43,7 +37,6 @@ const getChannelTitle = function () {
 };
 const getLastMessageCreatedAt = _ref3 => {
   var _channel$lastMessage;
-
   let {
     channel,
     locale,
@@ -53,27 +46,21 @@ const getLastMessageCreatedAt = _ref3 => {
   const optionalParam = locale ? {
     locale
   } : null;
-
   if (!createdAt) {
     return '';
   }
-
   if (isToday(createdAt)) {
     return format(createdAt, 'p', optionalParam);
   }
-
   if (isYesterday(createdAt)) {
     return (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_STATUS__YESTERDAY) || 'Yesterday';
   }
-
   if (isThisYear(createdAt)) {
     return format(createdAt, 'MMM d', optionalParam);
   }
-
   return format(createdAt, 'yyyy/M/d', optionalParam);
 };
 const getTotalMembers = channel => channel !== null && channel !== void 0 && channel.memberCount ? channel.memberCount : 0;
-
 const getPrettyLastMessage = function () {
   let message = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const MAXLEN = 30;
@@ -81,39 +68,43 @@ const getPrettyLastMessage = function () {
     messageType,
     name
   } = message;
-
   if (messageType === 'file') {
     return truncateString(name, MAXLEN);
   }
-
   return message.message;
 };
-
-const getLastMessage = channel => channel !== null && channel !== void 0 && channel.lastMessage ? getPrettyLastMessage(channel.lastMessage) : '';
+const getLastMessage = channel => channel !== null && channel !== void 0 && channel.lastMessage ? getPrettyLastMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) : '';
 const getChannelUnreadMessageCount = channel => channel !== null && channel !== void 0 && channel.unreadMessageCount ? channel.unreadMessageCount : 0;
 
-var MessageStatusTypes = OutgoingMessageStates;
-function MessageStatus(_a) {
-  var _b, _c;
-
-  var _d;
-
-  var className = _a.className,
-      message = _a.message,
-      channel = _a.channel,
-      _e = _a.isDateSeparatorConsidered,
-      isDateSeparatorConsidered = _e === void 0 ? true : _e;
-
-  var _f = useLocalization(),
-      stringSet = _f.stringSet,
-      dateLocale = _f.dateLocale;
-
-  var status = getOutgoingMessageState(channel, message);
-  var hideMessageStatusIcon = ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel)) && (channel.isSuper || channel.isPublic || channel.isBroadcast) && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED);
-  var iconType = (_b = {}, _b[OutgoingMessageStates.SENT] = IconTypes.DONE, _b[OutgoingMessageStates.DELIVERED] = IconTypes.DONE_ALL, _b[OutgoingMessageStates.READ] = IconTypes.DONE_ALL, _b[OutgoingMessageStates.FAILED] = IconTypes.ERROR, _b);
-  var iconColor = (_c = {}, _c[OutgoingMessageStates.SENT] = IconColors.SENT, _c[OutgoingMessageStates.DELIVERED] = IconColors.SENT, _c[OutgoingMessageStates.READ] = IconColors.READ, _c[OutgoingMessageStates.FAILED] = IconColors.ERROR, _c);
+const MessageStatusTypes = OutgoingMessageStates;
+function MessageStatus(_ref) {
+  var _channel$isGroupChann;
+  let {
+    className,
+    message,
+    channel,
+    isDateSeparatorConsidered = true
+  } = _ref;
+  const {
+    stringSet,
+    dateLocale
+  } = useLocalization();
+  const status = getOutgoingMessageState(channel, message);
+  const hideMessageStatusIcon = (channel === null || channel === void 0 ? void 0 : (_channel$isGroupChann = channel.isGroupChannel) === null || _channel$isGroupChann === void 0 ? void 0 : _channel$isGroupChann.call(channel)) && (channel.isSuper || channel.isPublic || channel.isBroadcast) && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED);
+  const iconType = {
+    [OutgoingMessageStates.SENT]: IconTypes.DONE,
+    [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,
+    [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,
+    [OutgoingMessageStates.FAILED]: IconTypes.ERROR
+  };
+  const iconColor = {
+    [OutgoingMessageStates.SENT]: IconColors.SENT,
+    [OutgoingMessageStates.DELIVERED]: IconColors.SENT,
+    [OutgoingMessageStates.READ]: IconColors.READ,
+    [OutgoingMessageStates.FAILED]: IconColors.ERROR
+  };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-message-status'], false).join(' ')
+    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-message-status'].join(' ')
   }, status === OutgoingMessageStates.PENDING ? /*#__PURE__*/React__default.createElement(Loader, {
     className: "sendbird-message-status__icon",
     width: "16px",
@@ -124,7 +115,7 @@ function MessageStatus(_a) {
     width: "16px",
     height: "16px"
   })) : /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-message-status__icon ".concat(hideMessageStatusIcon ? 'hide-icon' : '', " ").concat(status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'),
+    className: `sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'}`,
     type: iconType[status] || IconTypes.ERROR,
     fillColor: iconColor[status],
     width: "16px",
@@ -136,11 +127,11 @@ function MessageStatus(_a) {
   }, isDateSeparatorConsidered ? format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
     locale: dateLocale
   }) : getLastMessageCreatedAt({
-    channel: channel,
+    channel,
     locale: dateLocale,
-    stringSet: stringSet
+    stringSet
   })));
 }
 
 export { MessageStatus as M, getTotalMembers as a, getLastMessageCreatedAt as b, getLastMessage as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
-//# sourceMappingURL=index-1b91b116.js.map
+//# sourceMappingURL=index-bf4f0a7e.js.map

package/index-bf4f0a7e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-bf4f0a7e.js","sources":["../src/modules/ChannelList/components/ChannelPreview/utils.js","../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\nimport { truncateString } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\n/* eslint-disable default-param-last */\nexport const getChannelTitle = (channel = {}, currentUserId, stringSet = LabelStringSet) => {\n  if (!channel?.name && !channel?.members) {\n    return stringSet.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n  if (channel?.members?.length === 1) {\n    return stringSet.NO_MEMBERS;\n  }\n  return (channel?.members || [])\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || stringSet.NO_NAME))\n    .join(', ');\n};\n\nexport const getLastMessageCreatedAt = ({\n  channel,\n  locale,\n  stringSet,\n}) => {\n  const createdAt = channel?.lastMessage?.createdAt;\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n  }\n  if (isThisYear(createdAt)) {\n    return format(createdAt, 'MMM d', optionalParam);\n  }\n  return format(createdAt, 'yyyy/M/d', optionalParam);\n};\n\nexport const getTotalMembers = (channel) => (\n  channel?.memberCount\n    ? channel.memberCount\n    : 0\n);\n\nconst getPrettyLastMessage = (message = {}) => {\n  const MAXLEN = 30;\n  const { messageType, name } = message;\n  if (messageType === 'file') {\n    return truncateString(name, MAXLEN);\n  }\n  return message.message;\n};\n\nexport const getLastMessage = (channel) => (channel?.lastMessage ? getPrettyLastMessage(channel?.lastMessage) : '');\n\nexport const getChannelUnreadMessageCount = (channel) => (\n  channel?.unreadMessageCount\n    ? channel.unreadMessageCount\n    : 0\n);\n","import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n  getOutgoingMessageState,\n  OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { getLastMessageCreatedAt } from '../../modules/ChannelList/components/ChannelPreview/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { Nullable } from '../../types';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  channel: Nullable<GroupChannel>;\n  isDateSeparatorConsidered?: boolean;\n}\n\nexport default function MessageStatus({\n  className,\n  message,\n  channel,\n  isDateSeparatorConsidered = true,\n}: MessageStatusProps): React.ReactElement {\n  const { stringSet, dateLocale } = useLocalization();\n  const status = getOutgoingMessageState(channel, message);\n  const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n    (channel.isSuper || channel.isPublic || channel.isBroadcast)\n    && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n  );\n  const iconType = {\n    [OutgoingMessageStates.SENT]: IconTypes.DONE,\n    [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n  };\n  const iconColor = {\n    [OutgoingMessageStates.SENT]: IconColors.SENT,\n    [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n    [OutgoingMessageStates.READ]: IconColors.READ,\n    [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-status',\n      ].join(' ')}\n    >\n      {(status === OutgoingMessageStates.PENDING) ? (\n        <Loader\n          className=\"sendbird-message-status__icon\"\n          width=\"16px\"\n          height=\"16px\"\n        >\n          <Icon\n            type={IconTypes.SPINNER}\n            fillColor={IconColors.PRIMARY}\n            width=\"16px\"\n            height=\"16px\"\n          />\n        </Loader>\n      ) : (\n        <Icon\n          className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n          }`}\n          type={iconType[status] || IconTypes.ERROR}\n          fillColor={iconColor[status]}\n          width=\"16px\"\n          height=\"16px\"\n        />\n      )}\n      {isSentStatus(status) && (\n        <Label\n          className=\"sendbird-message-status__text\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {\n            isDateSeparatorConsidered\n              ? format(message?.createdAt || 0, 'p', { locale: dateLocale })\n              : getLastMessageCreatedAt({ channel, locale: dateLocale, stringSet })\n          }\n        </Label>\n      )}\n    </div>\n  );\n}\n"],"names":["getChannelTitle","_channel$members","channel","arguments","length","undefined","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join","getLastMessageCreatedAt","_ref3","_channel$lastMessage","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getTotalMembers","memberCount","getPrettyLastMessage","message","MAXLEN","messageType","truncateString","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","MessageStatusTypes","OutgoingMessageStates","MessageStatus","_channel$isGroupChann","className","isDateSeparatorConsidered","dateLocale","useLocalization","status","getOutgoingMessageState","hideMessageStatusIcon","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","IconColors","React","createElement","Array","isArray","Loader","width","height","Icon","type","SPINNER","fillColor","PRIMARY","isSentStatus","Label","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_2"],"mappings":"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"}

package/index-c54a357d.js

@@ -0,0 +1,320 @@
+import React__default, { useReducer, useContext, createContext } from 'react';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-34fc6689.js';
+import { f as VOICE_PLAYER_ROOT_ID, g as VOICE_PLAYER_AUDIO_ID, b as VOICE_MESSAGE_FILE_NAME, c as VOICE_MESSAGE_MIME_TYPE } from './consts-bd5c0783.js';
+import useSendbirdStateContext from './useSendbirdStateContext.js';
+
+const INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
+const SET_CURRENT_PLAYER = 'SET_CURRENT_PLAYER';
+const ON_VOICE_PLAYER_PLAY = 'ON_VOICE_PLAYER_PLAY';
+const ON_VOICE_PLAYER_PAUSE = 'ON_VOICE_PLAYER_PAUSE';
+const ON_CURRENT_TIME_UPDATE = 'ON_CURRENT_TIME_UPDATE';
+
+const VOICE_PLAYER_STATUS = {
+  IDLE: 'IDLE',
+  PREPARING: 'PREPARING',
+  PLAYING: 'PLAYING',
+  PAUSED: 'PAUSED',
+  COMPLETED: 'COMPLETED'
+};
+const AudioUnitDefaultValue = () => ({
+  audioFile: null,
+  playbackTime: 0,
+  duration: 1000,
+  playingStatus: VOICE_PLAYER_STATUS.IDLE
+});
+const voicePlayerInitialState = {
+  currentPlayer: null,
+  currentGroupKey: '',
+  audioStorage: {}
+};
+
+function voicePlayerReducer(state, action) {
+  switch (action.type) {
+    case INITIALIZE_AUDIO_UNIT:
+      {
+        var _state$audioStorage;
+        const {
+          groupKey
+        } = action.payload;
+        const audioUnit = (_state$audioStorage = state.audioStorage) !== null && _state$audioStorage !== void 0 && _state$audioStorage[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
+        audioUnit.playingStatus = VOICE_PLAYER_STATUS.PREPARING;
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
+            [groupKey]: audioUnit
+          })
+        });
+      }
+    case SET_CURRENT_PLAYER:
+      {
+        const {
+          audioPlayer,
+          groupKey
+        } = action.payload;
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          currentPlayer: audioPlayer,
+          currentGroupKey: groupKey
+        });
+      }
+    case ON_VOICE_PLAYER_PLAY:
+      {
+        var _state$audioStorage2;
+        const {
+          groupKey,
+          audioFile
+        } = action.payload;
+        const audioUnit = (_state$audioStorage2 = state.audioStorage) !== null && _state$audioStorage2 !== void 0 && _state$audioStorage2[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
+        audioUnit.audioFile = audioFile;
+        audioUnit.playingStatus = VOICE_PLAYER_STATUS.PLAYING;
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
+            [groupKey]: audioUnit
+          })
+        });
+      }
+    case ON_VOICE_PLAYER_PAUSE:
+      {
+        var _state$audioStorage3;
+        const {
+          groupKey
+        } = action.payload;
+        const audioUnit = (_state$audioStorage3 = state.audioStorage) !== null && _state$audioStorage3 !== void 0 && _state$audioStorage3[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
+        audioUnit.playingStatus = VOICE_PLAYER_STATUS.PAUSED;
+        const {
+          currentTime,
+          duration
+        } = state.currentPlayer;
+        if (audioUnit.playbackTime === audioUnit.duration) {
+          audioUnit.playbackTime = 0;
+        } else if (currentTime > 0 && duration > 0) {
+          audioUnit.playbackTime = currentTime;
+          audioUnit.duration = duration;
+        }
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
+            [groupKey]: audioUnit
+          })
+        });
+      }
+    case ON_CURRENT_TIME_UPDATE:
+      {
+        var _state$audioStorage4;
+        const {
+          groupKey
+        } = action.payload;
+        const {
+          currentTime,
+          duration
+        } = state.currentPlayer;
+        const audioUnit = (_state$audioStorage4 = state.audioStorage) !== null && _state$audioStorage4 !== void 0 && _state$audioStorage4[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
+        if (currentTime > 0 && duration > 0) {
+          audioUnit.playbackTime = currentTime;
+          audioUnit.duration = duration;
+        }
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
+            [groupKey]: audioUnit
+          })
+        });
+      }
+    default:
+      return state;
+  }
+}
+
+// VoicePlayerProvider interface
+
+const ALL = 'ALL';
+const noop = () => {/* noop */};
+const VoicePlayerStoreDefaultValue = {
+  currentGroupKey: '',
+  currentPlayer: null,
+  audioStorage: {}
+};
+const Context = /*#__PURE__*/createContext({
+  play: noop,
+  pause: noop,
+  stop: noop,
+  voicePlayerStore: VoicePlayerStoreDefaultValue
+});
+const VoicePlayerProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const [voicePlayerStore, voicePlayerDispatcher] = useReducer(voicePlayerReducer, voicePlayerInitialState);
+  const {
+    currentGroupKey,
+    currentPlayer,
+    audioStorage
+  } = voicePlayerStore;
+  const {
+    config
+  } = useSendbirdStateContext();
+  const {
+    logger
+  } = config;
+  const stop = function () {
+    let text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    if (currentGroupKey.includes(text)) {
+      logger.info('VoicePlayer: Pause playing(by text).');
+      pause(currentGroupKey);
+    }
+  };
+  const pause = groupKey => {
+    if (currentGroupKey === groupKey && currentPlayer !== null) {
+      logger.info('VoicePlayer: Pause playing(by group key).');
+      currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
+    }
+    if (groupKey === ALL) {
+      logger.info('VoicePlayer: Pause playing(all).');
+      currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
+    }
+  };
+  const play = _ref2 => {
+    let {
+      groupKey,
+      audioFile = null,
+      audioFileUrl = ''
+    } = _ref2;
+    if (groupKey !== currentGroupKey) {
+      pause(currentGroupKey);
+    }
+
+    // Clear the previous AudioPlayer element
+    const voicePlayerRoot = document.getElementById(VOICE_PLAYER_ROOT_ID);
+    const voicePlayerAudioElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);
+    if (voicePlayerAudioElement) {
+      voicePlayerRoot.removeChild(voicePlayerAudioElement);
+    }
+    logger.info('VoicePlayer: Start getting audio file.');
+    new Promise(resolve => {
+      var _audioStorage$groupKe;
+      voicePlayerDispatcher({
+        type: INITIALIZE_AUDIO_UNIT,
+        payload: {
+          groupKey
+        }
+      });
+      // audio file passed as a parameter
+      if (audioFile) {
+        logger.info('VoicePlayer: Use the audioFile instance.');
+        resolve(audioFile);
+        return;
+      }
+      // audio file from the audioStorage
+      const cachedAudioFile = audioStorage === null || audioStorage === void 0 ? void 0 : (_audioStorage$groupKe = audioStorage[groupKey]) === null || _audioStorage$groupKe === void 0 ? void 0 : _audioStorage$groupKe.audioFile;
+      if (cachedAudioFile) {
+        logger.info('VoicePlayer: Get from the audioStorage.');
+        resolve(cachedAudioFile);
+        return;
+      }
+      // fetch the audio file from URL
+      fetch(audioFileUrl).then(res => res.blob()).then(blob => {
+        const audioFile = new File([blob], VOICE_MESSAGE_FILE_NAME, {
+          lastModified: new Date().getTime(),
+          type: VOICE_MESSAGE_MIME_TYPE
+        });
+        resolve(audioFile);
+        logger.info('VoicePlayer: Get the audioFile from URL.');
+      });
+    }).then(audioFile => {
+      var _URL, _URL$createObjectURL;
+      const voicePlayerRoot = document.getElementById(VOICE_PLAYER_ROOT_ID);
+      logger.info('VoicePlayer: Succeeded getting audio file.', {
+        audioFile
+      });
+      const currentAudioUnit = audioStorage[groupKey] || AudioUnitDefaultValue();
+      const audioPlayer = new Audio((_URL = URL) === null || _URL === void 0 ? void 0 : (_URL$createObjectURL = _URL.createObjectURL) === null || _URL$createObjectURL === void 0 ? void 0 : _URL$createObjectURL.call(_URL, audioFile));
+      audioPlayer.id = VOICE_PLAYER_AUDIO_ID;
+      audioPlayer.currentTime = currentAudioUnit.playbackTime;
+      audioPlayer.volume = 1;
+      audioPlayer.loop = false;
+      audioPlayer.onplaying = () => {
+        logger.info('VoicePlayer: OnPlaying event is called from audioPlayer', {
+          groupKey,
+          audioPlayer
+        });
+        voicePlayerDispatcher({
+          type: ON_VOICE_PLAYER_PLAY,
+          payload: {
+            groupKey,
+            audioFile
+          }
+        });
+      };
+      audioPlayer.onpause = () => {
+        logger.info('VoicePlayer: OnPause event is called from audioPlayer', {
+          groupKey,
+          audioPlayer
+        });
+        voicePlayerDispatcher({
+          type: ON_VOICE_PLAYER_PAUSE,
+          payload: {
+            groupKey
+          }
+        });
+      };
+      audioPlayer.ontimeupdate = () => {
+        voicePlayerDispatcher({
+          type: ON_CURRENT_TIME_UPDATE,
+          payload: {
+            groupKey
+          }
+        });
+      };
+      audioPlayer.dataset.sbGroupId = groupKey;
+      // clean up the previous audio player
+      try {
+        voicePlayerRoot === null || voicePlayerRoot === void 0 ? void 0 : voicePlayerRoot.childNodes.forEach(node => {
+          var _element$dataset;
+          const element = node;
+          const thisGroupKey = (_element$dataset = element.dataset) === null || _element$dataset === void 0 ? void 0 : _element$dataset.sbGroupKey;
+          if (thisGroupKey !== groupKey) {
+            var _element$pause;
+            element === null || element === void 0 ? void 0 : (_element$pause = element.pause) === null || _element$pause === void 0 ? void 0 : _element$pause.call(element);
+            voicePlayerDispatcher({
+              type: ON_VOICE_PLAYER_PAUSE,
+              payload: {
+                groupKey
+              }
+            });
+            voicePlayerRoot.removeChild(element);
+            logger.info('VoicePlayer: Removed other player.', {
+              element
+            });
+          }
+        });
+      } finally {
+        audioPlayer === null || audioPlayer === void 0 ? void 0 : audioPlayer.play();
+        voicePlayerRoot === null || voicePlayerRoot === void 0 ? void 0 : voicePlayerRoot.appendChild(audioPlayer);
+        voicePlayerDispatcher({
+          type: SET_CURRENT_PLAYER,
+          payload: {
+            groupKey,
+            audioPlayer
+          }
+        });
+        logger.info('VoicePlayer: Succeeded playing audio player.', {
+          groupKey,
+          audioPlayer
+        });
+      }
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(Context.Provider, {
+    value: {
+      play,
+      pause,
+      stop,
+      voicePlayerStore
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    id: VOICE_PLAYER_ROOT_ID,
+    style: {
+      display: 'none'
+    }
+  }), children);
+};
+const useVoicePlayerContext = () => useContext(Context);
+
+export { ALL as A, VoicePlayerProvider as V, VOICE_PLAYER_STATUS as a, AudioUnitDefaultValue as b, useVoicePlayerContext as u };
+//# sourceMappingURL=index-c54a357d.js.map