@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

package/dist/ui/Word.js

@@ -0,0 +1,109 @@
+import React__default from 'react';
+import { a as LabelTypography } from '../index-8ff79952.js';
+import LinkLabel from './LinkLabel.js';
+import { u as uuidv4 } from '../uuid-d8fc0ef1.js';
+import { k as convertWordToStringObj, S as StringObjType } from '../index-4217213f.js';
+import MentionLabel from './MentionLabel.js';
+import 'prop-types';
+import '../stringSet-fbd7c37c.js';
+import '../tslib.es6-96c33448.js';
+import '../utils/message/getOutgoingMessageState.js';
+import './ContextMenu.js';
+import 'react-dom';
+import './SortByRow.js';
+import './UserProfile.js';
+import '../LocalizationContext-948efac4.js';
+import '../index-5c8b0523.js';
+import '../UserProfileContext-74d60d34.js';
+import '../sendbirdSelectors.js';
+import '../topics-d6268256.js';
+import '../utils-273068f6.js';
+import './Avatar.js';
+import './ImageRenderer.js';
+import './Icon.js';
+import './Button.js';
+import '../useSendbirdStateContext.js';
+import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-e4ed87a8.js';
+
+function Word(props) {
+  var word = props.word,
+      message = props.message,
+      _a = props.isByMe,
+      isByMe = _a === void 0 ? false : _a,
+      _b = props.mentionTemplate,
+      mentionTemplate = _b === void 0 ? '@' : _b,
+      _c = props.renderString,
+      renderString = _c === void 0 ? null : _c;
+
+  if (word === '') {
+    return null;
+  }
+
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: "sendbird-word"
+  }, convertWordToStringObj(word, message === null || message === void 0 ? void 0 : message.mentionedUsers).map(function (stringObj) {
+    var _a;
+
+    var type = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.type) || '';
+    var value = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.value) || '';
+    var userId = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.userId) || '';
+
+    if (renderString && typeof renderString === 'function') {
+      return renderString(stringObj);
+    }
+
+    if (type === StringObjType.mention) {
+      return /*#__PURE__*/React__default.createElement(MentionLabel, {
+        mentionTemplate: mentionTemplate,
+        mentionedUserId: userId,
+        mentionedUserNickname: value,
+        key: uuidv4(),
+        isByMe: isByMe
+      });
+    } else if (type === StringObjType.url) {
+      var urlRegex = new RegExp("([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\.[A-Za-z]{2,4})(:[0-9]+)?(/.*)?");
+      var targetUrl = (_a = urlRegex.exec(value)) === null || _a === void 0 ? void 0 : _a[0];
+      var stringUrl = {
+        front: '',
+        url: '',
+        back: ''
+      };
+
+      if (targetUrl) {
+        var targetUrlIndex = value.indexOf(targetUrl);
+
+        if (targetUrlIndex > 0) {
+          stringUrl.front = value.slice(0, targetUrlIndex);
+        }
+
+        stringUrl.url = value.slice(targetUrlIndex, targetUrlIndex + targetUrl.length);
+
+        if (targetUrlIndex + targetUrl.length < value.length) {
+          stringUrl.back = value.slice(targetUrlIndex + targetUrl.length);
+        }
+      }
+
+      if (targetUrl) {
+        return [stringUrl.front ? stringUrl.front : '', stringUrl.url ? /*#__PURE__*/React__default.createElement(LinkLabel, {
+          className: "sendbird-word__url",
+          key: uuidv4(),
+          src: stringUrl.url,
+          type: LabelTypography.BODY_1
+        }, stringUrl.url) : null, stringUrl.back ? stringUrl.back : ''];
+      }
+
+      return /*#__PURE__*/React__default.createElement(LinkLabel, {
+        className: "sendbird-word__url",
+        key: uuidv4(),
+        src: word,
+        type: LabelTypography.BODY_1
+      }, value);
+    } else {
+      return value;
+    }
+  }));
+}
+
+export { Word as default };
+//# sourceMappingURL=Word.js.map

package/dist/useLongPress-96570844.js

