@sendbird/uikit-react 3.9.1-rc-0 → 3.9.1-rc-3

package/cjs/chunks/bundle-DjEMvWcY.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var React = require('react');
+var ui_ContextMenu = require('../ui/ContextMenu.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var LocalizationContext = require('./bundle-TC__EeCU.js');
+
+var OpenChannelMessageStatusTypes = {
+    NONE: 'none',
+    PENDING: 'pending',
+    FAILED: 'failed',
+    CANCELED: 'canceled',
+    SUCCEEDED: 'succeeded',
+};
+var getSenderFromMessage = function (message) {
+    // @ts-ignore
+    return message.sender || message._sender;
+};
+var checkIsSent = function (status) { return (status === OpenChannelMessageStatusTypes.SUCCEEDED); };
+var checkIsPending = function (status) { return (status === OpenChannelMessageStatusTypes.PENDING); };
+var checkIsFailed = function (status) { return (status === OpenChannelMessageStatusTypes.FAILED); };
+var checkIsByMe = function (message, userId) { return (getSenderFromMessage(message).userId === userId); };
+var isFineCopy = function (_a) {
+    var _b;
+    var message = _a.message;
+    return ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && ((_b = message === null || message === void 0 ? void 0 : message.message) === null || _b === void 0 ? void 0 : _b.length) > 0);
+};
+var isFineResend = function (_a) {
+    var message = _a.message, status = _a.status, userId = _a.userId;
+    return checkIsByMe(message, userId)
+        && checkIsFailed(status)
+        // @ts-ignore
+        && (message === null || message === void 0 ? void 0 : message.isResendable);
+};
+var isFineEdit = function (_a) {
+    var _b;
+    var message = _a.message, status = _a.status, userId = _a.userId;
+    return checkIsByMe(message, userId) && checkIsSent(status) && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message));
+};
+var isFineDelete = function (_a) {
+    var message = _a.message, userId = _a.userId;
+    return checkIsByMe(message, userId);
+};
+var isFineDownload = function (_a) {
+    var _b;
+    var message = _a.message, status = _a.status;
+    if (((_b = message === null || message === void 0 ? void 0 : message.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(message)) && checkIsSent(status)) {
+        return true;
+    }
+    return false;
+};
+var showMenuTrigger = function (props) {
+    var message = props.message, status = props.status, userId = props.userId;
+    // @ts-ignore
+    if (message.messageType === 'user') {
+        return (isFineDelete({ message: message, status: status, userId: userId })
+            || isFineEdit({ message: message, status: status, userId: userId })
+            // @ts-ignore
+            || isFineCopy({ message: message, status: status, userId: userId })
+            || isFineResend({ message: message, status: status, userId: userId }));
+    }
+    else {
+        return (isFineDelete({ message: message, status: status, userId: userId })
+            || isFineResend({ message: message, status: status, userId: userId }));
+    }
+};
+
+var OpenChannelMobileMenu = function (props) {
+    var _a, _b;
+    var message = props.message, parentRef = props.parentRef, resendMessage = props.resendMessage, showEdit = props.showEdit, showRemove = props.showRemove, copyToClipboard = props.copyToClipboard, hideMenu = props.hideMenu, _c = props.isEphemeral, isEphemeral = _c === void 0 ? false : _c;
+    var userMessage = message;
+    var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var userId = (_b = (_a = useSendbirdStateContext.useSendbirdStateContext()) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var fileMessage = message;
+    return (React.createElement(ui_ContextMenu.default, { isOpen: true, menuItems: function () { return (React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-openchannel__mobile-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
+            isFineCopy({ message: userMessage, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
+                    copyToClipboard();
+                }, dataSbId: "open_channel_mobile_context_menu_copy" },
+                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY))),
+            (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
+                    showEdit();
+                }, dataSbId: "open_channel_mobile_context_menu_edit" },
+                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT))),
+            isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                    resendMessage();
+                }, dataSbId: "open_channel_mobile_context_menu_resend" },
+                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND))),
+            (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                    showRemove();
+                }, dataSbId: "open_channel_mobile_context_menu_delete" },
+                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))),
+            isFineDownload({ message: message, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                    hideMenu();
+                }, dataSbId: "open_channel_mobile_context_menu_download_file" },
+                React.createElement("a", { className: "sendbird-openchannel__mobile-menu-hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" }, stringSet.CONTEXT_MENU_DROPDOWN__SAVE))))); } }));
+};
+
+exports.OpenChannelMobileMenu = OpenChannelMobileMenu;
+exports.checkIsFailed = checkIsFailed;
+exports.checkIsPending = checkIsPending;
+exports.checkIsSent = checkIsSent;
+exports.getSenderFromMessage = getSenderFromMessage;
+exports.isFineCopy = isFineCopy;
+exports.isFineDelete = isFineDelete;
+exports.isFineEdit = isFineEdit;
+exports.isFineResend = isFineResend;
+exports.showMenuTrigger = showMenuTrigger;
+//# sourceMappingURL=bundle-DjEMvWcY.js.map

