@sendbird/uikit-react 3.7.0-rc.1 → 3.8.0

package/cjs/VoiceRecorder/useVoiceRecorder.js

@@ -1,124 +1,109 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var VoiceRecorder_context = require('./context.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../LocalizationContext-e12e7229.js');
-require('../stringSet-f086c338.js');
-require('../index-94db47de.js');
-require('../ui/Modal.js');
+require('../chunks/bundle-QmSa90PC.js');
+require('../chunks/bundle-z-Bvsn0B.js');
+require('../chunks/bundle-n1yh-qDb.js');
+require('../chunks/bundle-UooP2IDU.js');
 require('react-dom');
-require('../utils-de8b30fe.js');
-require('../tslib.es6-b66710d0.js');
-require('../index-d0d79864.js');
-require('../index-6fdf155b.js');
-require('../MediaQueryContext-77316b55.js');
+require('../chunks/bundle-1yOirqug.js');
+require('../chunks/bundle-Y9TkHVI5.js');
 require('../ui/IconButton.js');
+require('../chunks/bundle-hK4x7nmG.js');
 require('../ui/Button.js');
-require('../index-6f4ca5cf.js');
-require('prop-types');
-require('../types-949e3eb4.js');
+require('../chunks/bundle-6ziaqiUd.js');
 require('../ui/Icon.js');
-require('../consts-838d8c0a.js');
+require('../chunks/bundle-L9ushBZQ.js');
 require('../withSendbird.js');
 
-// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {
-//   /**
-//    * onRecordingStarted
-//    * onRecordingEnded
-//    */
-// }
-/* eslint-disable no-redeclare */
-var VoiceRecorderStatus = {
-  PREPARING: 'PREPARING',
-  READY_TO_RECORD: 'READY_TO_RECORD',
-  RECORDING: 'RECORDING',
-  COMPLETED: 'COMPLETED'
-};
-var noop = function () {};
-var useVoiceRecorder = function (_a) {
-  var _b = _a.onRecordingStarted,
-    onRecordingStarted = _b === void 0 ? noop : _b,
-    _c = _a.onRecordingEnded,
-    onRecordingEnded = _c === void 0 ? noop : _c;
-  var config = useSendbirdStateContext.useSendbirdStateContext().config;
-  var voiceRecord = config.voiceRecord;
-  var maxRecordingTime = voiceRecord.maxRecordingTime;
-  var voiceRecorder = VoiceRecorder_context.useVoiceRecorderContext();
-  var isRecordable = voiceRecorder.isRecordable;
-  var _d = React.useState(null),
-    recordedFile = _d[0],
-    setRecordedFile = _d[1];
-  var _e = React.useState(VoiceRecorderStatus.PREPARING),
-    recordingStatus = _e[0],
-    setRecordingStatus = _e[1];
-  React.useEffect(function () {
-    if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {
-      setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);
-    }
-  }, [isRecordable]);
-  var start = React.useCallback(function () {
-    voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.start({
-      onRecordingStarted: function () {
-        setRecordingStatus(VoiceRecorderStatus.RECORDING);
-        onRecordingStarted();
-        startTimer();
-      },
-      onRecordingEnded: function (audioFile) {
-        setRecordingStatus(VoiceRecorderStatus.COMPLETED);
-        onRecordingEnded(audioFile);
-        setRecordedFile(audioFile);
-        stopTimer();
-      }
-    });
-  }, [onRecordingStarted, onRecordingEnded]);
-  var stop = React.useCallback(function () {
-    voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.stop();
-    stopTimer();
-  }, [voiceRecorder]);
-  var cancel = React.useCallback(function () {
-    stop();
-    setRecordedFile(null);
-  }, [voiceRecorder]);
-  // Timer
-  var _f = React.useState(0),
-    recordingTime = _f[0],
-    setRecordingTime = _f[1];
-  var timer = null;
-  function startTimer() {
-    stopTimer();
-    setRecordingTime(0);
-    var interval = setInterval(function () {
-      setRecordingTime(function (prevTime) {
-        var newTime = prevTime + 100;
-        if (newTime > maxRecordingTime) {
-          stopTimer();
-        }
-        return newTime;
-      });
-    }, 100);
-    timer = interval;
-  }
-  function stopTimer() {
-    clearInterval(timer);
-    timer = null;
-  }
-  React.useEffect(function () {
-    if (recordingTime > maxRecordingTime) {
-      stop();
-    }
-  }, [recordingTime, maxRecordingTime, stop]);
-  return {
-    start: start,
-    stop: stop,
-    cancel: cancel,
-    recordingStatus: recordingStatus,
-    recordingTime: recordingTime,
-    recordedFile: recordedFile,
-    recordingLimit: maxRecordingTime
-  };
+// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {
+//   /**
+//    * onRecordingStarted
+//    * onRecordingEnded
+//    */
+// }
+/* eslint-disable no-redeclare */
+var VoiceRecorderStatus = {
+    PREPARING: 'PREPARING',
+    READY_TO_RECORD: 'READY_TO_RECORD',
+    RECORDING: 'RECORDING',
+    COMPLETED: 'COMPLETED',
+};
+var noop = function () { };
+var useVoiceRecorder = function (_a) {
+    var _b = _a.onRecordingStarted, onRecordingStarted = _b === void 0 ? noop : _b, _c = _a.onRecordingEnded, onRecordingEnded = _c === void 0 ? noop : _c;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var voiceRecord = config.voiceRecord;
+    var maxRecordingTime = voiceRecord.maxRecordingTime;
+    var voiceRecorder = VoiceRecorder_context.useVoiceRecorderContext();
+    var isRecordable = voiceRecorder.isRecordable;
+    var _d = React.useState(null), recordedFile = _d[0], setRecordedFile = _d[1];
+    var _e = React.useState(VoiceRecorderStatus.PREPARING), recordingStatus = _e[0], setRecordingStatus = _e[1];
+    React.useEffect(function () {
+        if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {
+            setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);
+        }
+    }, [isRecordable]);
+    var start = React.useCallback(function () {
+        voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.start({
+            onRecordingStarted: function () {
+                setRecordingStatus(VoiceRecorderStatus.RECORDING);
+                onRecordingStarted();
+                startTimer();
+            },
+            onRecordingEnded: function (audioFile) {
+                setRecordingStatus(VoiceRecorderStatus.COMPLETED);
+                onRecordingEnded(audioFile);
+                setRecordedFile(audioFile);
+                stopTimer();
+            },
+        });
+    }, [onRecordingStarted, onRecordingEnded]);
+    var stop = React.useCallback(function () {
+        voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.stop();
+        stopTimer();
+    }, [voiceRecorder]);
+    var cancel = React.useCallback(function () {
+        stop();
+        setRecordedFile(null);
+    }, [voiceRecorder]);
+    // Timer
+    var _f = React.useState(0), recordingTime = _f[0], setRecordingTime = _f[1];
+    var timer = null;
+    function startTimer() {
+        stopTimer();
+        setRecordingTime(0);
+        var interval = setInterval(function () {
+            setRecordingTime(function (prevTime) {
+                var newTime = prevTime + 100;
+                if (newTime > maxRecordingTime) {
+                    stopTimer();
+                }
+                return newTime;
+            });
+        }, 100);
+        timer = interval;
+    }
+    function stopTimer() {
+        clearInterval(timer);
+        timer = null;
+    }
+    React.useEffect(function () {
+        if (recordingTime > maxRecordingTime) {
+            stop();
+        }
+    }, [recordingTime, maxRecordingTime, stop]);
+    return ({
+        start: start,
+        stop: stop,
+        cancel: cancel,
+        recordingStatus: recordingStatus,
+        recordingTime: recordingTime,
+        recordedFile: recordedFile,
+        recordingLimit: maxRecordingTime,
+    });
 };
 
 exports.VoiceRecorderStatus = VoiceRecorderStatus;