@@ -0,0 +1,116 @@
+import { _ as __assign } from './tslib.es6-96c33448.js';
+import { useState, useRef, useCallback } from 'react';
+import { u as useMediaQueryContext } from './MediaQueryContext-b04e7ffd.js';
+
+var DEFAULT_DURATION = 300;
+
+function preventDefault(e) {
+  if (!isTouchEvent(e)) {
+    return;
+  }
+
+  if (e.touches.length < 2 && e.preventDefault) {
+    e.preventDefault();
+  }
+}
+
+function isTouchEvent(e) {
+  return e && 'touches' in e;
+}
+function useLongPress(_a, _b) {
+  var onLongPress = _a.onLongPress,
+      onClick = _a.onClick;
+
+  var _c = _b === void 0 ? {} : _b,
+      _d = _c.delay,
+      delay = _d === void 0 ? DEFAULT_DURATION : _d,
+      _e = _c.shouldPreventDefault,
+      shouldPreventDefault = _e === void 0 ? true : _e;
+
+  var isMobile = useMediaQueryContext().isMobile;
+
+  var _f = useState(false),
+      longPressTriggered = _f[0],
+      setLongPressTriggered = _f[1];
+
+  var _g = useState(false),
+      dragTriggered = _g[0],
+      setDragTriggered = _g[1]; // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype
+
+
+  var timeout = useRef();
+  var target = useRef();
+  var start = useCallback(function (e) {
+    e.persist();
+
+    var clonedEvent = __assign({}, e);
+
+    setDragTriggered(false);
+
+    if (shouldPreventDefault && e.target) {
+      e.target.addEventListener('touchend', preventDefault, {
+        passive: false
+      });
+      target.current = e.target;
+    }
+
+    timeout.current = setTimeout(function () {
+      onLongPress(clonedEvent);
+      setLongPressTriggered(true);
+    }, delay);
+  }, [onLongPress, delay, shouldPreventDefault, isMobile]);
+  var clear = useCallback(function (e, shouldTriggerClick, onDrag) {
+    if (shouldTriggerClick === void 0) {
+      shouldTriggerClick = true;
+    }
+
+    if (onDrag === void 0) {
+      onDrag = false;
+    }
+
+    if (onDrag) {
+      setDragTriggered(true);
+    } else {
+      setDragTriggered(false);
+    }
+
+    if (timeout === null || timeout === void 0 ? void 0 : timeout.current) {
+      clearTimeout(timeout.current);
+    }
+
+    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {
+      onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    }
+
+    setLongPressTriggered(false);
+
+    if (shouldPreventDefault && target.current) {
+      target.current.removeEventListener('touchend', preventDefault);
+    }
+  }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);
+  return {
+    onMouseDown: function (e) {
+      return start(e);
+    },
+    onMouseUp: function (e) {
+      return clear(e);
+    },
+    onMouseLeave: function (e) {
+      return clear(e, false);
+    },
+    onTouchStart: function (e) {
+      return start(e);
+    },
+    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored
+    // if we dont do it, onClick?.(e) will be triggred, see inside clear()
+    onTouchMove: function (e) {
+      return clear(e, false, true);
+    },
+    onTouchEnd: function (e) {
+      return clear(e);
+    }
+  };
+}
+
+export { useLongPress as u };
+//# sourceMappingURL=useLongPress-96570844.js.map