package/cjs/chunks/bundle-DjEMvWcY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-DjEMvWcY.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/bundle-EHcEzPai.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+var sendbirdSelectors = require('../sendbirdSelectors.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+
+exports.CHANNEL_TYPE = void 0;
+(function (CHANNEL_TYPE) {
+    CHANNEL_TYPE["GROUP"] = "group";
+    CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
+    CHANNEL_TYPE["BROADCAST"] = "broadcast";
+})(exports.CHANNEL_TYPE || (exports.CHANNEL_TYPE = {}));
+
+var CreateChannelContext = React.createContext(undefined);
+var CreateChannelProvider = function (props) {
+    var _a;
+    var children = props.children, onCreateChannel = props.onCreateChannel, onBeforeCreateChannel = props.onBeforeCreateChannel, overrideInviteUser = props.overrideInviteUser, userListQuery = props.userListQuery;
+    var store = useSendbirdStateContext.useSendbirdStateContext();
+    var userListQuery_ = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
+    var createChannel = sendbirdSelectors.getCreateGroupChannel(store);
+    var _b = React.useState(0), step = _b[0], setStep = _b[1];
+    var _c = React.useState(exports.CHANNEL_TYPE.GROUP), type = _c[0], setType = _c[1];
+    return (React.createElement(CreateChannelContext.Provider, { value: {
+            onBeforeCreateChannel: onBeforeCreateChannel,
+            createChannel: createChannel,
+            onCreateChannel: onCreateChannel,
+            overrideInviteUser: overrideInviteUser,
+            userListQuery: userListQuery || userListQuery_,
+            step: step,
+            setStep: setStep,
+            type: type,
+            setType: setType,
+        } }, children));
+};
+var useCreateChannelContext = function () { return (React.useContext(CreateChannelContext)); };
+
+exports.CreateChannelProvider = CreateChannelProvider;
+exports.useCreateChannelContext = useCreateChannelContext;
+//# sourceMappingURL=bundle-EHcEzPai.js.map

package/cjs/chunks/bundle-EHcEzPai.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-EHcEzPai.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/bundle-EKnRh3sa.js

@@ -0,0 +1,28 @@
+'use strict';
+
+exports.Colors = void 0;
+(function (Colors) {
+    Colors["ONBACKGROUND_1"] = "ONBACKGROUND_1";
+    Colors["ONBACKGROUND_2"] = "ONBACKGROUND_2";
+    Colors["ONBACKGROUND_3"] = "ONBACKGROUND_3";
+    Colors["ONBACKGROUND_4"] = "ONBACKGROUND_4";
+    Colors["ONCONTENT_1"] = "ONCONTENT_1";
+    Colors["ONCONTENT_2"] = "ONCONTENT_2";
+    Colors["PRIMARY"] = "PRIMARY";
+    Colors["ERROR"] = "ERROR";
+})(exports.Colors || (exports.Colors = {}));
+var changeColorToClassName = function (color) {
+    switch (color) {
+        case exports.Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';
+        case exports.Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';
+        case exports.Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';
+        case exports.Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';
+        case exports.Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';
+        case exports.Colors.PRIMARY: return 'sendbird-color--primary';
+        case exports.Colors.ERROR: return 'sendbird-color--error';
+        default: return null;
+    }
+};
+
+exports.changeColorToClassName = changeColorToClassName;
+//# sourceMappingURL=bundle-EKnRh3sa.js.map

package/cjs/chunks/bundle-EKnRh3sa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-EKnRh3sa.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/bundle-GP3Ucpb7.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var noop = function () { };
+var isAboutSame = function (a, b, px) { return Math.abs(a - b) <= px; };
+
+exports.isAboutSame = isAboutSame;
+exports.noop = noop;
+//# sourceMappingURL=bundle-GP3Ucpb7.js.map

package/cjs/chunks/bundle-GP3Ucpb7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-GP3Ucpb7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/chunks/bundle-IgGMwQ1Y.js

@@ -0,0 +1,178 @@
+'use strict';
+
+var index$1 = require('./bundle--I6lxHSG.js');
+var index = require('./bundle-PNC743vH.js');
+
+/**
+ * @name isToday
+ * @category Day Helpers
+ * @summary Is the given date today?
+ * @pure false
+ *
+ * @description
+ * Is the given date today?
+ *
+ * > ⚠️ 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 today
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // If today is 6 October 2014, is 6 October 14:00:00 today?
+ * const result = isToday(new Date(2014, 9, 6, 14, 0))
+ * //=> true
+ */
+
+function isToday(dirtyDate) {
+  index.requiredArgs(1, arguments);
+  return index$1.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) {
+  index.requiredArgs(2, arguments);
+  var dateLeft = index.toDate(dirtyDateLeft);
+  var dateRight = index.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) {
+  index.requiredArgs(1, arguments);
+  return isSameYear(dirtyDate, Date.now());
+}
+
+/**
+ * @name addDays
+ * @category Day Helpers
+ * @summary Add the specified number of days to the given date.
+ *
+ * @description
+ * Add the specified number of days to the given date.
+ *
+ * @param {Date|Number} date - the date to be changed
+ * @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`.
+ * @returns {Date} - the new date with the days added
+ * @throws {TypeError} - 2 arguments required
+ *
+ * @example
+ * // Add 10 days to 1 September 2014:
+ * const result = addDays(new Date(2014, 8, 1), 10)
+ * //=> Thu Sep 11 2014 00:00:00
+ */
+
+function addDays(dirtyDate, dirtyAmount) {
+  index.requiredArgs(2, arguments);
+  var date = index.toDate(dirtyDate);
+  var amount = index.toInteger(dirtyAmount);
+
+  if (isNaN(amount)) {
+    return new Date(NaN);
+  }
+
+  if (!amount) {
+    // If 0 days, no-op to avoid changing times in the hour before end of DST
+    return date;
+  }
+
+  date.setDate(date.getDate() + amount);
+  return date;
+}
+
+/**
+ * @name subDays
+ * @category Day Helpers
+ * @summary Subtract the specified number of days from the given date.
+ *
+ * @description
+ * Subtract the specified number of days from the given date.
+ *
+ * @param {Date|Number} date - the date to be changed
+ * @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`.
+ * @returns {Date} the new date with the days subtracted
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // Subtract 10 days from 1 September 2014:
+ * const result = subDays(new Date(2014, 8, 1), 10)
+ * //=> Fri Aug 22 2014 00:00:00
+ */
+
+function subDays(dirtyDate, dirtyAmount) {
+  index.requiredArgs(2, arguments);
+  var amount = index.toInteger(dirtyAmount);
+  return addDays(dirtyDate, -amount);
+}
+
+/**
+ * @name isYesterday
+ * @category Day Helpers
+ * @summary Is the given date yesterday?
+ * @pure false
+ *
+ * @description
+ * Is the given date yesterday?
+ *
+ * > ⚠️ 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 yesterday
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // If today is 6 October 2014, is 5 October 14:00:00 yesterday?
+ * const result = isYesterday(new Date(2014, 9, 5, 14, 0))
+ * //=> true
+ */
+
+function isYesterday(dirtyDate) {
+  index.requiredArgs(1, arguments);
+  return index$1.isSameDay(dirtyDate, subDays(Date.now(), 1));
+}
+
+exports.isThisYear = isThisYear;
+exports.isToday = isToday;
+exports.isYesterday = isYesterday;
+//# sourceMappingURL=bundle-IgGMwQ1Y.js.map

package/cjs/chunks/bundle-IgGMwQ1Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-IgGMwQ1Y.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":["requiredArgs","isSameDay","toDate","toInteger"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/cjs/chunks/bundle-JUKkOJIB.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
+
+exports.TEXT_MESSAGE_BODY_CLASSNAME = TEXT_MESSAGE_BODY_CLASSNAME;
+//# sourceMappingURL=bundle-JUKkOJIB.js.map

package/cjs/chunks/bundle-JUKkOJIB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-JUKkOJIB.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/chunks/bundle-JYWBy0ot.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var _tslib = require('./bundle-L2600BGM.js');
+var React = require('react');
+var stringSet = require('./bundle-dKpJ5taX.js');
+
+var Typography = {
+    H_1: 'H_1',
+    H_2: 'H_2',
+    SUBTITLE_1: 'SUBTITLE_1',
+    SUBTITLE_2: 'SUBTITLE_2',
+    BODY_1: 'BODY_1',
+    BODY_2: 'BODY_2',
+    BUTTON_1: 'BUTTON_1',
+    BUTTON_2: 'BUTTON_2',
+    CAPTION_1: 'CAPTION_1',
+    CAPTION_2: 'CAPTION_2',
+    CAPTION_3: 'CAPTION_3',
+};
+var Colors = {
+    ONBACKGROUND_1: 'ONBACKGROUND_1',
+    ONBACKGROUND_2: 'ONBACKGROUND_2',
+    ONBACKGROUND_3: 'ONBACKGROUND_3',
+    ONBACKGROUND_4: 'ONBACKGROUND_4',
+    ONCONTENT_1: 'ONCONTENT_1',
+    ONCONTENT_2: 'ONCONTENT_2',
+    PRIMARY: 'PRIMARY',
+    ERROR: 'ERROR',
+    SECONDARY_3: 'SECONDARY_3',
+};
+
+function changeTypographyToClassName(type) {
+    switch (type) {
+        case Typography.H_1: return 'sendbird-label--h-1';
+        case Typography.H_2: return 'sendbird-label--h-2';
+        case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';
+        case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';
+        case Typography.BODY_1: return 'sendbird-label--body-1';
+        case Typography.BODY_2: return 'sendbird-label--body-2';
+        case Typography.BUTTON_1: return 'sendbird-label--button-1';
+        case Typography.BUTTON_2: return 'sendbird-label--button-2';
+        case Typography.CAPTION_1: return 'sendbird-label--caption-1';
+        case Typography.CAPTION_2: return 'sendbird-label--caption-2';
+        case Typography.CAPTION_3: return 'sendbird-label--caption-3';
+        default: return '';
+    }
+}
+function changeColorToClassName(color) {
+    switch (color) {
+        case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';
+        case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';
+        case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';
+        case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';
+        case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';
+        case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';
+        case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me
+        case Colors.ERROR: return 'sendbird-label--color-error';
+        case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';
+        default: return '';
+    }
+}
+
+function Label(_a) {
+    var _b = _a.className, className = _b === void 0 ? [] : _b, type = _a.type, color = _a.color, _c = _a.children, children = _c === void 0 ? null : _c;
+    return (
+    // Donot make this into div
+    // Mention uses Label. If we use div, it would break the mention detection on Paste
+    // https://github.com/sendbird/sendbird-uikit-react/pull/479
+    React.createElement("span", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-label',
+            changeTypographyToClassName(type),
+            changeColorToClassName(color),
+        ], false).join(' ') }, children));
+}
+var LabelTypography = Typography;
+var LabelColors = Colors;
+var LabelStringSet = stringSet.getStringSet('en');
+
+exports.Label = Label;
+exports.LabelColors = LabelColors;
+exports.LabelStringSet = LabelStringSet;
+exports.LabelTypography = LabelTypography;
+exports.changeColorToClassName = changeColorToClassName;
+//# sourceMappingURL=bundle-JYWBy0ot.js.map

