@sendbird/uikit-react 3.14.0-beta.2 → 3.14.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/chunks/bundle-Dy6Gn-sd.js.map

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

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

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

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

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

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

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

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

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

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

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

package/cjs/chunks/bundle-Q5_I3n-8.js.map

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

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

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

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

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

package/cjs/chunks/bundle-cf3-zuo6.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/ui/Carousel.js

@@ -1,254 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../chunks/bundle-Q5_I3n-8.js');
-var React = require('react');
-
-var PADDING_WIDTH = 24;
-var CONTENT_LEFT_WIDTH = 40;
-var SWIPE_THRESHOLD = 15;
-var LAST_ITEM_RIGHT_SNAP_THRESHOLD = 100;
-/**
- * fixed sized template items should use its child width.
- * Whereas flex sized template items should use its parent's width.
- * @param item
- */
-function shouldRenderAsFixed(item) {
-    var _a;
-    return ((_a = item.props.templateItems[0].width) === null || _a === void 0 ? void 0 : _a.type) === 'fixed';
-}
-function CarouselItem(_a) {
-    var item = _a.item, defaultWidth = _a.defaultWidth;
-    return React.createElement("div", { style: shouldRenderAsFixed(item) ? { width: 'fit-content' } : { minWidth: defaultWidth } }, item);
-}
-var Carousel = React.memo(function (_a) {
-    var _b, _c;
-    var id = _a.id, items = _a.items, _d = _a.gap, gap = _d === void 0 ? 8 : _d, _e = _a.classNameWithTouchAction, classNameWithTouchAction = _e === void 0 ? 'sendbird-conversation__messages-padding' : _e;
-    var carouselRef = React.useRef(null);
-    var screenWidth = window.innerWidth;
-    var defaultItemWidth = (_c = (_b = carouselRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) !== null && _c !== void 0 ? _c : 0;
-    var itemWidths = items.map(function (item) {
-        var _a;
-        if (shouldRenderAsFixed(item)) {
-            return (_a = item.props.templateItems[0].width) === null || _a === void 0 ? void 0 : _a.value;
-        }
-        return defaultItemWidth;
-    });
-    var allItemsWidth = itemWidths.reduce(function (prev, curr) { return prev + gap + curr; });
-    var lastItemWidth = itemWidths[itemWidths.length - 1];
-    var isLastItemNarrow = lastItemWidth <= LAST_ITEM_RIGHT_SNAP_THRESHOLD;
-    var isLastTwoItemsFitScreen = getIsLastTwoItemsFitScreen();
-    var itemPositions = getEachItemPositions();
-    var _f = React.useState({
-        scrolling: false,
-        dragging: false,
-        startPos: null,
-        offset: 0,
-        translateX: 0,
-        currentIndex: 0,
-    }), draggingInfo = _f[0], setDraggingInfo = _f[1];
-    var handleMouseDown = function (event) {
-        setDraggingInfo(_tslib.__assign(_tslib.__assign({}, draggingInfo), { scrolling: false, dragging: true, startPos: {
-                x: event.clientX,
-                y: event.clientY,
-            }, offset: 0 }));
-    };
-    var handleMouseMove = function (event) {
-        if (!draggingInfo.dragging)
-            return;
-        var currentX = event.clientX;
-        var newOffset = currentX - draggingInfo.startPos.x;
-        setDraggingInfo(_tslib.__assign(_tslib.__assign({}, draggingInfo), { offset: newOffset }));
-    };
-    var handleMouseUp = function () {
-        if (!draggingInfo.dragging)
-            return;
-        handleDragEnd();
-    };
-    var blockScroll = function () {
-        var parentElements = document.getElementsByClassName(classNameWithTouchAction);
-        var parentElement = parentElements[0];
-        if (parentElement) {
-            parentElement.style.touchAction = 'pan-x';
-        }
-    };
-    var unblockScroll = function () {
-        var parentElements = document.getElementsByClassName(classNameWithTouchAction);
-        var parentElement = parentElements[0];
-        if (parentElement) {
-            parentElement.style.touchAction = 'pan-y';
-        }
-    };
-    var handleTouchStart = function (event) {
-        setDraggingInfo(_tslib.__assign(_tslib.__assign({}, draggingInfo), { scrolling: false, dragging: false, startPos: {
-                x: event.touches[0].clientX,
-                y: event.touches[0].clientY,
-            }, offset: 0 }));
-    };
-    React.useEffect(function () {
-        if (draggingInfo.scrolling) {
-            unblockScroll();
-        }
-    }, [draggingInfo.scrolling]);
-    var handleTouchMove = function (event) {
-        if (!draggingInfo.startPos || draggingInfo.scrolling)
-            return;
-        var startPos = draggingInfo.startPos;
-        var touchMoveX = event.touches[0].clientX;
-        var touchMoveY = event.touches[0].clientY;
-        var deltaX = Math.abs(touchMoveX - startPos.x);
-        var deltaY = Math.abs(touchMoveY - startPos.y);
-        var newOffset = touchMoveX - startPos.x;
-        if (newOffset === draggingInfo.offset)
-            return;
-        if (draggingInfo.dragging) {
-            setDraggingInfo(_tslib.__assign(_tslib.__assign({}, draggingInfo), { offset: newOffset }));
-            return;
-        }
-        if (deltaY > deltaX) {
-            setDraggingInfo(_tslib.__assign(_tslib.__assign({}, draggingInfo), { scrolling: true }));
-        }
-        else {
-            blockScroll();
-            setDraggingInfo(_tslib.__assign(_tslib.__assign({}, draggingInfo), { dragging: true, offset: newOffset }));
-        }
-    };
-    var getNewDraggingInfo = function (props) {
-        if (props === void 0) { props = {}; }
-        var newTranslateX = props.newTranslateX, nextIndex = props.nextIndex;
-        var translateX = draggingInfo.translateX, currentIndex = draggingInfo.currentIndex;
-        return {
-            scrolling: false,
-            dragging: false,
-            startPos: null,
-            offset: 0,
-            translateX: newTranslateX !== null && newTranslateX !== void 0 ? newTranslateX : translateX,
-            currentIndex: nextIndex !== null && nextIndex !== void 0 ? nextIndex : currentIndex,
-        };
-    };
-    var handleDragEnd = function () {
-        var offset = draggingInfo.offset;
-        var absOffset = Math.abs(offset);
-        if (absOffset < SWIPE_THRESHOLD) {
-            setDraggingInfo(getNewDraggingInfo());
-            return;
-        }
-        // If dragged to left, next index should be to the right
-        var currentIndex = draggingInfo.currentIndex;
-        if (offset < 0 && currentIndex < items.length - 1) {
-            var nextIndex = currentIndex + 1;
-            setDraggingInfo(getNewDraggingInfo({
-                newTranslateX: itemPositions[nextIndex].start,
-                nextIndex: nextIndex,
-            }));
-            // If dragged to right, next index should be to the left
-        }
-        else if (offset > 0 && currentIndex > 0) {
-            var nextIndex = currentIndex - 1;
-            setDraggingInfo(getNewDraggingInfo({
-                newTranslateX: itemPositions[nextIndex].start,
-                nextIndex: nextIndex,
-            }));
-        }
-        else {
-            setDraggingInfo(getNewDraggingInfo());
-        }
-    };
-    var handleTouchEnd = function () {
-        var offset = draggingInfo.offset, currentIndex = draggingInfo.currentIndex;
-        var absOffset = Math.abs(offset);
-        if (absOffset < SWIPE_THRESHOLD) {
-            setDraggingInfo(getNewDraggingInfo());
-            return;
-        }
-        // If dragged to left, next index should be to the right
-        if (offset < 0 && currentIndex < items.length - 1) {
-            var nextIndex = currentIndex + 1;
-            /**
-             * This is special logic for "더 보기" button for Socar use-case.
-             * The button will have a small width (less than 50px).
-             * We want to include this button in the view and snap to right padding wall IFF !isLastTwoItemsFitScreen.
-             */
-            if (isLastItemNarrow) {
-                if (isLastTwoItemsFitScreen) {
-                    if (nextIndex !== items.length - 1) {
-                        setDraggingInfo(getNewDraggingInfo({
-                            newTranslateX: itemPositions[nextIndex].start,
-                            nextIndex: nextIndex,
-                        }));
-                    }
-                    else {
-                        setDraggingInfo(getNewDraggingInfo());
-                    }
-                }
-                else if (nextIndex !== items.length - 1) {
-                    setDraggingInfo(getNewDraggingInfo({
-                        newTranslateX: itemPositions[nextIndex].start,
-                        nextIndex: nextIndex,
-                    }));
-                }
-                else {
-                    var translateWidth = itemPositions[nextIndex].start - lastItemWidth;
-                    var rightEmptyWidth = screenWidth - (allItemsWidth + translateWidth + PADDING_WIDTH + CONTENT_LEFT_WIDTH);
-                    setDraggingInfo(getNewDraggingInfo({
-                        newTranslateX: translateWidth + rightEmptyWidth,
-                        nextIndex: nextIndex,
-                    }));
-                }
-            }
-            else {
-                setDraggingInfo(getNewDraggingInfo({
-                    newTranslateX: itemPositions[nextIndex].start,
-                    nextIndex: nextIndex,
-                }));
-            }
-            // If dragged to right, next index should be to the left
-        }
-        else if (offset > 0 && currentIndex > 0) {
-            var nextIndex = currentIndex - 1;
-            setDraggingInfo(getNewDraggingInfo({
-                newTranslateX: itemPositions[nextIndex].start,
-                nextIndex: nextIndex,
-            }));
-        }
-        else {
-            setDraggingInfo(getNewDraggingInfo());
-        }
-        if (draggingInfo.dragging) {
-            unblockScroll();
-        }
-    };
-    function getCurrentTranslateX() {
-        return draggingInfo.translateX + draggingInfo.offset;
-    }
-    function getIsLastTwoItemsFitScreen() {
-        var restItemsWidth = itemWidths.slice(-2).reduce(function (prev, curr) { return prev + gap + curr; });
-        var restTotalWidth = PADDING_WIDTH + CONTENT_LEFT_WIDTH + restItemsWidth;
-        return restTotalWidth <= screenWidth;
-    }
-    function getEachItemPositions() {
-        var accumulator = 0;
-        return itemWidths.map(function (itemWidth, i) {
-            if (i > 0) {
-                accumulator -= gap;
-            }
-            var itemPosition = {
-                start: accumulator,
-                end: accumulator - itemWidth,
-            };
-            accumulator -= itemWidth;
-            return itemPosition;
-        });
-    }
-    return (React.createElement("div", { id: id, ref: carouselRef, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, className: 'sendbird-carousel-items-wrapper', style: {
-            cursor: draggingInfo.dragging ? 'grabbing' : 'grab',
-            transition: draggingInfo.dragging ? 'none' : 'transform 0.5s ease',
-            transform: "translateX(".concat(getCurrentTranslateX(), "px)"),
-            gap: gap,
-        } }, items.map(function (item, index) { return (React.createElement(CarouselItem, { key: "".concat(id, "-").concat(index), item: item, defaultWidth: defaultItemWidth + 'px' })); })));
-});
-
-exports.Carousel = Carousel;
-exports.default = Carousel;
-//# sourceMappingURL=Carousel.js.map

package/cjs/ui/Carousel.js.map

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

package/ui/Carousel.js

@@ -1,249 +0,0 @@
-import { _ as __assign } from '../chunks/bundle-D_KO6Orc.js';
-import React__default, { useRef, useState, useEffect } from 'react';
-
-var PADDING_WIDTH = 24;
-var CONTENT_LEFT_WIDTH = 40;
-var SWIPE_THRESHOLD = 15;
-var LAST_ITEM_RIGHT_SNAP_THRESHOLD = 100;
-/**
- * fixed sized template items should use its child width.
- * Whereas flex sized template items should use its parent's width.
- * @param item
- */
-function shouldRenderAsFixed(item) {
-    var _a;
-    return ((_a = item.props.templateItems[0].width) === null || _a === void 0 ? void 0 : _a.type) === 'fixed';
-}
-function CarouselItem(_a) {
-    var item = _a.item, defaultWidth = _a.defaultWidth;
-    return React__default.createElement("div", { style: shouldRenderAsFixed(item) ? { width: 'fit-content' } : { minWidth: defaultWidth } }, item);
-}
-var Carousel = React__default.memo(function (_a) {
-    var _b, _c;
-    var id = _a.id, items = _a.items, _d = _a.gap, gap = _d === void 0 ? 8 : _d, _e = _a.classNameWithTouchAction, classNameWithTouchAction = _e === void 0 ? 'sendbird-conversation__messages-padding' : _e;
-    var carouselRef = useRef(null);
-    var screenWidth = window.innerWidth;
-    var defaultItemWidth = (_c = (_b = carouselRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) !== null && _c !== void 0 ? _c : 0;
-    var itemWidths = items.map(function (item) {
-        var _a;
-        if (shouldRenderAsFixed(item)) {
-            return (_a = item.props.templateItems[0].width) === null || _a === void 0 ? void 0 : _a.value;
-        }
-        return defaultItemWidth;
-    });
-    var allItemsWidth = itemWidths.reduce(function (prev, curr) { return prev + gap + curr; });
-    var lastItemWidth = itemWidths[itemWidths.length - 1];
-    var isLastItemNarrow = lastItemWidth <= LAST_ITEM_RIGHT_SNAP_THRESHOLD;
-    var isLastTwoItemsFitScreen = getIsLastTwoItemsFitScreen();
-    var itemPositions = getEachItemPositions();
-    var _f = useState({
-        scrolling: false,
-        dragging: false,
-        startPos: null,
-        offset: 0,
-        translateX: 0,
-        currentIndex: 0,
-    }), draggingInfo = _f[0], setDraggingInfo = _f[1];
-    var handleMouseDown = function (event) {
-        setDraggingInfo(__assign(__assign({}, draggingInfo), { scrolling: false, dragging: true, startPos: {
-                x: event.clientX,
-                y: event.clientY,
-            }, offset: 0 }));
-    };
-    var handleMouseMove = function (event) {
-        if (!draggingInfo.dragging)
-            return;
-        var currentX = event.clientX;
-        var newOffset = currentX - draggingInfo.startPos.x;
-        setDraggingInfo(__assign(__assign({}, draggingInfo), { offset: newOffset }));
-    };
-    var handleMouseUp = function () {
-        if (!draggingInfo.dragging)
-            return;
-        handleDragEnd();
-    };
-    var blockScroll = function () {
-        var parentElements = document.getElementsByClassName(classNameWithTouchAction);
-        var parentElement = parentElements[0];
-        if (parentElement) {
-            parentElement.style.touchAction = 'pan-x';
-        }
-    };
-    var unblockScroll = function () {
-        var parentElements = document.getElementsByClassName(classNameWithTouchAction);
-        var parentElement = parentElements[0];
-        if (parentElement) {
-            parentElement.style.touchAction = 'pan-y';
-        }
-    };
-    var handleTouchStart = function (event) {
-        setDraggingInfo(__assign(__assign({}, draggingInfo), { scrolling: false, dragging: false, startPos: {
-                x: event.touches[0].clientX,
-                y: event.touches[0].clientY,
-            }, offset: 0 }));
-    };
-    useEffect(function () {
-        if (draggingInfo.scrolling) {
-            unblockScroll();
-        }
-    }, [draggingInfo.scrolling]);
-    var handleTouchMove = function (event) {
-        if (!draggingInfo.startPos || draggingInfo.scrolling)
-            return;
-        var startPos = draggingInfo.startPos;
-        var touchMoveX = event.touches[0].clientX;
-        var touchMoveY = event.touches[0].clientY;
-        var deltaX = Math.abs(touchMoveX - startPos.x);
-        var deltaY = Math.abs(touchMoveY - startPos.y);
-        var newOffset = touchMoveX - startPos.x;
-        if (newOffset === draggingInfo.offset)
-            return;
-        if (draggingInfo.dragging) {
-            setDraggingInfo(__assign(__assign({}, draggingInfo), { offset: newOffset }));
-            return;
-        }
-        if (deltaY > deltaX) {
-            setDraggingInfo(__assign(__assign({}, draggingInfo), { scrolling: true }));
-        }
-        else {
-            blockScroll();
-            setDraggingInfo(__assign(__assign({}, draggingInfo), { dragging: true, offset: newOffset }));
-        }
-    };
-    var getNewDraggingInfo = function (props) {
-        if (props === void 0) { props = {}; }
-        var newTranslateX = props.newTranslateX, nextIndex = props.nextIndex;
-        var translateX = draggingInfo.translateX, currentIndex = draggingInfo.currentIndex;
-        return {
-            scrolling: false,
-            dragging: false,
-            startPos: null,
-            offset: 0,
-            translateX: newTranslateX !== null && newTranslateX !== void 0 ? newTranslateX : translateX,
-            currentIndex: nextIndex !== null && nextIndex !== void 0 ? nextIndex : currentIndex,
-        };
-    };
-    var handleDragEnd = function () {
-        var offset = draggingInfo.offset;
-        var absOffset = Math.abs(offset);
-        if (absOffset < SWIPE_THRESHOLD) {
-            setDraggingInfo(getNewDraggingInfo());
-            return;
-        }
-        // If dragged to left, next index should be to the right
-        var currentIndex = draggingInfo.currentIndex;
-        if (offset < 0 && currentIndex < items.length - 1) {
-            var nextIndex = currentIndex + 1;
-            setDraggingInfo(getNewDraggingInfo({
-                newTranslateX: itemPositions[nextIndex].start,
-                nextIndex: nextIndex,
-            }));
-            // If dragged to right, next index should be to the left
-        }
-        else if (offset > 0 && currentIndex > 0) {
-            var nextIndex = currentIndex - 1;
-            setDraggingInfo(getNewDraggingInfo({
-                newTranslateX: itemPositions[nextIndex].start,
-                nextIndex: nextIndex,
-            }));
-        }
-        else {
-            setDraggingInfo(getNewDraggingInfo());
-        }
-    };
-    var handleTouchEnd = function () {
-        var offset = draggingInfo.offset, currentIndex = draggingInfo.currentIndex;
-        var absOffset = Math.abs(offset);
-        if (absOffset < SWIPE_THRESHOLD) {
-            setDraggingInfo(getNewDraggingInfo());
-            return;
-        }
-        // If dragged to left, next index should be to the right
-        if (offset < 0 && currentIndex < items.length - 1) {
-            var nextIndex = currentIndex + 1;
-            /**
-             * This is special logic for "더 보기" button for Socar use-case.
-             * The button will have a small width (less than 50px).
-             * We want to include this button in the view and snap to right padding wall IFF !isLastTwoItemsFitScreen.
-             */
-            if (isLastItemNarrow) {
-                if (isLastTwoItemsFitScreen) {
-                    if (nextIndex !== items.length - 1) {
-                        setDraggingInfo(getNewDraggingInfo({
-                            newTranslateX: itemPositions[nextIndex].start,
-                            nextIndex: nextIndex,
-                        }));
-                    }
-                    else {
-                        setDraggingInfo(getNewDraggingInfo());
-                    }
-                }
-                else if (nextIndex !== items.length - 1) {
-                    setDraggingInfo(getNewDraggingInfo({
-                        newTranslateX: itemPositions[nextIndex].start,
-                        nextIndex: nextIndex,
-                    }));
-                }
-                else {
-                    var translateWidth = itemPositions[nextIndex].start - lastItemWidth;
-                    var rightEmptyWidth = screenWidth - (allItemsWidth + translateWidth + PADDING_WIDTH + CONTENT_LEFT_WIDTH);
-                    setDraggingInfo(getNewDraggingInfo({
-                        newTranslateX: translateWidth + rightEmptyWidth,
-                        nextIndex: nextIndex,
-                    }));
-                }
-            }
-            else {
-                setDraggingInfo(getNewDraggingInfo({
-                    newTranslateX: itemPositions[nextIndex].start,
-                    nextIndex: nextIndex,
-                }));
-            }
-            // If dragged to right, next index should be to the left
-        }
-        else if (offset > 0 && currentIndex > 0) {
-            var nextIndex = currentIndex - 1;
-            setDraggingInfo(getNewDraggingInfo({
-                newTranslateX: itemPositions[nextIndex].start,
-                nextIndex: nextIndex,
-            }));
-        }
-        else {
-            setDraggingInfo(getNewDraggingInfo());
-        }
-        if (draggingInfo.dragging) {
-            unblockScroll();
-        }
-    };
-    function getCurrentTranslateX() {
-        return draggingInfo.translateX + draggingInfo.offset;
-    }
-    function getIsLastTwoItemsFitScreen() {
-        var restItemsWidth = itemWidths.slice(-2).reduce(function (prev, curr) { return prev + gap + curr; });
-        var restTotalWidth = PADDING_WIDTH + CONTENT_LEFT_WIDTH + restItemsWidth;
-        return restTotalWidth <= screenWidth;
-    }
-    function getEachItemPositions() {
-        var accumulator = 0;
-        return itemWidths.map(function (itemWidth, i) {
-            if (i > 0) {
-                accumulator -= gap;
-            }
-            var itemPosition = {
-                start: accumulator,
-                end: accumulator - itemWidth,
-            };
-            accumulator -= itemWidth;
-            return itemPosition;
-        });
-    }
-    return (React__default.createElement("div", { id: id, ref: carouselRef, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, className: 'sendbird-carousel-items-wrapper', style: {
-            cursor: draggingInfo.dragging ? 'grabbing' : 'grab',
-            transition: draggingInfo.dragging ? 'none' : 'transform 0.5s ease',
-            transform: "translateX(".concat(getCurrentTranslateX(), "px)"),
-            gap: gap,
-        } }, items.map(function (item, index) { return (React__default.createElement(CarouselItem, { key: "".concat(id, "-").concat(index), item: item, defaultWidth: defaultItemWidth + 'px' })); })));
-});
-
-export { Carousel, Carousel as default };
-//# sourceMappingURL=Carousel.js.map

package/ui/Carousel.js.map

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