package/dist/useLongPress-96570844.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongPress-96570844.js","sources":["../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n  const Component = ({ onClick }) => {\n    const onLongPress = useLongPress({\n      onClick: onClick,\n      onLongPress: () => {\n        alert('longpress');\n      }\n    }, {\n      delay: 500,\n      shouldPreventDefault: true,\n    });\n    return (\n      <button {...onLongPress}>\n        hello\n      </button>\n    )\n  }\n*/\nimport React, {\n  useState,\n  useRef,\n  useCallback,\n} from 'react';\nimport {\n  useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n  if (!isTouchEvent(e)) {\n    return\n  }\n\n  if (e.touches.length < 2 && e.preventDefault) {\n    e.preventDefault();\n  }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n  return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n  onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n  delay?: number;\n  shouldPreventDefault?: boolean;\n}\n\ninterface UseLongPressType<T> {\n  onTouchMove: (e: React.TouchEvent<T>) => void;\n  onMouseDown: (e: React.MouseEvent<T>) => void;\n  onTouchStart: (e: React.TouchEvent<T>) => void;\n  onMouseUp: (e: React.MouseEvent<T>) => void;\n  onMouseLeave: (e: React.MouseEvent<T>) => void;\n  onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T> ({\n  onLongPress,\n  onClick,\n}: PressHandlers<T>, {\n  delay = DEFAULT_DURATION,\n  shouldPreventDefault = true,\n}: Options = {}): UseLongPressType<T> {\n  const { isMobile } = useMediaQueryContext();\n  const [longPressTriggered, setLongPressTriggered] = useState(false);\n  const [dragTriggered, setDragTriggered] = useState(false);\n  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const target = useRef<EventTarget>();\n\n  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n    e.persist();\n    const clonedEvent = {\n      ...e,\n    };\n    setDragTriggered(false);\n    if (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault, {\n          passive: false,\n        },\n      );\n      target.current = e.target;\n    }\n\n    timeout.current = setTimeout(() => {\n      onLongPress(clonedEvent);\n      setLongPressTriggered(true);\n    }, delay);\n  }, [onLongPress, delay, shouldPreventDefault, isMobile]);\n\n  const clear = useCallback((\n    e: React.MouseEvent<T> | React.TouchEvent<T>,\n    shouldTriggerClick = true,\n    onDrag = false,\n  ) => {\n    if (onDrag) {\n      setDragTriggered(true);\n    } else {\n      setDragTriggered(false);\n    }\n    if (timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n      onClick?.(e);\n    }\n    setLongPressTriggered(false);\n    if (shouldPreventDefault && target.current) {\n      target.current.removeEventListener('touchend', preventDefault);\n    }\n  },[shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n  return {\n    onMouseDown: (e: React.MouseEvent<T>) => start(e),\n    onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n    onTouchStart: (e: React.TouchEvent<T>) => start(e),\n    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n    // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n  };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_a","_b","onLongPress","onClick","_c","_d","delay","_e","shouldPreventDefault","isMobile","useMediaQueryContext","_f","useState","longPressTriggered","setLongPressTriggered","_g","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","__assign","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}

package/dist/useSendbirdStateContext.js

@@ -0,0 +1,20 @@
+import { useContext } from 'react';
+import { SendbirdSdkContext } from './withSendbird.js';
+import './_rollupPluginBabelHelpers-e4ed87a8.js';
+
+/**
+ * Example:
+ * const MyComponent = () => {
+ *  const context = useSendbirdStateContext();
+ *  const sdk = sendbirdSelectors.getSdk(context);
+ *  return (<div>...</div>);
+ * }
+ */
+
+function useSendbirdStateContext() {
+  var context = useContext(SendbirdSdkContext);
+  return context;
+}
+
+export { useSendbirdStateContext as default };
+//# sourceMappingURL=useSendbirdStateContext.js.map

package/dist/utils/message/isVoiceMessage.js

@@ -0,0 +1,7 @@
+import { d as isVoiceMessage } from '../../index-4217213f.js';
+export { d as default } from '../../index-4217213f.js';
+import '../../tslib.es6-96c33448.js';
+import './getOutgoingMessageState.js';
+
+// mentioned on docs
+//# sourceMappingURL=isVoiceMessage.js.map

package/dist/utils/message/isVoiceMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isVoiceMessage.js","sources":["../../../src/utils/isVoiceMessage.ts"],"sourcesContent":["import { isVoiceMessage } from \".\";\n\nexport default isVoiceMessage;\n// mentioned on docs\n"],"names":[],"mappings":";;;;;AAGA"}

package/dist/utils-273068f6.js

@@ -0,0 +1,4 @@
+const noop = () => {};
+
+export { noop as n };
+//# sourceMappingURL=utils-273068f6.js.map

package/dist/utils-273068f6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-273068f6.js","sources":["../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n  message.sender && (\n    message.sender.friendName\n    || message.sender.nickname\n    || message.sender.userId\n  )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n  getSenderName,\n  getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":"AAAaA,MAAAA,IAAI,GAAG,MAAM;;;;"}

package/dist/utils-5cfd2d4d.js

@@ -0,0 +1,34 @@
+var DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';
+var getOpenChannelAvatar = function (channel) {
+  if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
+    return channel.coverUrl;
+  }
+};
+var getChannelAvatarSource = function (channel, currentUserId) {
+  if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
+    if (!new RegExp("^".concat(DEFAULT_URL_PREFIX)).test(channel.coverUrl)) {
+      return channel.coverUrl;
+    }
+  }
+
+  return ((channel === null || channel === void 0 ? void 0 : channel.members) || []).filter(function (member) {
+    return member.userId !== currentUserId;
+  }).map(function (_a) {
+    var profileUrl = _a.profileUrl;
+    return profileUrl;
+  });
+};
+var generateDefaultAvatar = function (channel) {
+  if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
+    if (new RegExp("^".concat(DEFAULT_URL_PREFIX)).test(channel.coverUrl)) {
+      return true;
+    }
+
+    return false;
+  }
+
+  return true;
+};
+
+export { getChannelAvatarSource as a, getOpenChannelAvatar as b, generateDefaultAvatar as g };
+//# sourceMappingURL=utils-5cfd2d4d.js.map

