@sendbird/uikit-react 3.14.3 → 3.14.4

package/ui/IconButton.js

@@ -1,23 +1,23 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-7oF7KbGv.js';
 import React__default, { useState } from 'react';
 
-var IconButton = React__default.forwardRef(function (props, ref) {
-    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.width, width = _c === void 0 ? '56px' : _c, _d = props.height, height = _d === void 0 ? '56px' : _d, _e = props.type, type = _e === void 0 ? 'button' : _e, _f = props.style, style = _f === void 0 ? {} : _f, _g = props.onBlur, onBlur = _g === void 0 ? function () { } : _g, _h = props.onClick, onClick = _h === void 0 ? function () { } : _h;
-    var _j = useState(false), isPressed = _j[0], setIsPressed = _j[1];
-    return (React__default.createElement("button", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-iconbutton',
-            isPressed ? 'sendbird-iconbutton--pressed' : '',
-        ], false).join(' '), disabled: disabled, ref: ref, type: type, style: __assign(__assign({}, style), { height: height, width: width }), onClick: function (e) {
-            if (disabled) {
-                return;
-            }
-            setIsPressed(true);
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
-        }, onBlur: function (e) {
-            setIsPressed(false);
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-        } },
-        React__default.createElement("span", { className: "sendbird-iconbutton__inner" }, children)));
+var IconButton = React__default.forwardRef(function (props, ref) {
+    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.width, width = _c === void 0 ? '56px' : _c, _d = props.height, height = _d === void 0 ? '56px' : _d, _e = props.type, type = _e === void 0 ? 'button' : _e, _f = props.style, style = _f === void 0 ? {} : _f, _g = props.onBlur, onBlur = _g === void 0 ? function () { } : _g, _h = props.onClick, onClick = _h === void 0 ? function () { } : _h;
+    var _j = useState(false), isPressed = _j[0], setIsPressed = _j[1];
+    return (React__default.createElement("button", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-iconbutton',
+            isPressed ? 'sendbird-iconbutton--pressed' : '',
+        ], false).join(' '), disabled: disabled, ref: ref, type: type, style: __assign(__assign({}, style), { height: height, width: width }), onClick: function (e) {
+            if (disabled) {
+                return;
+            }
+            setIsPressed(true);
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }, onBlur: function (e) {
+            setIsPressed(false);
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+        } },
+        React__default.createElement("span", { className: "sendbird-iconbutton__inner" }, children)));
 });
 
 export { IconButton as default };

package/ui/ImageRenderer.js