package/cjs/chunks/bundle-JYWBy0ot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-JYWBy0ot.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/bundle-L2600BGM.js

@@ -0,0 +1,102 @@
+'use strict';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+exports.__assign = function() {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+exports.__awaiter = __awaiter;
+exports.__extends = __extends;
+exports.__generator = __generator;
+exports.__spreadArray = __spreadArray;
+//# sourceMappingURL=bundle-L2600BGM.js.map

package/cjs/chunks/bundle-L2600BGM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-L2600BGM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/bundle-OGFlCewV.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
+
+exports.OG_MESSAGE_BODY_CLASSNAME = OG_MESSAGE_BODY_CLASSNAME;
+//# sourceMappingURL=bundle-OGFlCewV.js.map

package/cjs/chunks/bundle-OGFlCewV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-OGFlCewV.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/chunks/bundle-P7HUsbNe.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var React = require('react');
+var index_module = require('./bundle-4GLlXPNp.js');
+var tokenize = require('./bundle-iGH2iRXN.js');
+var Message_context = require('../Message/context.js');
+var ui_MentionLabel = require('../ui/MentionLabel.js');
+var ui_LinkLabel = require('../ui/LinkLabel.js');
+var ui_Label = require('./bundle-JYWBy0ot.js');
+
+// this function is used to generate a unique key for token in message
+// it changes with updated time and index
+// messageUpdatedAt is the key part of this key generator
+function keyGenerator(createdAt, messageUpdatedAt, index) {
+    return "sb-msg_".concat(createdAt, "_").concat(messageUpdatedAt, "_").concat(index);
+}
+
+function TextFragment(_a) {
+    var tokens = _a.tokens;
+    var messageStore = Message_context.useMessageContext();
+    var message = messageStore === null || messageStore === void 0 ? void 0 : messageStore.message;
+    var isByMe = messageStore === null || messageStore === void 0 ? void 0 : messageStore.isByMe;
+    var updatedAt = message.updatedAt, createdAt = message.createdAt;
+    return (React.createElement(React.Fragment, null, tokens === null || tokens === void 0 ? void 0 : tokens.map(function (token, idx) {
+        var key = keyGenerator(createdAt, updatedAt, idx);
+        return index_module.K(token.type)
+            .with(tokenize.TOKEN_TYPES.mention, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
+            React.createElement(ui_MentionLabel, { mentionTemplate: tokenize.USER_MENTION_PREFIX, 
+                // @ts-ignore
+                mentionedUserId: token.userId, mentionedUserNickname: token.value, isByMe: isByMe }))); })
+            .with(tokenize.TOKEN_TYPES.url, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
+            React.createElement(ui_LinkLabel.default, { className: "sendbird-word__url", src: token.value, type: ui_Label.LabelTypography.BODY_1 }, token.value))); })
+            .otherwise(function () { return React.createElement(React.Fragment, { key: key }, tokenize.getWhiteSpacePreservedText(token.value)); });
+    })));
+}
+
+exports.TextFragment = TextFragment;
+//# sourceMappingURL=bundle-P7HUsbNe.js.map

package/cjs/chunks/bundle-P7HUsbNe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-P7HUsbNe.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}