package/dist/utils-5cfd2d4d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-5cfd2d4d.js","sources":["../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["import type { GroupChannel } from \"@sendbird/chat/groupChannel\";\nimport type { OpenChannel } from \"@sendbird/chat/openChannel\";\n\nexport const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: OpenChannel): string => {\n  if (channel?.coverUrl) {\n    return channel.coverUrl;\n  }\n};\n\nexport const getChannelAvatarSource = (channel: GroupChannel, currentUserId: string): string | Array<string> => {\n  if (channel?.coverUrl) {\n    if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n      return channel.coverUrl;\n    }\n  }\n  return (channel?.members || [])\n    .filter((member) => member.userId !== currentUserId)\n    .map(({ profileUrl }) => profileUrl);\n};\n\nexport const generateDefaultAvatar = (channel: GroupChannel): boolean => {\n  if (channel?.coverUrl) {\n    if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n      return true;\n    }\n    return false;\n  }\n  return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar","concat"],"mappings":"AAGO,IAAMA,kBAAkB,GAAG,iDAA3B,CAAA;AAEMC,IAAAA,oBAAoB,GAAG,UAACC,OAAD,EAAqB;AACvD,EAAA,IAAIA,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;IACrB,OAAOD,OAAO,CAACC,QAAf,CAAA;AACD,GAAA;AACF,EAJM;IAMMC,sBAAsB,GAAG,UAACF,OAAD,EAAwBG,aAAxB,EAA6C;AACjF,EAAA,IAAIH,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,IAAA,IAAI,CAAE,IAAIG,MAAJ,CAAW,GAAA,OAAA,CAAIN,kBAAJ,CAAX,CAAA,CAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAN,EAAoE;MAClE,OAAOD,OAAO,CAACC,QAAf,CAAA;AACD,KAAA;AACF,GAAA;;EACD,OAAO,CAAC,CAAAD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEM,OAAT,KAAoB,EAArB,EACJC,MADI,CACG,UAACC,MAAD,EAAO;AAAK,IAAA,OAAAA,MAAM,CAACC,MAAP,KAAkBN,aAAlB,CAAA;AAA+B,GAD9C,CAEJO,CAAAA,GAFI,CAEA,UAACC,EAAD,EAAe;AAAZ,IAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAV,CAAA;AAAiB,IAAA,OAAAA,UAAA,CAAA;AAAU,GAF9B,CAAP,CAAA;AAGD,EATM;AAWMC,IAAAA,qBAAqB,GAAG,UAACb,OAAD,EAAsB;AACzD,EAAA,IAAIA,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,IAAA,IAAI,IAAIG,MAAJ,CAAW,GAAA,CAAAU,MAAA,CAAIhB,kBAAJ,CAAX,CAAA,CAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAJ,EAAiE;AAC/D,MAAA,OAAO,IAAP,CAAA;AACD,KAAA;;AACD,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,OAAO,IAAP,CAAA;AACD;;;;"}

package/dist/utils-aa379202.js