package/cjs/VoiceRecorder/useVoiceRecorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVoiceRecorder.js","sources":["../../../src/hooks/VoiceRecorder/useVoiceRecorder.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { VoiceRecorderEventHandler, useVoiceRecorderContext } from '.';\nimport useSendbirdStateContext from '../useSendbirdStateContext';\n\n// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {\n//   /**\n//    * onRecordingStarted\n//    * onRecordingEnded\n//    */\n// }\n/* eslint-disable no-redeclare */\nexport const VoiceRecorderStatus = {\n  PREPARING: 'PREPARING',\n  READY_TO_RECORD: 'READY_TO_RECORD',\n  RECORDING: 'RECORDING',\n  COMPLETED: 'COMPLETED',\n} as const;\nexport type VoiceRecorderStatus = typeof VoiceRecorderStatus[keyof typeof VoiceRecorderStatus];\nexport interface UseVoiceRecorderContext {\n  start: () => void;\n  stop: () => void;\n  cancel: () => void;\n  recordingLimit: number;\n  recordingTime: number;\n  recordedFile: File;\n  recordingStatus: VoiceRecorderStatus;\n}\n\nconst noop = () => { /* noop */ };\n\nexport const useVoiceRecorder = ({\n  onRecordingStarted = noop,\n  onRecordingEnded = noop,\n}: VoiceRecorderEventHandler): UseVoiceRecorderContext => {\n  const { config } = useSendbirdStateContext();\n  const { voiceRecord } = config;\n  const { maxRecordingTime } = voiceRecord;\n  const voiceRecorder = useVoiceRecorderContext();\n  const { isRecordable } = voiceRecorder;\n\n  const [recordedFile, setRecordedFile] = useState<File>(null);\n  const [recordingStatus, setRecordingStatus] = useState<VoiceRecorderStatus>(VoiceRecorderStatus.PREPARING);\n  useEffect(() => {\n    if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {\n      setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);\n    }\n  }, [isRecordable]);\n\n  const start = useCallback(() => {\n    voiceRecorder?.start({\n      onRecordingStarted: () => {\n        setRecordingStatus(VoiceRecorderStatus.RECORDING);\n        onRecordingStarted();\n        startTimer();\n      },\n      onRecordingEnded: (audioFile) => {\n        setRecordingStatus(VoiceRecorderStatus.COMPLETED);\n        onRecordingEnded(audioFile);\n        setRecordedFile(audioFile);\n        stopTimer();\n      },\n    });\n  }, [onRecordingStarted, onRecordingEnded]);\n  const stop = useCallback(() => {\n    voiceRecorder?.stop();\n    stopTimer();\n  }, [voiceRecorder]);\n  const cancel = useCallback(() => {\n    stop();\n    setRecordedFile(null);\n  }, [voiceRecorder]);\n\n  // Timer\n  const [recordingTime, setRecordingTime] = useState<number>(0);\n  let timer: ReturnType<typeof setInterval> = null;\n  function startTimer() {\n    stopTimer();\n    setRecordingTime(0);\n    const interval = setInterval(() => {\n      setRecordingTime(prevTime => {\n        const newTime = prevTime + 100;\n        if (newTime > maxRecordingTime) {\n          stopTimer();\n        }\n        return newTime;\n      });\n    }, 100);\n    timer = interval;\n  }\n  function stopTimer() {\n    clearInterval(timer);\n    timer = null;\n  }\n  useEffect(() => {\n    if (recordingTime > maxRecordingTime) {\n      stop();\n    }\n  }, [recordingTime, maxRecordingTime, stop]);\n\n  return ({\n    start,\n    stop,\n    cancel,\n    recordingStatus,\n    recordingTime,\n    recordedFile,\n    recordingLimit: maxRecordingTime,\n  });\n};\n"],"names":["VoiceRecorderStatus","PREPARING","READY_TO_RECORD","RECORDING","COMPLETED","noop","useVoiceRecorder","_a","_b","onRecordingStarted","_c","onRecordingEnded","config","useSendbirdStateContext","voiceRecord","maxRecordingTime","voiceRecorder","useVoiceRecorderContext","isRecordable","_d","useState","recordedFile","setRecordedFile","_e","recordingStatus","setRecordingStatus","useEffect","start","useCallback","startTimer","audioFile","stopTimer","stop","cancel","_f","recordingTime","setRecordingTime","timer","interval","setInterval","prevTime","newTime","clearInterval","recordingLimit"],"mappings":"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"}
+{"version":3,"file":"useVoiceRecorder.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/bundle-11ybpGNN.js

@@ -0,0 +1,139 @@
+'use strict';
+
+var _tslib = require('./bundle-hK4x7nmG.js');
+var React = require('react');
+var index$1 = require('./bundle-28p7K0N-.js');
+var ui_Icon = require('../ui/Icon.js');
+var ui_Label = require('./bundle-6ziaqiUd.js');
+var ui_Loader = require('../ui/Loader.js');
+var index$2 = require('./bundle-FHx0K-3z.js');
+var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
+var index = require('./bundle-CUP2x37z.js');
+var LocalizationContext = require('./bundle-QmSa90PC.js');
+
+var getChannelTitle = function (channel, currentUserId, stringSet) {
+    var _a;
+    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
+    if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
+        return stringSet.NO_TITLE;
+    }
+    if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
+        return channel.name;
+    }
+    if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
+        return stringSet.NO_MEMBERS;
+    }
+    return ((channel === null || channel === void 0 ? void 0 : channel.members) || [])
+        .filter(function (_a) {
+        var userId = _a.userId;
+        return userId !== currentUserId;
+    })
+        .map(function (_a) {
+        var nickname = _a.nickname;
+        return nickname || stringSet.NO_NAME;
+    })
+        .join(', ');
+};
+var getLastMessageCreatedAt = function (_a) {
+    var _b;
+    var channel = _a.channel, locale = _a.locale, _c = _a.stringSet, stringSet = _c === void 0 ? ui_Label.LabelStringSet : _c;
+    var createdAt = (_b = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _b === void 0 ? void 0 : _b.createdAt;
+    var optionalParam = locale ? { locale: locale } : null;
+    if (!createdAt) {
+        return '';
+    }
+    if (index.isToday(createdAt)) {
+        return index$1.format(createdAt, 'p', optionalParam);
+    }
+    if (index.isYesterday(createdAt)) {
+        return stringSet.MESSAGE_STATUS__YESTERDAY || 'Yesterday';
+    }
+    if (index.isThisYear(createdAt)) {
+        return index$1.format(createdAt, 'MMM d', optionalParam);
+    }
+    return index$1.format(createdAt, 'yyyy/M/d', optionalParam);
+};
+var getTotalMembers = function (channel) { return ((channel === null || channel === void 0 ? void 0 : channel.memberCount) ? channel.memberCount : 0); };
+var getChannelPreviewFileDisplayString = function (mimeType, stringSet) {
+    var _a, _b, _c, _d, _e, _f;
+    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
+    if (index$2.isGif(mimeType)) {
+        return (_a = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GIF) !== null && _a !== void 0 ? _a : '';
+    }
+    if (index$2.isImage(mimeType)) {
+        return (_b = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _b !== void 0 ? _b : '';
+    }
+    if (index$2.isVideo(mimeType)) {
+        return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VIDEO) !== null && _c !== void 0 ? _c : '';
+    }
+    if (index$2.isAudio(mimeType)) {
+        return (_d = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO) !== null && _d !== void 0 ? _d : '';
+    }
+    if (index$2.isVoiceMessageMimeType(mimeType)) {
+        return (_e = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE) !== null && _e !== void 0 ? _e : '';
+    }
+    return (_f = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL) !== null && _f !== void 0 ? _f : '';
+};
+var getPrettyLastMessage = function (message, stringSet) {
+    var _a, _b, _c, _d;
+    if (message === void 0) { message = null; }
+    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
+    if (!message)
+        return '';
+    if (message.isFileMessage()) {
+        return getChannelPreviewFileDisplayString(message.type, stringSet);
+    }
+    if (message.isMultipleFilesMessage()) {
+        var mimeType = (_b = (_a = message.fileInfoList) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.mimeType;
+        if (index$2.isImage(mimeType) || index$2.isGif(mimeType)) {
+            return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _c !== void 0 ? _c : '';
+        }
+        return getChannelPreviewFileDisplayString(mimeType, stringSet);
+    }
+    return (_d = message.message) !== null && _d !== void 0 ? _d : '';
+};
+var getLastMessage = function (channel, stringSet) {
+    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
+    return (channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? getPrettyLastMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage, stringSet) : '';
+};
+var getChannelUnreadMessageCount = function (channel) { return (channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) ? channel.unreadMessageCount : 0; };
+
+var MessageStatusTypes = utils_message_getOutgoingMessageState.OutgoingMessageStates;
+function MessageStatus(_a) {
+    var _b, _c;
+    var _d;
+    var className = _a.className, message = _a.message, channel = _a.channel, _e = _a.isDateSeparatorConsidered, isDateSeparatorConsidered = _e === void 0 ? true : _e;
+    var _f = LocalizationContext.useLocalization(), stringSet = _f.stringSet, dateLocale = _f.dateLocale;
+    var status = utils_message_getOutgoingMessageState.getOutgoingMessageState(channel, message);
+    var hideMessageStatusIcon = ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel)) && ((channel.isSuper || channel.isPublic || channel.isBroadcast)
+        && !(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING || status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED));
+    var iconType = (_b = {},
+        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconTypes.DONE,
+        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconTypes.DONE_ALL,
+        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconTypes.DONE_ALL,
+        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconTypes.ERROR,
+        _b);
+    var iconColor = (_c = {},
+        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconColors.SENT,
+        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconColors.SENT,
+        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconColors.READ,
+        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconColors.ERROR,
+        _c);
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-message-status',
+        ], false).join(' ') },
+        (status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING) ? (React.createElement(ui_Loader, { className: "sendbird-message-status__icon", width: "16px", height: "16px" },
+            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))) : (React.createElement(ui_Icon.default, { className: "sendbird-message-status__icon ".concat(hideMessageStatusIcon ? 'hide-icon' : '', " ").concat(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'), type: iconType[status] || ui_Icon.IconTypes.ERROR, fillColor: iconColor[status], width: "16px", height: "16px" })),
+        index$2.isSentStatus(status) && (React.createElement(ui_Label.Label, { className: "sendbird-message-status__text", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, isDateSeparatorConsidered
+            ? index$1.format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', { locale: dateLocale })
+            : getLastMessageCreatedAt({ channel: channel, locale: dateLocale, stringSet: stringSet })))));
+}
+
+exports.MessageStatus = MessageStatus;
+exports.MessageStatusTypes = MessageStatusTypes;
+exports.getChannelTitle = getChannelTitle;
+exports.getChannelUnreadMessageCount = getChannelUnreadMessageCount;
+exports.getLastMessage = getLastMessage;
+exports.getLastMessageCreatedAt = getLastMessageCreatedAt;
+exports.getTotalMembers = getTotalMembers;
+//# sourceMappingURL=bundle-11ybpGNN.js.map

package/cjs/chunks/bundle-11ybpGNN.js.map

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

package/cjs/chunks/bundle-1yOirqug.js

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

package/cjs/chunks/bundle-1yOirqug.js.map

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