@@ -1,166 +1,166 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-7oF7KbGv.js';
 import React__default, { useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { n as noop } from '../chunks/bundle-DZl__KhG.js';
+import { n as noop } from '../chunks/bundle-ByvmbZD0.js';
 
-var numberToPx = (function (value) {
-    return typeof value === 'number' ? "".concat(value, "px") : value;
+var numberToPx = (function (value) {
+    return typeof value === 'number' ? "".concat(value, "px") : value;
 });
 
-function getDynamicMinLengthInPx(sideLength, maxSideLength, defaultMinLength) {
-    var _a;
-    return "min(".concat(maxSideLength !== null && maxSideLength !== void 0 ? maxSideLength : defaultMinLength, ", ").concat((_a = numberToPx(sideLength)) !== null && _a !== void 0 ? _a : defaultMinLength, ")");
+function getDynamicMinLengthInPx(sideLength, maxSideLength, defaultMinLength) {
+    var _a;
+    return "min(".concat(maxSideLength !== null && maxSideLength !== void 0 ? maxSideLength : defaultMinLength, ", ").concat((_a = numberToPx(sideLength)) !== null && _a !== void 0 ? _a : defaultMinLength, ")");
 }
 
-function useDynamicSideLength(_a) {
-    var width = _a.width, height = _a.height, maxSideLength = _a.maxSideLength, defaultMinLength = _a.defaultMinLength;
-    var dynamicMinWidth = useMemo(function () {
-        return getDynamicMinLengthInPx(width, maxSideLength, defaultMinLength);
-    }, [width]);
-    var dynamicMinHeight = useMemo(function () {
-        return getDynamicMinLengthInPx(height, maxSideLength, defaultMinLength);
-    }, [height]);
-    return [dynamicMinWidth, dynamicMinHeight];
+function useDynamicSideLength(_a) {
+    var width = _a.width, height = _a.height, maxSideLength = _a.maxSideLength, defaultMinLength = _a.defaultMinLength;
+    var dynamicMinWidth = useMemo(function () {
+        return getDynamicMinLengthInPx(width, maxSideLength, defaultMinLength);
+    }, [width]);
+    var dynamicMinHeight = useMemo(function () {
+        return getDynamicMinLengthInPx(height, maxSideLength, defaultMinLength);
+    }, [height]);
+    return [dynamicMinWidth, dynamicMinHeight];
 }
 
-var useIsElementInViewport = function (elementRef) {
-    var _a = useState(false), isVisible = _a[0], setIsVisible = _a[1];
-    useLayoutEffect(function () {
-        var observer = new IntersectionObserver(function (entries) {
-            var entry = entries[0];
-            if (entry)
-                setIsVisible(entry.isIntersecting);
-        });
-        if (elementRef.current)
-            observer.observe(elementRef.current);
-        return function () { return observer.disconnect(); };
-    }, [elementRef.current]);
-    return isVisible;
+var useIsElementInViewport = function (elementRef) {
+    var _a = useState(false), isVisible = _a[0], setIsVisible = _a[1];
+    useLayoutEffect(function () {
+        var observer = new IntersectionObserver(function (entries) {
+            var entry = entries[0];
+            if (entry)
+                setIsVisible(entry.isIntersecting);
+        });
+        if (elementRef.current)
+            observer.observe(elementRef.current);
+        return function () { return observer.disconnect(); };
+    }, [elementRef.current]);
+    return isVisible;
 };
 
-var useLazyImageLoader = function (elementRef) {
-    var isLoaded = useRef(false);
-    var isVisible = useIsElementInViewport(elementRef);
-    if (isVisible)
-        isLoaded.current = true;
-    return isLoaded.current;
+var useLazyImageLoader = function (elementRef) {
+    var isLoaded = useRef(false);
+    var isVisible = useIsElementInViewport(elementRef);
+    if (isVisible)
+        isLoaded.current = true;
+    return isLoaded.current;
 };
 
-function getBorderRadiusForImageRenderer(circle, borderRadius) {
-    if (circle === void 0) { circle = false; }
-    if (borderRadius === void 0) { borderRadius = null; }
-    return circle ? '50%' : numberToPx(borderRadius);
-}
-function getBorderRadiusForMultipleImageRenderer(borderRadius, index, totalCount) {
-    var value = typeof borderRadius === 'string' ? parseInt(borderRadius, 10) : borderRadius;
-    var lastIndex = totalCount - 1;
-    var topLeft = index === 0 ? value * 2 : value;
-    var topRight = index === 1 ? value * 2 : value;
-    var bottomRight = index === lastIndex ? value * 2 : value;
-    var bottomLeft = index === lastIndex - 1 ? value * 2 : value;
-    return "".concat(topLeft, "px ").concat(topRight, "px ").concat(bottomRight, "px ").concat(bottomLeft, "px");
-}
-/*
-  ImageRenderer displays image with url or source
-  it checks if the source exist with img tag first
-  if it exists onLoad is called, if not onError is called
-  and those properties switch img tag to real purposing element
-*/
-var ImageRenderer = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, url = _a.url, _c = _a.alt, alt = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? null : _d, _e = _a.maxSideLength, maxSideLength = _e === void 0 ? null : _e, _f = _a.height, height = _f === void 0 ? null : _f, _g = _a.circle, circle = _g === void 0 ? false : _g, _h = _a.fixedSize, fixedSize = _h === void 0 ? false : _h, _j = _a.placeHolder, placeHolder = _j === void 0 ? null : _j, _k = _a.defaultComponent, defaultComponent = _k === void 0 ? null : _k, _l = _a.borderRadius, borderRadius = _l === void 0 ? null : _l, _m = _a.onLoad, onLoad = _m === void 0 ? noop : _m, _o = _a.onError, onError = _o === void 0 ? noop : _o, shadeOnHover = _a.shadeOnHover, _p = _a.isUploaded, isUploaded = _p === void 0 ? true : _p;
-    var ref = useRef(null);
-    var isLoaded = useLazyImageLoader(ref);
-    var internalUrl = isLoaded ? url : null;
-    var _q = useState(false), defaultComponentVisible = _q[0], setDefaultComponentVisible = _q[1];
-    var _r = useState(true), placeholderVisible = _r[0], setPlaceholderVisible = _r[1];
-    var _s = useDynamicSideLength({
-        width: width,
-        height: height,
-        maxSideLength: maxSideLength,
-        defaultMinLength: '400px',
-    }), dynamicMinWidth = _s[0], dynamicMinHeight = _s[1];
-    var renderPlaceholder = function () {
-        if (typeof placeHolder === 'function') {
-            return placeHolder({
-                style: {
-                    width: '100%',
-                    minWidth: dynamicMinWidth,
-                    maxWidth: fixedSize ? dynamicMinWidth : '400px',
-                    height: dynamicMinHeight,
-                    position: 'absolute',
-                    display: 'flex',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                },
-            });
-        }
-        return placeHolder;
-    };
-    var renderDefault = function () {
-        if (typeof defaultComponent === 'function')
-            return defaultComponent();
-        return defaultComponent;
-    };
-    var renderImage = function () {
-        var backgroundStyle = internalUrl ? {
-            backgroundRepeat: 'no-repeat',
-            backgroundPosition: 'center',
-            backgroundSize: 'cover',
-            backgroundImage: "url(".concat(internalUrl, ")"),
-        } : {};
-        return (React__default.createElement("div", { className: "sendbird-image-renderer__image", style: __assign({ width: '100%', minWidth: dynamicMinWidth, maxWidth: fixedSize ? dynamicMinWidth : '400px', height: dynamicMinHeight, position: 'absolute', borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, backgroundStyle) }));
-    };
-    return (dynamicMinWidth
-        && dynamicMinHeight && (React__default.createElement("div", { ref: ref, className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), ['sendbird-image-renderer'], false).join(' '), style: {
-            width: '100%',
-            minWidth: dynamicMinWidth,
-            maxWidth: fixedSize ? dynamicMinWidth : '400px',
-            height: dynamicMinHeight,
-        } },
-        placeholderVisible && renderPlaceholder(),
-        (!internalUrl || defaultComponentVisible) ? renderDefault() : renderImage(),
-        shadeOnHover && (React__default.createElement("div", { className: "sendbird-multiple-files-image-renderer__image-cover", style: __assign({ borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, (isUploaded ? {} : { display: 'inline-flex' })) })),
-        internalUrl && React__default.createElement(HiddenImageLoader, { src: internalUrl, alt: alt, onLoadStart: function () {
-                setPlaceholderVisible(true);
-                setDefaultComponentVisible(false);
-            }, onLoad: function () {
-                setPlaceholderVisible(false);
-                setDefaultComponentVisible(false);
-                onLoad();
-            }, onError: function () {
-                setPlaceholderVisible(false);
-                setDefaultComponentVisible(true);
-                onError();
-            } }))));
-};
-// Image is loaded as a background-image, but this component serves as a hidden component to receive events indicating whether the image has actually been loaded.
-var HiddenImageLoader = function (props) {
-    var src = props.src, alt = props.alt, _a = props.onLoadStart, onLoadStart = _a === void 0 ? noop : _a, _b = props.onLoad, onLoad = _b === void 0 ? noop : _b, _c = props.onError, onError = _c === void 0 ? noop : _c;
-    var reloadCtx = useRef({
-        currSrc: src,
-        prevSrc: src,
-        loadFailure: false,
-    });
-    if (reloadCtx.current.currSrc !== src) {
-        reloadCtx.current.prevSrc = reloadCtx.current.currSrc;
-        reloadCtx.current.currSrc = src;
-    }
-    // SideEffect: If the image URL has changed or loading has failed, please try again
-    useLayoutEffect(function () {
-        if (src) {
-            var sourceChanged = reloadCtx.current.prevSrc !== reloadCtx.current.currSrc;
-            var loadFailure = reloadCtx.current.loadFailure;
-            if (sourceChanged || loadFailure) {
-                onLoadStart();
-            }
-        }
-    }, [src, navigator.onLine]);
-    return (React__default.createElement("img", { className: "sendbird-image-renderer__hidden-image-loader", src: src, alt: alt, onLoad: function () {
-            reloadCtx.current.loadFailure = false;
-            onLoad();
-        }, onError: function () {
-            reloadCtx.current.loadFailure = true;
-            onError();
-        } }));
+function getBorderRadiusForImageRenderer(circle, borderRadius) {
+    if (circle === void 0) { circle = false; }
+    if (borderRadius === void 0) { borderRadius = null; }
+    return circle ? '50%' : numberToPx(borderRadius);
+}
+function getBorderRadiusForMultipleImageRenderer(borderRadius, index, totalCount) {
+    var value = typeof borderRadius === 'string' ? parseInt(borderRadius, 10) : borderRadius;
+    var lastIndex = totalCount - 1;
+    var topLeft = index === 0 ? value * 2 : value;
+    var topRight = index === 1 ? value * 2 : value;
+    var bottomRight = index === lastIndex ? value * 2 : value;
+    var bottomLeft = index === lastIndex - 1 ? value * 2 : value;
+    return "".concat(topLeft, "px ").concat(topRight, "px ").concat(bottomRight, "px ").concat(bottomLeft, "px");
+}
+/*
+  ImageRenderer displays image with url or source
+  it checks if the source exist with img tag first
+  if it exists onLoad is called, if not onError is called
+  and those properties switch img tag to real purposing element
+*/
+var ImageRenderer = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, url = _a.url, _c = _a.alt, alt = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? null : _d, _e = _a.maxSideLength, maxSideLength = _e === void 0 ? null : _e, _f = _a.height, height = _f === void 0 ? null : _f, _g = _a.circle, circle = _g === void 0 ? false : _g, _h = _a.fixedSize, fixedSize = _h === void 0 ? false : _h, _j = _a.placeHolder, placeHolder = _j === void 0 ? null : _j, _k = _a.defaultComponent, defaultComponent = _k === void 0 ? null : _k, _l = _a.borderRadius, borderRadius = _l === void 0 ? null : _l, _m = _a.onLoad, onLoad = _m === void 0 ? noop : _m, _o = _a.onError, onError = _o === void 0 ? noop : _o, shadeOnHover = _a.shadeOnHover, _p = _a.isUploaded, isUploaded = _p === void 0 ? true : _p;
+    var ref = useRef(null);
+    var isLoaded = useLazyImageLoader(ref);
+    var internalUrl = isLoaded ? url : null;
+    var _q = useState(false), defaultComponentVisible = _q[0], setDefaultComponentVisible = _q[1];
+    var _r = useState(true), placeholderVisible = _r[0], setPlaceholderVisible = _r[1];
+    var _s = useDynamicSideLength({
+        width: width,
+        height: height,
+        maxSideLength: maxSideLength,
+        defaultMinLength: '400px',
+    }), dynamicMinWidth = _s[0], dynamicMinHeight = _s[1];
+    var renderPlaceholder = function () {
+        if (typeof placeHolder === 'function') {
+            return placeHolder({
+                style: {
+                    width: '100%',
+                    minWidth: dynamicMinWidth,
+                    maxWidth: fixedSize ? dynamicMinWidth : '400px',
+                    height: dynamicMinHeight,
+                    position: 'absolute',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                },
+            });
+        }
+        return placeHolder;
+    };
+    var renderDefault = function () {
+        if (typeof defaultComponent === 'function')
+            return defaultComponent();
+        return defaultComponent;
+    };
+    var renderImage = function () {
+        var backgroundStyle = internalUrl ? {
+            backgroundRepeat: 'no-repeat',
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            backgroundImage: "url(".concat(internalUrl, ")"),
+        } : {};
+        return (React__default.createElement("div", { className: "sendbird-image-renderer__image", style: __assign({ width: '100%', minWidth: dynamicMinWidth, maxWidth: fixedSize ? dynamicMinWidth : '400px', height: dynamicMinHeight, position: 'absolute', borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, backgroundStyle) }));
+    };
+    return (dynamicMinWidth
+        && dynamicMinHeight && (React__default.createElement("div", { ref: ref, className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), ['sendbird-image-renderer'], false).join(' '), style: {
+            width: '100%',
+            minWidth: dynamicMinWidth,
+            maxWidth: fixedSize ? dynamicMinWidth : '400px',
+            height: dynamicMinHeight,
+        } },
+        placeholderVisible && renderPlaceholder(),
+        (!internalUrl || defaultComponentVisible) ? renderDefault() : renderImage(),
+        shadeOnHover && (React__default.createElement("div", { className: "sendbird-multiple-files-image-renderer__image-cover", style: __assign({ borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, (isUploaded ? {} : { display: 'inline-flex' })) })),
+        internalUrl && React__default.createElement(HiddenImageLoader, { src: internalUrl, alt: alt, onLoadStart: function () {
+                setPlaceholderVisible(true);
+                setDefaultComponentVisible(false);
+            }, onLoad: function () {
+                setPlaceholderVisible(false);
+                setDefaultComponentVisible(false);
+                onLoad();
+            }, onError: function () {
+                setPlaceholderVisible(false);
+                setDefaultComponentVisible(true);
+                onError();
+            } }))));
+};
+// Image is loaded as a background-image, but this component serves as a hidden component to receive events indicating whether the image has actually been loaded.
+var HiddenImageLoader = function (props) {
+    var src = props.src, alt = props.alt, _a = props.onLoadStart, onLoadStart = _a === void 0 ? noop : _a, _b = props.onLoad, onLoad = _b === void 0 ? noop : _b, _c = props.onError, onError = _c === void 0 ? noop : _c;
+    var reloadCtx = useRef({
+        currSrc: src,
+        prevSrc: src,
+        loadFailure: false,
+    });
+    if (reloadCtx.current.currSrc !== src) {
+        reloadCtx.current.prevSrc = reloadCtx.current.currSrc;
+        reloadCtx.current.currSrc = src;
+    }
+    // SideEffect: If the image URL has changed or loading has failed, please try again
+    useLayoutEffect(function () {
+        if (src) {
+            var sourceChanged = reloadCtx.current.prevSrc !== reloadCtx.current.currSrc;
+            var loadFailure = reloadCtx.current.loadFailure;
+            if (sourceChanged || loadFailure) {
+                onLoadStart();
+            }
+        }
+    }, [src, navigator.onLine]);
+    return (React__default.createElement("img", { className: "sendbird-image-renderer__hidden-image-loader", src: src, alt: alt, onLoad: function () {
+            reloadCtx.current.loadFailure = false;
+            onLoad();
+        }, onError: function () {
+            reloadCtx.current.loadFailure = true;
+            onError();
+        } }));
 };
 
 export { ImageRenderer as default, getBorderRadiusForImageRenderer, getBorderRadiusForMultipleImageRenderer };

package/ui/Input.js

@@ -1,20 +1,20 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Dk211z5R.js';
-import '../chunks/bundle-DZcgZWKq.js';
-import '../chunks/bundle-BLGMGsvT.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LYAWKk4n.js';
+import '../chunks/bundle-7oF7KbGv.js';
+import '../chunks/bundle-C8im5l9B.js';
 
-var InputLabel = function (_a) {
-    var children = _a.children;
-    return (React__default.createElement(Label, { className: "sendbird-input-label", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_1 }, children));
-};
-var Input = React__default.forwardRef(function (props, ref) {
-    var name = props.name, required = props.required, disabled = props.disabled, value = props.value, placeHolder = props.placeHolder, _a = props.autoFocus, autoFocus = _a === void 0 ? false : _a;
-    var _b = useState(value), inputValue = _b[0], setInputValue = _b[1];
-    return (React__default.createElement("div", { className: "sendbird-input" },
-        React__default.createElement("input", { className: "sendbird-input__input", ref: ref, name: name, required: required, disabled: disabled, value: inputValue, onChange: function (e) {
-                setInputValue(e.target.value);
-            }, autoFocus: autoFocus }),
-        (placeHolder && !inputValue) && (React__default.createElement(Label, { className: "sendbird-input__placeholder", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_3 }, placeHolder))));
+var InputLabel = function (_a) {
+    var children = _a.children;
+    return (React__default.createElement(Label, { className: "sendbird-input-label", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_1 }, children));
+};
+var Input = React__default.forwardRef(function (props, ref) {
+    var name = props.name, required = props.required, disabled = props.disabled, value = props.value, placeHolder = props.placeHolder, _a = props.autoFocus, autoFocus = _a === void 0 ? false : _a;
+    var _b = useState(value), inputValue = _b[0], setInputValue = _b[1];
+    return (React__default.createElement("div", { className: "sendbird-input" },
+        React__default.createElement("input", { className: "sendbird-input__input", ref: ref, name: name, required: required, disabled: disabled, value: inputValue, onChange: function (e) {
+                setInputValue(e.target.value);
+            }, autoFocus: autoFocus }),
+        (placeHolder && !inputValue) && (React__default.createElement(Label, { className: "sendbird-input__placeholder", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_3 }, placeHolder))));
 });
 
 export { InputLabel, Input as default };

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-DZcgZWKq.js';
+import '../chunks/bundle-7oF7KbGv.js';
 import 'react';
-export { e as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-Dk211z5R.js';
-import '../chunks/bundle-BLGMGsvT.js';
+export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-LYAWKk4n.js';
+import '../chunks/bundle-C8im5l9B.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,26 +1,26 @@
-import { c as __spreadArray } from '../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray } from '../chunks/bundle-7oF7KbGv.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Dk211z5R.js';
-import { o as openURL } from '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-BLGMGsvT.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LYAWKk4n.js';
+import { o as openURL } from '../chunks/bundle-ByvmbZD0.js';
+import '../chunks/bundle-C8im5l9B.js';
 
-var http = /https?:\/\//;
-function LinkLabel(_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, src = _a.src, type = _a.type, color = _a.color, children = _a.children;
-    var url = http.test(src) ? src : "http://".concat(src);
-    return (React__default.createElement("a", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-link-label',
-            changeColorToClassName(color),
-        ], false).join(' '), href: url, target: "_blank", rel: "noopener noreferrer", 
-        // for mobile
-        onTouchEnd: function (e) {
-            e.preventDefault();
-            e.nativeEvent.stopImmediatePropagation();
-            openURL(url);
-        } },
-        React__default.createElement(Label, { className: "sendbird-link-label__label", type: type, color: color }, children)));
-}
-var LinkLabelTypography = LabelTypography;
+var http = /https?:\/\//;
+function LinkLabel(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, src = _a.src, type = _a.type, color = _a.color, children = _a.children;
+    var url = http.test(src) ? src : "http://".concat(src);
+    return (React__default.createElement("a", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-link-label',
+            changeColorToClassName(color),
+        ], false).join(' '), href: url, target: "_blank", rel: "noopener noreferrer", 
+        // for mobile
+        onTouchEnd: function (e) {
+            e.preventDefault();
+            e.nativeEvent.stopImmediatePropagation();
+            openURL(url);
+        } },
+        React__default.createElement(Label, { className: "sendbird-link-label__label", type: type, color: color }, children)));
+}
+var LinkLabelTypography = LabelTypography;
 var LinkLabelColors = LabelColors;
 
 export { LinkLabelColors, LinkLabelTypography, LinkLabel as default };

package/ui/Loader.js

@@ -1,17 +1,17 @@
-import { c as __spreadArray } from '../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray } from '../chunks/bundle-7oF7KbGv.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-DZl__KhG.js';
+import '../chunks/bundle-ByvmbZD0.js';
 
-function Loader(_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children;
-    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-loader',
-        ], false).join(' '), style: {
-            width: typeof width === 'string' ? width : "".concat(width, "px"),
-            height: typeof height === 'string' ? height : "".concat(height, "px"),
-        } }, children
-        || (React__default.createElement(Icon, { type: IconTypes.SPINNER, width: "26px", height: "26px" }))));
+function Loader(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children;
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-loader',
+        ], false).join(' '), style: {
+            width: typeof width === 'string' ? width : "".concat(width, "px"),
+            height: typeof height === 'string' ? height : "".concat(height, "px"),
+        } }, children
+        || (React__default.createElement(Icon, { type: IconTypes.SPINNER, width: "26px", height: "26px" }))));
 }
 
 export { Loader as default };