@@ -0,0 +1,30 @@
+var copyToClipboard = function (text) {
+  // @ts-ignore: Unreachable code error
+  if (window.clipboardData && window.clipboardData.setData) {
+    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.
+    // @ts-ignore: Unreachable code error
+    return window.clipboardData.setData('Text', text);
+  }
+
+  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
+    var textarea = document.createElement('textarea');
+    textarea.textContent = text;
+    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.
+
+    document.body.appendChild(textarea);
+    textarea.select();
+
+    try {
+      return document.execCommand('copy'); // Security exception may be thrown by some browsers.
+    } catch (ex) {
+      return false;
+    } finally {
+      document.body.removeChild(textarea);
+    }
+  }
+
+  return false;
+};
+
+export { copyToClipboard as c };
+//# sourceMappingURL=utils-aa379202.js.map

package/dist/utils-aa379202.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-aa379202.js","sources":["../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n  // @ts-ignore: Unreachable code error\n  if (window.clipboardData && window.clipboardData.setData) {\n    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n    // @ts-ignore: Unreachable code error\n    return window.clipboardData.setData('Text', text);\n  }\n  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n    const textarea = document.createElement('textarea');\n    textarea.textContent = text;\n    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n    } catch (ex) {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }\n  return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":"AAAaA,IAAAA,eAAe,GAAG,UAACC,IAAD,EAAa;AAC1C;EACA,IAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;IACA,OAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP,CAAA;AACD,GAAA;;EACD,IAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,IAAA,IAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB,CAAA;IACAD,QAAQ,CAACE,WAAT,GAAuBR,IAAvB,CAAA;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B,CAAA,CAAA;AACAA,IAAAA,QAAQ,CAACO,MAAT,EAAA,CAAA;;IACA,IAAI;AACF,MAAA,OAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;KAAJ,CAEE,OAAOC,EAAP,EAAW;AACX,MAAA,OAAO,KAAP,CAAA;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B,CAAA,CAAA;AACD,KAAA;AACF,GAAA;;AACD,EAAA,OAAO,KAAP,CAAA;AACD;;;;"}

package/dist/utils-feeb0ce4.js

@@ -0,0 +1,30 @@
+import { c as LabelStringSet } from './index-8ff79952.js';
+
+var getChannelTitle = function (channel, currentUserId, stringSet) {
+  var _a;
+
+  var LABEL_STRING_SET = stringSet || LabelStringSet;
+
+  if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
+    return LABEL_STRING_SET.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 LABEL_STRING_SET.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 || LABEL_STRING_SET.NO_NAME;
+  }).join(', ');
+};
+
+export { getChannelTitle as g };
+//# sourceMappingURL=utils-feeb0ce4.js.map

package/dist/utils-feeb0ce4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-feeb0ce4.js","sources":["../src/smart-components/Channel/components/ChannelHeader/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n  channel: GroupChannel,\n  currentUserId: string,\n  stringSet: { [label: string]: string }\n  ): string => {\n  const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n  if (!channel?.name && !channel?.members) {\n    return LABEL_STRING_SET.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n\n  if (channel?.members?.length === 1) {\n    return LABEL_STRING_SET.NO_MEMBERS;\n  }\n\n  return channel?.members\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || LABEL_STRING_SET.NO_NAME))\n    .join(', ');\n};\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","_a","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join"],"mappings":";;AAGO,IAAMA,eAAe,GAAG,UAC7BC,OAD6B,EAE7BC,aAF6B,EAG7BC,SAH6B,EAGS;;;AAEtC,EAAA,IAAMC,gBAAgB,GAAgCD,SAAS,IAAIE,cAAnE,CAAA;;AACA,EAAA,IAAI,EAACJ,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEK,IAAV,CAAA,IAAkB,EAACL,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEM,OAAV,CAAtB,EAAyC;IACvC,OAAOH,gBAAgB,CAACI,QAAxB,CAAA;AACD,GAAA;;EACD,IAAI,CAAAP,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEK,IAAT,KAAiBL,OAAO,CAACK,IAAR,KAAiB,eAAtC,EAAuD;IACrD,OAAOL,OAAO,CAACK,IAAf,CAAA;AACD,GAAA;;AAED,EAAA,IAAI,CAAA,CAAAG,EAAA,GAAAR,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEM,OAAT,MAAgB,IAAhB,IAAgBE,EAAA,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAgBA,EAAA,CAAEC,MAAlB,MAA6B,CAAjC,EAAoC;IAClC,OAAON,gBAAgB,CAACO,UAAxB,CAAA;AACD,GAAA;;EAED,OAAOV,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEM,OAAT,CACJK,MADI,CACG,UAACH,EAAD,EAAW;AAAR,IAAA,IAAAI,MAAM,GAAAJ,EAAA,CAAAI,MAAN,CAAA;IAAa,OAAAA,MAAM,KAAKX,aAAX,CAAA;AAAwB,GAD3C,CAEJY,CAAAA,GAFI,CAEA,UAACL,EAAD,EAAa;AAAV,IAAA,IAAAM,QAAQ,GAAAN,EAAA,CAAAM,QAAR,CAAA;AAAe,IAAA,OAACA,QAAQ,IAAIX,gBAAgB,CAACY,OAA9B,CAAA;AAAsC,GAFxD,CAGJC,CAAAA,IAHI,CAGC,IAHD,CAAP,CAAA;AAID;;;;"}

