@sendbird/uikit-react 3.14.14 → 3.15.1-rc-0

package/cjs/chunks/bundle-BmOYsaXq.js

@@ -0,0 +1,379 @@
+'use strict';
+
+var React = require('react');
+var index = require('./bundle-8RBMRmET.js');
+var ui_ContextMenu = require('./bundle-D2Gtma9j.js');
+var ui_Avatar = require('./bundle-BPqSk2ME.js');
+var ui_UserProfile = require('../ui/UserProfile.js');
+var UserProfileContext = require('./bundle-TDS3yLUB.js');
+var utils = require('./bundle-VlV8i6ZM.js');
+var _tslib = require('./bundle-BYsUSyZS.js');
+var ui_OGMessageItemBody = require('../ui/OGMessageItemBody.js');
+var ui_TextMessageItemBody = require('../ui/TextMessageItemBody.js');
+var ui_FileMessageItemBody = require('../ui/FileMessageItemBody.js');
+var useFileInfoListWithUploaded = require('./bundle-CqVb1T_O.js');
+var ui_VoiceMessageItemBody = require('../ui/VoiceMessageItemBody.js');
+var ui_ThumbnailMessageItemBody = require('../ui/ThumbnailMessageItemBody.js');
+var ui_UnknownMessageItemBody = require('../ui/UnknownMessageItemBody.js');
+var ui_TemplateMessageItemBody = require('../ui/TemplateMessageItemBody.js');
+var ui_Button = require('../ui/Button.js');
+var ui_Label = require('./bundle-B8WAxqhr.js');
+var ui_MessageFeedbackFailedModal = require('../ui/MessageFeedbackFailedModal.js');
+var LocalizationContext = require('./bundle-IXuHLntF.js');
+var ui_Icon = require('../ui/Icon.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var consts = require('./bundle-CbEfU0vp.js');
+var utils$1 = require('./bundle-Bzxqw79Q.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+function MessageProfile(_a) {
+    var 
+    // Internal props
+    _b = _a.className, 
+    // Internal props
+    className = _b === void 0 ? '' : _b, isByMe = _a.isByMe, displayThreadReplies = _a.displayThreadReplies, bottom = _a.bottom, 
+    // MessageContentProps
+    message = _a.message, channel = _a.channel, userId = _a.userId, _c = _a.chainBottom, chainBottom = _c === void 0 ? false : _c;
+    var avatarRef = React.useRef(null);
+    var _d = UserProfileContext.useUserProfileContext(), disableUserProfile = _d.disableUserProfile, renderUserProfile = _d.renderUserProfile;
+    if (isByMe || chainBottom || !index.isSendableMessage(message)) {
+        return null;
+    }
+    return (React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) {
+            var _a, _b;
+            return (React__default.default.createElement(ui_Avatar.Avatar, { className: utils.classnames(className, displayThreadReplies && 'use-thread-replies'), src: ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) { return (member === null || member === void 0 ? void 0 : member.userId) === message.sender.userId; })) === null || _b === void 0 ? void 0 : _b.profileUrl)
+                    || message.sender.profileUrl
+                    || '', 
+                // TODO: Divide getting profileUrl logic to utils
+                ref: avatarRef, width: "28px", height: "28px", bottom: bottom, onClick: function () {
+                    if (!disableUserProfile)
+                        toggleDropdown();
+                } }));
+        }, menuItems: function (closeDropdown) { return (renderUserProfile ? (renderUserProfile({
+            user: message.sender,
+            close: closeDropdown,
+            currentUserId: userId,
+            avatarRef: avatarRef,
+        })) : (React__default.default.createElement(ui_ContextMenu.MenuItems
+        /**
+         * parentRef: For catching location(x, y) of MenuItems
+         * parentContainRef: For toggling more options(menus & reactions)
+        */
+        , { 
+            /**
+             * parentRef: For catching location(x, y) of MenuItems
+             * parentContainRef: For toggling more options(menus & reactions)
+            */
+            parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
+            React__default.default.createElement(ui_UserProfile, { user: message.sender, onSuccess: closeDropdown })))); } }));
+}
+
+var InputLabel = function (_a) {
+    var children = _a.children;
+    return (React__default.default.createElement(ui_Label.Label, { className: 'sendbird-form-message__input__label', type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, children));
+};
+var FormInput = function (props) {
+    var name = props.name, required = props.required, errorMessage = props.errorMessage, isValid = props.isValid, values = props.values, isInvalidated = props.isInvalidated, isSubmitTried = props.isSubmitTried, style = props.style, onFocused = props.onFocused, onChange = props.onChange, placeHolder = props.placeHolder, isSubmitted = props.isSubmitted;
+    var layout = style.layout, _a = style.options, options = _a === void 0 ? [] : _a, resultCount = style.resultCount;
+    var _b = resultCount !== null && resultCount !== void 0 ? resultCount : {}, _c = _b.min, min = _c === void 0 ? 1 : _c, _d = _b.max, max = _d === void 0 ? 1 : _d;
+    var chipDataList = getInitialChipDataList();
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var handleFocus = function () {
+        onFocused === null || onFocused === void 0 ? void 0 : onFocused(true);
+    };
+    var handleBlur = function () {
+        onFocused === null || onFocused === void 0 ? void 0 : onFocused(false);
+    };
+    function getInitialChipDataList() {
+        if (isSubmitted) {
+            return options.map(function (option) { return ({
+                state: values.includes(option)
+                    ? 'submittedSelected'
+                    : 'submittedDefault',
+                option: option,
+            }); });
+        }
+        else {
+            return options.map(function (option) { return ({
+                state: values.includes(option) ? 'selected' : 'default',
+                option: option,
+            }); });
+        }
+    }
+    var onChipClick = function (index) {
+        if (isSubmitted)
+            return;
+        var newDraftedValues;
+        if (min === 1 && max === 1) {
+            // Single select
+            newDraftedValues = chipDataList[index].state === 'selected' ? [] : [chipDataList[index].option];
+        }
+        else {
+            newDraftedValues = chipDataList.reduce(function (acc, chipData, i) {
+                if (i === index) {
+                    if (chipData.state === 'default' && values.length < max) {
+                        acc.push(chipData.option);
+                    }
+                }
+                else if (chipData.state === 'selected') {
+                    acc.push(chipData.option);
+                }
+                return acc;
+            }, []);
+        }
+        onChange(newDraftedValues);
+    };
+    return (React__default.default.createElement("div", { className: 'sendbird-form-message__input__root' },
+        React__default.default.createElement(InputLabel, null,
+            React__default.default.createElement("div", { className: 'sendbird-form-message__input__title-container' },
+                name,
+                " ",
+                !required && React__default.default.createElement("span", { className: 'sendbird-form-message__input__title-optional' }, "(optional)"))),
+        React__default.default.createElement("div", { className: 'sendbird-input_for_form' },
+            (function () {
+                switch (layout) {
+                    case 'chip': {
+                        return (React__default.default.createElement("div", { className: 'sendbird-form-message__input__chip-container' }, chipDataList.map(function (chipData, index) {
+                            return (React__default.default.createElement("div", { className: "sendbird-form-message__input__chip ".concat(chipData.state), key: index, onClick: function () { return onChipClick(index); } },
+                                React__default.default.createElement("div", { className: 'sendbird-form-message__input__chip-text' }, chipData.option),
+                                isSubmitted
+                                    && chipData.state === 'submittedSelected' && (React__default.default.createElement(ui_Icon.default, { className: 'sendbird-form-message__submitted-check-icon-chip', type: ui_Icon.IconTypes.DONE, fillColor: ui_Icon.IconColors.SECONDARY_2, width: '20px', height: '20px' }))));
+                        })));
+                    }
+                    case 'textarea': {
+                        var currentValue = values.length > 0 ? values[0] : '';
+                        return (React__default.default.createElement("div", { className: 'sendbird-form-message__input__container' }, isSubmitted ? (React__default.default.createElement("div", { className: 'sendbird-form-message__submitted-input-box textarea' },
+                            React__default.default.createElement("div", { className: 'sendbird-form-message__submitted-input-box-text' }, currentValue),
+                            isValid && (React__default.default.createElement("div", { className: 'sendbird-form-message__submitted-check-icon-container' },
+                                React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DONE, fillColor: ui_Icon.IconColors.SECONDARY_2, width: '20px', height: '20px' }))),
+                            !currentValue && (React__default.default.createElement(ui_Label.Label, { className: 'sendbird-input__placeholder', type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_3 }, stringSet.FORM_ITEM_OPTIONAL_EMPTY)))) : (React__default.default.createElement(React__default.default.Fragment, null,
+                            React__default.default.createElement("textarea", { className: utils.classnames('sendbird-input__input', !!errorMessage && 'error', 'sendbird-form-message__input__textarea'), required: required, disabled: isSubmitted, value: currentValue, onFocus: handleFocus, onBlur: handleBlur, onChange: function (event) {
+                                    var value = event.target.value;
+                                    onChange(value ? [value] : []);
+                                } }),
+                            (placeHolder && !currentValue) && (React__default.default.createElement(ui_Label.Label, { className: 'sendbird-input__placeholder textarea', type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_3 }, placeHolder))))));
+                    }
+                    case 'text':
+                    case 'number':
+                    case 'phone':
+                    case 'email': {
+                        var currentValue = values.length > 0 ? values[0] : '';
+                        return (React__default.default.createElement("div", { className: "sendbird-form-message__input__container" }, isSubmitted ? (React__default.default.createElement("div", { className: "sendbird-form-message__submitted-input-box" },
+                            React__default.default.createElement("div", { className: "sendbird-form-message__submitted-input-box-text" }, currentValue),
+                            isValid && (React__default.default.createElement("div", { className: "sendbird-form-message__submitted-check-icon-container" },
+                                React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DONE, fillColor: ui_Icon.IconColors.SECONDARY_2, width: "20px", height: "20px" }))),
+                            !currentValue && (React__default.default.createElement(ui_Label.Label, { className: 'sendbird-input__placeholder', type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_3 }, stringSet.FORM_ITEM_OPTIONAL_EMPTY)))) : (React__default.default.createElement(React__default.default.Fragment, null,
+                            React__default.default.createElement("input", { type: layout === 'number' ? 'text' : layout, inputMode: layout === 'number' ? 'numeric' : 'text', className: "sendbird-input__input ".concat(errorMessage ? 'error' : ''), name: name, required: required, disabled: isSubmitted, value: currentValue, onFocus: handleFocus, onBlur: handleBlur, onChange: function (event) {
+                                    var value = event.target.value;
+                                    onChange(value ? [value] : []);
+                                } }),
+                            (placeHolder && !currentValue) && (React__default.default.createElement(ui_Label.Label, { className: 'sendbird-input__placeholder', type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_3 }, placeHolder))))));
+                    }
+                    default: {
+                        return React__default.default.createElement(React__default.default.Fragment, null);
+                    }
+                }
+            })(),
+            errorMessage && (isSubmitTried || isInvalidated) && (React__default.default.createElement(ui_Label.Label, { className: 'sendbird-form-message__error-label', type: ui_Label.LabelTypography.CAPTION_3 }, errorMessage)))));
+};
+
+var FallbackUserMessage = function (_a) {
+    var isByMe = _a.isByMe, text = _a.text;
+    return (React__default.default.createElement("div", { className: index.getClassName([
+            'sendbird-unknown-message-item-body',
+            isByMe ? 'outgoing' : 'incoming',
+        ]) },
+        React__default.default.createElement(ui_Label.Label, { className: "sendbird-unknown-message-item-body__description", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_3 : ui_Label.LabelColors.ONBACKGROUND_3 }, text)));
+};
+function FormMessageItemBody(props) {
+    var _this = this;
+    var message = props.message, form = props.form, isByMe = props.isByMe;
+    var items = form.items, formId = form.id;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var logger = config.logger;
+    var _a = React.useState(false), submitFailed = _a[0], setSubmitFailed = _a[1];
+    var _b = React.useState(false), isSubmitTried = _b[0], setIsSubmitTried = _b[1];
+    var _c = React.useState(function () {
+        var initialFormValues = [];
+        items.forEach(function (_a) {
+            var required = _a.required, style = _a.style;
+            var layout = style.layout, _b = style.defaultOptions, defaultOptions = _b === void 0 ? [] : _b;
+            initialFormValues.push({
+                draftValues: layout === 'chip' ? defaultOptions : [],
+                required: required,
+                errorMessage: null,
+                isInvalidated: false,
+            });
+        });
+        return initialFormValues;
+    }), formValues = _c[0], setFormValues = _c[1];
+    var isSubmitted = form.isSubmitted;
+    var hasError = formValues.some(function (_a) {
+        var errorMessage = _a.errorMessage;
+        return !!errorMessage;
+    });
+    var hasInvalidated = formValues.some(function (_a) {
+        var isInvalidated = _a.isInvalidated;
+        return isInvalidated;
+    });
+    var isButtonDisabled = (hasError && (isSubmitTried || hasInvalidated)) || isSubmitted;
+    var handleSubmit = React.useCallback(function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+        var hasError_1, isMissingRequired, error_1;
+        return _tslib.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsSubmitTried(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    hasError_1 = formValues.some(function (_a) {
+                        var errorMessage = _a.errorMessage;
+                        return errorMessage;
+                    });
+                    if (hasError_1) {
+                        return [2 /*return*/];
+                    }
+                    isMissingRequired = formValues.some(function (formValue) { return formValue.required
+                        && (!formValue.draftValues || formValue.draftValues.length === 0); });
+                    if (isMissingRequired) {
+                        setFormValues(function (oldFormValues) {
+                            return oldFormValues.map(function (formValue) {
+                                if (formValue.required && formValue.draftValues.length === 0) {
+                                    return _tslib.__assign(_tslib.__assign({}, formValue), { errorMessage: stringSet.FORM_ITEM_REQUIRED });
+                                }
+                                return formValue;
+                            });
+                        });
+                        return [2 /*return*/];
+                    }
+                    formValues.forEach(function (formValue, index) {
+                        items[index].draftValues = formValue.draftValues;
+                    });
+                    return [4 /*yield*/, message.submitMessageForm()];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    setSubmitFailed(true);
+                    logger === null || logger === void 0 ? void 0 : logger.error(error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [formValues, message.messageId, message.submitMessageForm, formId]);
+    if (!utils$1.isFormVersionCompatible(form.version)) {
+        return React__default.default.createElement(FallbackUserMessage, { isByMe: isByMe, text: stringSet.FORM_VERSION_ERROR });
+    }
+    return (React__default.default.createElement("div", { className: index.getClassName([
+            "".concat(consts.TEXT_MESSAGE_BODY_CLASSNAME, " disable-hover"),
+            'sendbird-form-message__root',
+            'incoming',
+        ]) },
+        items.map(function (item, index) {
+            var _a;
+            var name = item.name, placeholder = item.placeholder, id = item.id, required = item.required, style = item.style;
+            var _b = formValues[index], _c = _b.draftValues, draftValues = _c === void 0 ? [] : _c, errorMessage = _b.errorMessage;
+            return (React__default.default.createElement(FormInput, { key: id, style: style, placeHolder: placeholder, values: (_a = item.submittedValues) !== null && _a !== void 0 ? _a : draftValues, isInvalidated: formValues[index].isInvalidated, isSubmitTried: isSubmitTried, errorMessage: errorMessage, isValid: isSubmitted, isSubmitted: isSubmitted, name: name, required: required, onFocused: function (isFocus) {
+                    if (errorMessage && !isFocus && !formValues[index].isInvalidated) {
+                        setFormValues(function (_a) {
+                            var newInputs = _a.slice(0);
+                            newInputs[index] = _tslib.__assign(_tslib.__assign({}, newInputs[index]), { isInvalidated: true });
+                            return newInputs;
+                        });
+                    }
+                    else if (!errorMessage) {
+                        setFormValues(function (_a) {
+                            var newInputs = _a.slice(0);
+                            newInputs[index] = _tslib.__assign(_tslib.__assign({}, newInputs[index]), { isInvalidated: false });
+                            return newInputs;
+                        });
+                    }
+                }, onChange: function (values) {
+                    setFormValues(function (_a) {
+                        var newInputs = _a.slice(0);
+                        newInputs[index] = _tslib.__assign(_tslib.__assign({}, newInputs[index]), { draftValues: values, errorMessage: (function () {
+                                if (!item.isValid(values)) {
+                                    return stringSet.FORM_ITEM_INVALID;
+                                }
+                                if (required && values.length === 0) {
+                                    return stringSet.FORM_ITEM_REQUIRED;
+                                }
+                                return null;
+                            })() });
+                        return newInputs; // Return the new array
+                    });
+                } }));
+        }),
+        React__default.default.createElement(ui_Button.default, { className: 'sendbird-form-message__submit-button', onClick: handleSubmit, disabled: isButtonDisabled, labelType: ui_Label.LabelTypography.BUTTON_2, labelColor: ui_Label.LabelColors.ONCONTENT_1 }, isSubmitted ? 'Submitted successfully' : 'Submit'),
+        submitFailed && (React__default.default.createElement(ui_MessageFeedbackFailedModal, { text: 'Submit failed.', onCancel: function () {
+                setSubmitFailed(false);
+            } }))));
+}
+
+var MESSAGE_ITEM_BODY_CLASSNAME = 'sendbird-message-content__middle__message-item-body';
+var MessageBody = function (props) {
+    var _a;
+    var _b = props.className, className = _b === void 0 ? MESSAGE_ITEM_BODY_CLASSNAME : _b, message = props.message, channel = props.channel, showFileViewer = props.showFileViewer, onMessageHeightChange = props.onMessageHeightChange, onTemplateMessageRenderedCallback = props.onTemplateMessageRenderedCallback, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, mouseHover = props.mouseHover, isMobile = props.isMobile, config = props.config, isReactionEnabledInChannel = props.isReactionEnabledInChannel, isByMe = props.isByMe;
+    // Private props for internal customization.
+    var customSubcomponentsProps = (_a = props['customSubcomponentsProps']) !== null && _a !== void 0 ? _a : {};
+    var threadMessageKindKey = useFileInfoListWithUploaded.useThreadMessageKindKeySelector({
+        isMobile: isMobile,
+    });
+    var statefulFileInfoList = useFileInfoListWithUploaded.useFileInfoListWithUploaded(message); // For MultipleFilesMessage.
+    var messageTypes = index.getUIKitMessageTypes();
+    var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
+    var isFormMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableFormTypeMessage;
+    return index.K(message)
+        .when(function (message) { return isFormMessageEnabledInGroupChannel && index.isFormMessage(message); }, function () { return (React__default.default.createElement(FormMessageItemBody, { isByMe: isByMe, message: message, form: message.messageForm })); })
+        .when(index.isTemplateMessage, function () { return (React__default.default.createElement(ui_TemplateMessageItemBody.TemplateMessageItemBody, { className: className, message: message, isByMe: isByMe, theme: config === null || config === void 0 ? void 0 : config.theme, onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback })); })
+        .when(function (message) { return isOgMessageEnabledInGroupChannel
+        && index.isSendableMessage(message)
+        && index.isOGMessage(message); }, function () {
+        var _a;
+        return (React__default.default.createElement(ui_OGMessageItemBody, { className: className, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage }));
+    })
+        .when(index.isTextMessage, function () {
+        var _a;
+        return (React__default.default.createElement(ui_TextMessageItemBody, { className: className, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage }));
+    })
+        .when(function (message) { return index.getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React__default.default.createElement(ui_FileMessageItemBody, { className: className, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
+        .when(index.isMultipleFilesMessage, function () {
+        var _a;
+        return (React__default.default.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, _tslib.__assign({ className: className, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage }, (_a = customSubcomponentsProps['MultipleFilesMessageItemBody']) !== null && _a !== void 0 ? _a : {})));
+    })
+        .when(index.isVoiceMessage, function () {
+        var _a;
+        return (React__default.default.createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, { className: className, message: message, channelUrl: (_a = channel === null || channel === void 0 ? void 0 : channel.url) !== null && _a !== void 0 ? _a : '', isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel }));
+    })
+        .when(index.isThumbnailMessage, function () {
+        var _a;
+        return (React__default.default.createElement(ui_ThumbnailMessageItemBody, _tslib.__assign({ className: className, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, showFileViewer: showFileViewer, style: isMobile ? { width: '100%' } : {} }, (_a = customSubcomponentsProps['ThumbnailMessageItemBody']) !== null && _a !== void 0 ? _a : {})));
+    })
+        .otherwise(function (message) { return (React__default.default.createElement(ui_UnknownMessageItemBody, { className: className, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel })); });
+};
+
+var MessageHeader = function (props) {
+    var _a, _b;
+    var channel = props.channel, message = props.message;
+    return (React__default.default.createElement(ui_Label.Label, { className: "sendbird-message-content__middle__sender-name", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, 
+    /**
+     * To use the latest member profile information, message.sender might be outdated
+     */
+    ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) {
+        var _a;
+        // @ts-ignore
+        return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId);
+    })) === null || _b === void 0 ? void 0 : _b.nickname) || index.getSenderName(message)
+    // TODO: Divide getting profileUrl logic to utils
+    ));
+};
+
+exports.MessageBody = MessageBody;
+exports.MessageHeader = MessageHeader;
+exports.MessageProfile = MessageProfile;
+//# sourceMappingURL=bundle-BmOYsaXq.js.map

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

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