package/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -1,23 +1,22 @@
 import React__default from 'react';
-import { w as getClassName } from '../chunks/bundle-DwApARpe.js';
+import { w as getClassName } from '../chunks/bundle-BWCGFXhj.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../chunks/bundle-DZcgZWKq.js';
+import '../chunks/bundle-7oF7KbGv.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Bdw6eUSG.js';
-import '../chunks/bundle-DZl__KhG.js';
+import '../chunks/bundle-ByvmbZD0.js';
 
-var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
-function LoadingTemplateMessageItemBody(_a) {
-    var className = _a.className, isByMe = _a.isByMe;
-    return (React__default.createElement("div", { className: getClassName([
-            className,
-            isByMe ? 'outgoing' : 'incoming',
-            'sendbird-template-loading-message-item-body',
-        ]) },
-        React__default.createElement(Loader, { className: "sendbird-message-status__icon", width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE },
-            React__default.createElement(Icon, { type: IconTypes.SPINNER, fillColor: IconColors.CONTENT_INVERSE_5, width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE }))));
+var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
+function LoadingTemplateMessageItemBody(_a) {
+    var className = _a.className, isByMe = _a.isByMe;
+    return (React__default.createElement("div", { className: getClassName([
+            className,
+            isByMe ? 'outgoing' : 'incoming',
+            'sendbird-template-loading-message-item-body',
+        ]) },
+        React__default.createElement(Loader, { className: "sendbird-message-status__icon", width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE },
+            React__default.createElement(Icon, { type: IconTypes.SPINNER, fillColor: IconColors.CONTENT_INVERSE_5, width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE }))));
 }
 
 export { LoadingTemplateMessageItemBody, LoadingTemplateMessageItemBody as default };

package/ui/LoadingTemplateMessageItemBody.tsx.js.map

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