package/dist/uuid-d8fc0ef1.js

@@ -0,0 +1,17 @@
+/* eslint-disable no-bitwise */
+
+/* eslint-disable eqeqeq */
+
+/* eslint-disable no-mixed-operators */
+// https://stackoverflow.com/a/2117523
+// used mainly for dom key generation
+var uuidv4 = function () {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+};
+
+export { uuidv4 as u };
+//# sourceMappingURL=uuid-d8fc0ef1.js.map

package/dist/uuid-d8fc0ef1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid-d8fc0ef1.js","sources":["../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n  const r = Math.random() * 16 | 0;\n  const v = c === 'x' ? r : (r & 0x3 | 0x8);\n  return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":"AAAA;;AACA;;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,YAAc;AAAA,EAAA,OAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD,EAAE;IAC5F,IAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,EAAgB,GAAA,EAAhB,GAAqB,CAA/B,CAAA;AACA,IAAA,IAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC,CAAA;AACA,IAAA,OAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP,CAAA;AACD,GAJmC,CAAA,CAAA;AAIlC;;;;"}

package/dist/withSendbird.js

@@ -0,0 +1,24 @@
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-e4ed87a8.js';
+import React__default from 'react';
+
+const SendbirdSdkContext = /*#__PURE__*/React__default.createContext();
+
+const withSendbirdContext = (OriginalComponent, mapStoreToProps) => {
+  const ContextAwareComponent = props => /*#__PURE__*/React__default.createElement(SendbirdSdkContext.Consumer, null, context => {
+    if (mapStoreToProps && typeof mapStoreToProps !== 'function') {
+      // eslint-disable-next-line no-console
+      console.warn('Second parameter to withSendbirdContext must be a pure function');
+    }
+
+    const mergedProps = mapStoreToProps && typeof mapStoreToProps === 'function' ? _objectSpread2(_objectSpread2({}, mapStoreToProps(context)), props) : _objectSpread2(_objectSpread2({}, context), props); // eslint-disable-next-line react/jsx-props-no-spreading
+
+    return /*#__PURE__*/React__default.createElement(OriginalComponent, mergedProps);
+  });
+
+  const componentName = OriginalComponent.displayName || OriginalComponent.name || 'Component';
+  ContextAwareComponent.displayName = `SendbirdAware${componentName}`;
+  return ContextAwareComponent;
+};
+
+export { SendbirdSdkContext, withSendbirdContext as default };
+//# sourceMappingURL=withSendbird.js.map

package/package.json