package/cjs/chunks/{bundle-uDha8F3k.js → bundle-Bmct4WZk.js}

@@ -22,4 +22,4 @@ function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
 }
 
 exports.useReconnectOnIdle = useReconnectOnIdle;
-//# sourceMappingURL=bundle-uDha8F3k.js.map
+//# sourceMappingURL=bundle-Bmct4WZk.js.map

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

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

package/cjs/chunks/{bundle-DgDbXNwZ.js → bundle-BmlAg-d8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-Cru9LFqc.js');
+var index = require('./bundle-CAvilI1R.js');
 
 /**
  * @name startOfDay
@@ -63,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=bundle-DgDbXNwZ.js.map
+//# sourceMappingURL=bundle-BmlAg-d8.js.map

package/cjs/chunks/{bundle-DgDbXNwZ.js.map → bundle-BmlAg-d8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-DgDbXNwZ.js","sources":["../../../node_modules/date-fns/esm/startOfDay/index.js","../../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\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 day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"bundle-BmlAg-d8.js","sources":["../../../node_modules/date-fns/esm/startOfDay/index.js","../../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\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 day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}

package/cjs/chunks/{bundle-BDv_id6L.js → bundle-BtgF-e00.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var _tslib = require('./bundle-zlHcIQSu.js');
+var _tslib = require('./bundle-BYsUSyZS.js');
 var React = require('react');
-var index$1 = require('./bundle-D6pcLavL.js');
-var utils = require('./bundle-Bcia1ZjE.js');
+var index$1 = require('./bundle-8RBMRmET.js');
+var utils = require('./bundle-VlV8i6ZM.js');
 var reactDom = require('react-dom');
-var LocalizationContext = require('./bundle-DuU5B5-_.js');
-var MediaQueryContext = require('./bundle-G08Qqz-z.js');
+var LocalizationContext = require('./bundle-IXuHLntF.js');
+var MediaQueryContext = require('./bundle-CMERKr_O.js');
 var ui_IconButton = require('../ui/IconButton.js');
 var ui_Button = require('../ui/Button.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-9sHOJFhF.js');
+var ui_Label = require('./bundle-B8WAxqhr.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-var uuid = require('./bundle-DPBDeBk_.js');
+var uuid = require('./bundle-D1bwz1ea.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('./bundle-DdlhyKeM.js');
-var consts = require('./bundle-sPjQ2Pux.js');
+require('./bundle-DmBFD-tt.js');
+var consts = require('./bundle-DroeUVpw.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('./bundle-Bx6GgprJ.js');
+require('./bundle-D2Gtma9j.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -192,7 +192,7 @@ var VoiceRecorderProvider = function (props) {
     }
     React.useEffect(function () {
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            Promise.resolve().then(function () { return require('./bundle-DA1KoGNz.js'); }).then(function (module) { return setWebAudioUtils(module); });
+            Promise.resolve().then(function () { return require('./bundle-DuWD_zxn.js'); }).then(function (module) { return setWebAudioUtils(module); });
         }
     }, [isVoiceMessageEnabled, webAudioUtils]);
     var start = React.useCallback(function (eventHandler) {
@@ -382,4 +382,4 @@ exports.index = index;
 exports.mapColorKeys = mapColorKeys;
 exports.useGlobalModalContext = useGlobalModalContext;
 exports.useVoiceRecorderContext = useVoiceRecorderContext;
-//# sourceMappingURL=bundle-BDv_id6L.js.map
+//# sourceMappingURL=bundle-BtgF-e00.js.map

package/cjs/chunks/bundle-BtgF-e00.js.map

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

package/cjs/chunks/{bundle-C1sSg8J5.js → bundle-Bu0AG_Ab.js}

@@ -7,4 +7,4 @@ var USER_ACTIONS = {
 };
 
 exports.USER_ACTIONS = USER_ACTIONS;
-//# sourceMappingURL=bundle-C1sSg8J5.js.map
+//# sourceMappingURL=bundle-Bu0AG_Ab.js.map

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

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

package/cjs/chunks/{bundle-IOTgMjOG.js → bundle-Bw5Qu7M2.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var _tslib = require('./bundle-zlHcIQSu.js');
+var _tslib = require('./bundle-BYsUSyZS.js');
 var React = require('react');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-var ui_ContextMenu = require('./bundle-Bx6GgprJ.js');
+var ui_ContextMenu = require('./bundle-D2Gtma9j.js');
 require('react-dom');
 var ui_IconButton = require('../ui/IconButton.js');
-require('./bundle-D6pcLavL.js');
-var LocalizationContext = require('./bundle-DuU5B5-_.js');
-var utils = require('./bundle-Bcia1ZjE.js');
+require('./bundle-8RBMRmET.js');
+var LocalizationContext = require('./bundle-IXuHLntF.js');
+var utils = require('./bundle-VlV8i6ZM.js');
 var ui_Icon = require('../ui/Icon.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -283,4 +283,4 @@ var UserListItemMenu = function (props) {
 exports.UserListItemMenu = UserListItemMenu;
 exports.UserListItemMenuProvider = UserListItemMenuProvider;
 exports.useUserListItemMenuContext = useUserListItemMenuContext;
-//# sourceMappingURL=bundle-IOTgMjOG.js.map
+//# sourceMappingURL=bundle-Bw5Qu7M2.js.map

package/cjs/chunks/{bundle-IOTgMjOG.js.map → bundle-Bw5Qu7M2.js.map}

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

package/cjs/chunks/{bundle-BUUc-Q9Z.js → bundle-Bzxqw79Q.js}

@@ -1,5 +1,7 @@
 'use strict';
 
+var _const = require('./bundle-jXtU2r8z.js');
+
 function getComponentKeyFromMessage(message) {
     if ('sendingStatus' in message) {
         if (message.sendingStatus === 'succeeded')
@@ -32,14 +34,31 @@ var isDisabledBecauseMuted = function (groupChannel) {
     return groupChannel.myMutedState === 'muted';
 };
 var isDisabledBecauseSuggestedReplies = function (channel, enableSuggestedReplies) {
-    var _a, _b;
-    return enableSuggestedReplies && !!((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _a === void 0 ? void 0 : _a.extendedMessagePayload) === null || _b === void 0 ? void 0 : _b.disable_chat_input);
+    var _a, _b, _c, _d;
+    return enableSuggestedReplies
+        && Array.isArray((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _a === void 0 ? void 0 : _a.extendedMessagePayload) === null || _b === void 0 ? void 0 : _b.suggested_replies)
+        && !!((_d = (_c = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _c === void 0 ? void 0 : _c.extendedMessagePayload) === null || _d === void 0 ? void 0 : _d.disable_chat_input);
+};
+var isFormVersionCompatible = function (version) {
+    return version <= _const.UIKIT_COMPATIBLE_FORM_VERSION;
+};
+var isDisabledBecauseMessageForm = function (allMessages, enableFormTypeMessage) {
+    return enableFormTypeMessage
+        && allMessages.some(function (message) {
+            var _a;
+            return (!!message.messageForm
+                && !message.messageForm.isSubmitted
+                && !!((_a = message.extendedMessagePayload) === null || _a === void 0 ? void 0 : _a.disable_chat_input)
+                && isFormVersionCompatible(message.messageForm.version));
+        });
 };
 
 exports.getComponentKeyFromMessage = getComponentKeyFromMessage;
 exports.getMessageTopOffset = getMessageTopOffset;
 exports.isContextMenuClosed = isContextMenuClosed;
 exports.isDisabledBecauseFrozen = isDisabledBecauseFrozen;
+exports.isDisabledBecauseMessageForm = isDisabledBecauseMessageForm;
 exports.isDisabledBecauseMuted = isDisabledBecauseMuted;
 exports.isDisabledBecauseSuggestedReplies = isDisabledBecauseSuggestedReplies;
-//# sourceMappingURL=bundle-BUUc-Q9Z.js.map
+exports.isFormVersionCompatible = isFormVersionCompatible;
+//# sourceMappingURL=bundle-Bzxqw79Q.js.map

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

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

package/cjs/chunks/{bundle-Cru9LFqc.js → bundle-CAvilI1R.js}

@@ -70,4 +70,4 @@ function toDate(argument) {
 exports._typeof = _typeof;
 exports.requiredArgs = requiredArgs;
 exports.toDate = toDate;
-//# sourceMappingURL=bundle-Cru9LFqc.js.map
+//# sourceMappingURL=bundle-CAvilI1R.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CAvilI1R.js","sources":["../../../node_modules/@babel/runtime/helpers/esm/typeof.js","../../../node_modules/date-fns/esm/_lib/requiredArgs/index.js","../../../node_modules/date-fns/esm/toDate/index.js"],"sourcesContent":["function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport default function toDate(argument) {\n  requiredArgs(1, arguments);\n  var argStr = Object.prototype.toString.call(argument);\n\n  // Clone the date\n  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments\");\n      // eslint-disable-next-line no-console\n      console.warn(new Error().stack);\n    }\n    return new Date(NaN);\n  }\n}"],"names":[],"mappings":";;AAAA,SAAS,OAAO,CAAC,CAAC,EAAE;AACpB,EAAE,yBAAyB,CAAC;AAC5B;AACA,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE;AACpG,IAAI,OAAO,OAAO,CAAC,CAAC;AACpB,GAAG,GAAG,UAAU,CAAC,EAAE;AACnB,IAAI,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;AACxH,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAChB;;ACRe,SAAS,YAAY,CAAC,QAAQ,EAAE,IAAI,EAAE;AACrD,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,EAAE;AAC9B,IAAI,MAAM,IAAI,SAAS,CAAC,QAAQ,GAAG,WAAW,IAAI,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,sBAAsB,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;AAChI,GAAG;AACH;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,MAAM,CAAC,QAAQ,EAAE;AACzC,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxD;AACA;AACA,EAAE,IAAI,QAAQ,YAAY,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,MAAM,KAAK,eAAe,EAAE;AAChG;AACA,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AACxC,GAAG,MAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,EAAE;AAC3E,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,KAAK,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1G;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,oNAAoN,CAAC,CAAC;AACzO;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AACtC,KAAK;AACL,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,GAAG;AACH;;;;;;","x_google_ignoreList":[0,1,2]}