@@ -1,19 +1,41 @@
 {
   "name": "@sendbird/uikit-react",
-  "version": "3.3.7",
+  "version": "3.4.0-rc.1",
   "description": "React based UI kit for sendbird",
-  "type": "module",
-  "main": "index.js",
+  "main": "dist/index.js",
   "style": "dist/index.css",
-  "typings": "index.d.ts",
-  "module": "index.js",
-  "devEngines": {
-    "node": "14.x || 15.x || 16.x"
-  },
+  "typings": "dist/index.d.ts",
+  "module": "dist/index.js",
   "files": [
-    "**/*"
+    "release/**/*",
+    "dist/**/*",
+    "LICENSE",
+    "CHANGELOG.md"
   ],
+  "devEngines": {
+    "node": "16.x"
+  },
   "scripts": {
+    "test": "jest",
+    "test-update-snapshot": "jest -u",
+    "cp-css": "./scripts/copy-css.sh",
+    "clean-release": "rm -rf ./release; rm -rf ./dist",
+    "build": "npm run clean-release; rollup -c",
+    "start": "rollup -c -w",
+    "reset": "rm -rf ./node_modules; npm install;",
+    "prepublishOnly": "npm run build",
+    "predeploy": "cd example && npm install && npm run build",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "eslint": "eslint --no-eslintrc  -c .eslintrc.js 'src/**'",
+    "stylelint": "stylelint 'src/**'",
+    "lint": "npm run eslint; npm run eslint-ts",
+    "eslint-ts": "eslint --no-eslintrc -c .eslintrc.json './src/**/*.ts*'",
+    "generate-component": "plop",
+    "rollup": "npm run clean-release; rollup -c",
+    "deploy-storybook": "storybook-to-ghpages",
+    "inspect": "npm run test; npm run lint;",
+    "bundle": "dts-bundle-generator -o ./dist/my.d.ts ./src/index.d.ts"
   },
   "repository": {
     "type": "git",
@@ -26,9 +48,10 @@
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@sendbird/chat": "^4.1.1",
+    "@sendbird/chat": "^4.2.3",
     "css-vars-ponyfill": "^2.3.2",
     "date-fns": "^2.16.1",
+    "lamejs": "^1.2.1",
     "prop-types": "^15.7.2"
   },
   "bugs": {
@@ -48,54 +71,57 @@
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@rollup/plugin-replace": "^2.4.2",
     "@rollup/plugin-typescript": "^8.2.1",
-    "@storybook/addon-actions": "^6.3.4",
-    "@storybook/addon-docs": "^6.3.4",
-    "@storybook/addon-links": "^6.3.4",
-    "@storybook/addons": "^6.3.4",
+    "@storybook/addon-actions": "^6.5.10",
+    "@storybook/addon-docs": "^6.5.10",
+    "@storybook/addon-links": "^6.5.10",
+    "@storybook/addons": "^6.5.10",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.3.4",
-    "@storybook/storybook-deployer": "^2.8.10",
+    "@storybook/react": "^6.5.10",
+    "@storybook/storybook-deployer": "^2.8.12",
     "@svgr/rollup": "^5.5.0",
     "@svgr/webpack": "^5.1.0",
-    "@typescript-eslint/eslint-plugin": "^3.6.0",
-    "@typescript-eslint/parser": "^3.6.0",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.2",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@typescript-eslint/eslint-plugin": "^3.10.1",
+    "@typescript-eslint/parser": "^3.10.1",
     "autoprefixer": "^9.7.4",
     "babel-eslint": "^10.0.3",
-    "babel-jest": "^25.1.0",
+    "babel-jest": "^29.0.1",
     "babel-loader": "^8.0.6",
     "browserslist": "^4.14.5",
     "caniuse-lite": "^1.0.30001148",
     "css-loader": "^3.4.2",
     "dts-bundle-generator": "^6.5.0",
-    "enzyme": "^3.11.0",
     "eslint": "^6.8.0",
     "eslint-config-airbnb": "^18.0.1",
+    "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-import": "^2.20.0",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-react": "^7.18.0",
     "eslint-plugin-react-hooks": "^1.7.0",
-    "jest": "^27.0.6",
-    "jsdom": "^16.1.0",
-    "node-sass": "^6.0.1",
+    "global-jsdom": "^8.5.0",
+    "jest": "^29.0.1",
+    "jest-environment-jsdom": "^29.0.1",
+    "jsdom": "^20.0.0",
     "np": "^7.5.0",
     "plop": "^2.5.3",
     "postcss": "^8.3.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-test-renderer": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "rollup": "^2.53.1",
     "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-polyfill-node": "^0.10.1",
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-scss": "^3.0.0",
     "rollup-plugin-size-snapshot": "^0.12.0",
+    "sass": "^1.55.0",
     "sass-loader": "^10.2.0",
     "style-loader": "^1.1.3",
     "stylelint": "^13.0.0",
     "stylelint-config-sass-guidelines": "^7.0.0",
     "ts-loader": "^7.0.5",
     "tslib": "^2.0.0",
-    "typescript": "^4.3.5"
+    "typescript": "^4.7.4"
   },
   "browserslist": [
     "defaults",