@sendbird/uikit-react 3.4.6-0 → 3.4.6-rc.0

package/cjs/ui/DateSeparator.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-67bdb021.js');
+var tslib_es6 = require('../tslib.es6-957ba986.js');
 var React = require('react');
-var color = require('../color-168c1d53.js');
-var ui_Label = require('../index-0e43cd69.js');
+var color = require('../color-8b30623d.js');
+var ui_Label = require('../index-3d6159df.js');
 require('prop-types');
-require('../stringSet-76f7df68.js');
+require('../stringSet-e52248ab.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/EmojiReactions.js

@@ -8,17 +8,17 @@ var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var index = require('../index-5075f3b2.js');
-var LocalizationContext = require('../LocalizationContext-e4a874cf.js');
-require('../tslib.es6-67bdb021.js');
-require('../index-0e43cd69.js');
+var index = require('../index-d6f14382.js');
+var LocalizationContext = require('../LocalizationContext-9b216d02.js');
+require('../tslib.es6-957ba986.js');
+require('../index-3d6159df.js');
 require('prop-types');
-require('../stringSet-76f7df68.js');
+require('../stringSet-e52248ab.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-f23c161c.js');
+require('../uuid-a8af0c03.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-903c0f93.js');
+require('../index-02729806.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/FileMessageItemBody.js

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-0e43cd69.js');
+var ui_Label = require('../index-3d6159df.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../index-5075f3b2.js');
-var color = require('../color-168c1d53.js');
-var MediaQueryContext = require('../MediaQueryContext-fcd92c17.js');
+var index = require('../index-d6f14382.js');
+var color = require('../color-8b30623d.js');
+var MediaQueryContext = require('../MediaQueryContext-ea137add.js');
 require('prop-types');
-require('../stringSet-76f7df68.js');
-require('../tslib.es6-67bdb021.js');
+require('../stringSet-e52248ab.js');
+require('../tslib.es6-957ba986.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/FileViewer.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
-var LocalizationContext = require('../LocalizationContext-e4a874cf.js');
-var index = require('../index-813deccc.js');
-var index$1 = require('../index-5075f3b2.js');
+var LocalizationContext = require('../LocalizationContext-9b216d02.js');
+var index = require('../index-d85616b2.js');
+var index$1 = require('../index-d6f14382.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-0e43cd69.js');
+var ui_Label = require('../index-3d6159df.js');
 var ui_Icon = require('./Icon.js');
-require('../stringSet-76f7df68.js');
-require('../index-903c0f93.js');
-require('../tslib.es6-67bdb021.js');
+require('../stringSet-e52248ab.js');
+require('../index-02729806.js');
+require('../tslib.es6-957ba986.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../uuid-f23c161c.js');
+require('../uuid-a8af0c03.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-67bdb021.js');
+var tslib_es6 = require('../tslib.es6-957ba986.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../src/ui/IconButton/index.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  useState,\n} from 'react';\n\nimport './index.scss';\n\nexport interface IconButtonProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  disabled?: boolean;\n  width?: string;\n  height?: string;\n  type?: 'button' | 'submit' | 'reset';\n  style?: { [key: string]: string };\n  onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;\n  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst IconButton = React.forwardRef((\n  props: IconButtonProps,\n  ref: RefObject<HTMLButtonElement>,\n): ReactElement => {\n  const {\n    className = '',\n    children,\n    disabled = false,\n    width = '56px',\n    height = '56px',\n    type = 'button',\n    style = {},\n    onBlur = () => {/* noop */},\n    onClick = () => {/* noop */},\n  } = props;\n  const [isPressed, setIsPressed] = useState(false);\n  return (\n    <button\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-iconbutton',\n        isPressed ? 'sendbird-iconbutton--pressed' : '',\n      ].join(' ')}\n      disabled={disabled}\n      ref={ref}\n      type={type}\n      style={{\n        ...style,\n        height,\n        width,\n      }}\n      onClick={(e) => {\n        if (disabled) { return; }\n        setIsPressed(true);\n        onClick?.(e);\n      }}\n      onBlur={(e) => {\n        setIsPressed(false);\n        onBlur?.(e);\n      }}\n    >\n      <span className=\"sendbird-iconbutton__inner\">\n        {children}\n      </span>\n    </button>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","React","forwardRef","props","ref","_a","className","children","_b","disabled","_c","width","_d","height","_e","type","_f","style","_g","onBlur","_h","onClick","_j","useState","isPressed","setIsPressed","createElement","__spreadArray","Array","isArray","join","__assign","e"],"mappings":";;;;;;;;;AAsBMA,IAAAA,UAAU,gBAAGC,yBAAK,CAACC,UAAU,CAAC,UAClCC,KAAsB,EACtBC,GAAiC,EAAA;AAG/B,EAAA,IAAAC,KASEF,KAAK,CAAAG,SATO;IAAdA,SAAS,mBAAG,EAAE,GAAAD,EAAA;IACdE,QAAQ,GAQNJ,KAAK,CAAAI,QARC;IACRC,EAAA,GAOEL,KAAK,CAPSM,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAME,GAAAP,KAAK,MANO;IAAdQ,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;IACdE,EAAA,GAKET,KAAK,CALQU,MAAA;IAAfA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAAA,EAAA;IACfE,KAIEX,KAAK,CAAAY,IAJQ;IAAfA,IAAI,mBAAG,QAAQ,GAAAD,EAAA;IACfE,EAAA,GAGEb,KAAK,CAHGc,KAAA;IAAVA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACVE,EAEE,GAAAf,KAAK,OAFoB;IAA3BgB,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAkB,GAAAA,EAAA;IAC3BE,EACE,GAAAjB,KAAK,QADqB;IAA5BkB,OAAO,mBAAG,YAAiB,EAAC,KAAA,CAAA;AAExB,EAAA,IAAAC,EAAA,GAA4BC,cAAQ,CAAC,KAAK,CAAC;AAA1CC,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;EACjD,oBACErB,yBAAA,CAAAyB,aAAA,CAAA,QAAA,EAAA;AACEpB,IAAAA,SAAS,EAAEqB,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACvB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,qBAAqB,EACrBkB,SAAS,GAAG,8BAA8B,GAAG,EAAE,CAC/C,EAAA,KAAA,CAAA,CAAAM,IAAI,CAAC,GAAG,CAAE;AACZrB,IAAAA,QAAQ,EAAEA,QAAS;AACnBL,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,IAAI,EAAEA,IAAK;IACXE,KAAK,EACAc,kBAAA,CAAAA,kBAAA,CAAA,EAAA,EAAAd,KAAK;AACRJ,MAAAA,MAAM,EAAAA,MAAA;AACNF,MAAAA,KAAK;AACL,KAAA,CAAA;AACFU,IAAAA,OAAO,EAAE,UAACW,CAAC,EAAA;AACT,MAAA,IAAIvB,QAAQ,EAAE;AAAE,QAAA,OAAA;AAAS,OAAA;MACzBgB,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBJ,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGW,CAAC,CAAC,CAAA;KACZ;AACFb,IAAAA,MAAM,EAAE,UAACa,CAAC,EAAA;MACRP,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBN,MAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAGa,CAAC,CAAC,CAAA;AACb,KAAA;GAEA/B,eAAAA,yBAAA,CAAAyB,aAAA,CAAA,MAAA,EAAA;AAAMpB,IAAAA,SAAS,EAAC,4BAAA;GACbC,EAAAA,QAAQ,CAEb,CAAS,CAAA;AAEb,CAAC;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../../src/ui/IconButton/index.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  useState,\n} from 'react';\n\nimport './index.scss';\n\nexport interface IconButtonProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  disabled?: boolean;\n  width?: string;\n  height?: string;\n  type?: 'button' | 'submit' | 'reset';\n  style?: { [key: string]: string };\n  onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;\n  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst IconButton = React.forwardRef((\n  props: IconButtonProps,\n  ref: RefObject<HTMLButtonElement>,\n): ReactElement => {\n  const {\n    className = '',\n    children,\n    disabled = false,\n    width = '56px',\n    height = '56px',\n    type = 'button',\n    style = {},\n    onBlur = () => { /* noop */ },\n    onClick = () => { /* noop */ },\n  } = props;\n  const [isPressed, setIsPressed] = useState(false);\n  return (\n    <button\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-iconbutton',\n        isPressed ? 'sendbird-iconbutton--pressed' : '',\n      ].join(' ')}\n      disabled={disabled}\n      ref={ref}\n      type={type}\n      style={{\n        ...style,\n        height,\n        width,\n      }}\n      onClick={(e) => {\n        if (disabled) { return; }\n        setIsPressed(true);\n        onClick?.(e);\n      }}\n      onBlur={(e) => {\n        setIsPressed(false);\n        onBlur?.(e);\n      }}\n    >\n      <span className=\"sendbird-iconbutton__inner\">\n        {children}\n      </span>\n    </button>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","React","forwardRef","props","ref","_a","className","children","_b","disabled","_c","width","_d","height","_e","type","_f","style","_g","onBlur","_h","onClick","_j","useState","isPressed","setIsPressed","createElement","__spreadArray","Array","isArray","join","__assign","e"],"mappings":";;;;;;;;;AAsBMA,IAAAA,UAAU,gBAAGC,yBAAK,CAACC,UAAU,CAAC,UAClCC,KAAsB,EACtBC,GAAiC,EAAA;AAG/B,EAAA,IAAAC,KASEF,KAAK,CAAAG,SATO;IAAdA,SAAS,mBAAG,EAAE,GAAAD,EAAA;IACdE,QAAQ,GAQNJ,KAAK,CAAAI,QARC;IACRC,EAAA,GAOEL,KAAK,CAPSM,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAME,GAAAP,KAAK,MANO;IAAdQ,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;IACdE,EAAA,GAKET,KAAK,CALQU,MAAA;IAAfA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAAA,EAAA;IACfE,KAIEX,KAAK,CAAAY,IAJQ;IAAfA,IAAI,mBAAG,QAAQ,GAAAD,EAAA;IACfE,EAAA,GAGEb,KAAK,CAHGc,KAAA;IAAVA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACVE,EAEE,GAAAf,KAAK,OAFsB;IAA7BgB,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA;IAC7BE,EACE,GAAAjB,KAAK,QADuB;IAA9BkB,OAAO,mBAAG,YAAmB,EAAC,KAAA,CAAA;AAE1B,EAAA,IAAAC,EAAA,GAA4BC,cAAQ,CAAC,KAAK,CAAC;AAA1CC,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;EACjD,oBACErB,yBAAA,CAAAyB,aAAA,CAAA,QAAA,EAAA;AACEpB,IAAAA,SAAS,EAAEqB,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACvB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,qBAAqB,EACrBkB,SAAS,GAAG,8BAA8B,GAAG,EAAE,CAC/C,EAAA,KAAA,CAAA,CAAAM,IAAI,CAAC,GAAG,CAAE;AACZrB,IAAAA,QAAQ,EAAEA,QAAS;AACnBL,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,IAAI,EAAEA,IAAK;IACXE,KAAK,EACAc,kBAAA,CAAAA,kBAAA,CAAA,EAAA,EAAAd,KAAK;AACRJ,MAAAA,MAAM,EAAAA,MAAA;AACNF,MAAAA,KAAK;AACL,KAAA,CAAA;AACFU,IAAAA,OAAO,EAAE,UAACW,CAAC,EAAA;AACT,MAAA,IAAIvB,QAAQ,EAAE;AAAE,QAAA,OAAA;AAAS,OAAA;MACzBgB,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBJ,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGW,CAAC,CAAC,CAAA;KACZ;AACFb,IAAAA,MAAM,EAAE,UAACa,CAAC,EAAA;MACRP,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBN,MAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAGa,CAAC,CAAC,CAAA;AACb,KAAA;GAEA/B,eAAAA,yBAAA,CAAAyB,aAAA,CAAA,MAAA,EAAA;AAAMpB,IAAAA,SAAS,EAAC,4BAAA;GACbC,EAAAA,QAAQ,CAEb,CAAS,CAAA;AAEb,CAAC;;;;"}

package/cjs/ui/ImageRenderer.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-67bdb021.js');
+var tslib_es6 = require('../tslib.es6-957ba986.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/ImageRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.js","sources":["../../../src/ui/ImageRenderer/index.tsx"],"sourcesContent":["import React, { useState, useMemo, ReactElement } from 'react';\n\nimport './index.scss';\n\n/*\n  ImageRenderer displays image with url or source\n  it checks if the source exist with img tag first\n  if it exists onLoad is called, if not onError is called\n  and those properties switch img tag to real purposing element\n*/\n\nexport interface ImageRendererProps {\n  className?: string | Array<string>;\n  url: string;\n  alt?: string;\n  width?: string | number;\n  height?: string | number;\n  circle?: boolean;\n  fixedSize?: boolean;\n  placeHolder?: ((props: { style: { [key: string]: string | number } }) => ReactElement) | ReactElement;\n  defaultComponent?: (() => ReactElement) | ReactElement;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\nconst ImageRenderer = ({\n  className = '',\n  url,\n  alt = '',\n  width = null,\n  height = null,\n  circle = false,\n  fixedSize = false,\n  placeHolder = null,\n  defaultComponent = null,\n  onLoad = () => {/* noop */},\n  onError = () => {/* noop */},\n}: ImageRendererProps): ReactElement => {\n  const [showDefaultComponent, setShowDefaultComponent] = useState(false);\n  const [showPlaceHolder, setShowPlaceHolder] = useState(true);\n\n  const DefaultComponent = useMemo(() => {\n    return typeof defaultComponent === 'function'\n      ? defaultComponent()\n      : defaultComponent;\n  }, [defaultComponent]);\n\n  const PlaceHolder = useMemo(() => {\n    return (placeHolder && typeof placeHolder === 'function')\n      ? placeHolder({\n        style: {\n          width: '100%',\n          minWidth: width,\n          maxWidth: fixedSize ? width : '400px',\n          height,\n          position: 'absolute',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        }\n      })\n      : null;\n  }, [placeHolder]);\n\n  const HiddenImageLoader = useMemo(() => {\n    setShowDefaultComponent(false);\n    // reset the state when url is changed\n    return (\n      <img\n        className=\"sendbird-image-renderer__hidden-image-loader\"\n        src={url}\n        alt={alt}\n        onLoad={() => {\n          setShowPlaceHolder(false);\n          onLoad();\n        }}\n        onError={() => {\n          setShowDefaultComponent(true);\n          onError();\n        }}\n      />\n    );\n  }, [url]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-image-renderer',\n      ].join(' ')}\n      style={{\n        width: '100%',\n        minWidth: width,\n        maxWidth: fixedSize ? width : '400px',\n        height,\n      }}\n    >\n      {showPlaceHolder && PlaceHolder}\n      {\n        showDefaultComponent\n          ? DefaultComponent\n          : (\n            <div\n              className=\"sendbird-image-renderer__image\"\n              style={{\n                width: '100%',\n                minWidth: width,\n                maxWidth: fixedSize ? width : '400px',\n                height,\n                position: 'absolute',\n                backgroundRepeat: 'no-repeat',\n                backgroundPosition: 'center',\n                backgroundSize: 'cover',\n                backgroundImage: `url(${url})`,\n                borderRadius: circle ? '50%' : null,\n              }}\n            />\n          )\n      }\n      {HiddenImageLoader}\n    </div>\n  );\n};\n\nexport default ImageRenderer;\n"],"names":["ImageRenderer","_a","_b","className","url","_c","alt","_d","width","_e","height","_f","circle","_g","fixedSize","_h","placeHolder","_j","defaultComponent","_k","onLoad","_l","onError","_m","useState","showDefaultComponent","setShowDefaultComponent","_o","showPlaceHolder","setShowPlaceHolder","DefaultComponent","useMemo","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","createElement","src","__spreadArray","Array","isArray","join","backgroundRepeat","backgroundPosition","backgroundSize","backgroundImage","concat","borderRadius"],"mappings":"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"}
+{"version":3,"file":"ImageRenderer.js","sources":["../../../src/ui/ImageRenderer/index.tsx"],"sourcesContent":["import React, { useState, useMemo, ReactElement } from 'react';\n\nimport './index.scss';\n\n/*\n  ImageRenderer displays image with url or source\n  it checks if the source exist with img tag first\n  if it exists onLoad is called, if not onError is called\n  and those properties switch img tag to real purposing element\n*/\n\nexport interface ImageRendererProps {\n  className?: string | Array<string>;\n  url: string;\n  alt?: string;\n  width?: string | number;\n  height?: string | number;\n  circle?: boolean;\n  fixedSize?: boolean;\n  placeHolder?: ((props: { style: { [key: string]: string | number } }) => ReactElement) | ReactElement;\n  defaultComponent?: (() => ReactElement) | ReactElement;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\nconst ImageRenderer = ({\n  className = '',\n  url,\n  alt = '',\n  width = null,\n  height = null,\n  circle = false,\n  fixedSize = false,\n  placeHolder = null,\n  defaultComponent = null,\n  onLoad = () => { /* noop */ },\n  onError = () => { /* noop */ },\n}: ImageRendererProps): ReactElement => {\n  const [showDefaultComponent, setShowDefaultComponent] = useState(false);\n  const [showPlaceHolder, setShowPlaceHolder] = useState(true);\n\n  const DefaultComponent = useMemo(() => {\n    return typeof defaultComponent === 'function'\n      ? defaultComponent()\n      : defaultComponent;\n  }, [defaultComponent]);\n\n  const PlaceHolder = useMemo(() => {\n    return (placeHolder && typeof placeHolder === 'function')\n      ? placeHolder({\n        style: {\n          width: '100%',\n          minWidth: width,\n          maxWidth: fixedSize ? width : '400px',\n          height,\n          position: 'absolute',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        },\n      })\n      : null;\n  }, [placeHolder]);\n\n  const HiddenImageLoader = useMemo(() => {\n    setShowDefaultComponent(false);\n    // reset the state when url is changed\n    return (\n      <img\n        className=\"sendbird-image-renderer__hidden-image-loader\"\n        src={url}\n        alt={alt}\n        onLoad={() => {\n          setShowPlaceHolder(false);\n          onLoad();\n        }}\n        onError={() => {\n          setShowDefaultComponent(true);\n          onError();\n        }}\n      />\n    );\n  }, [url]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-image-renderer',\n      ].join(' ')}\n      style={{\n        width: '100%',\n        minWidth: width,\n        maxWidth: fixedSize ? width : '400px',\n        height,\n      }}\n    >\n      {showPlaceHolder && PlaceHolder}\n      {\n        showDefaultComponent\n          ? DefaultComponent\n          : (\n            <div\n              className=\"sendbird-image-renderer__image\"\n              style={{\n                width: '100%',\n                minWidth: width,\n                maxWidth: fixedSize ? width : '400px',\n                height,\n                position: 'absolute',\n                backgroundRepeat: 'no-repeat',\n                backgroundPosition: 'center',\n                backgroundSize: 'cover',\n                backgroundImage: `url(${url})`,\n                borderRadius: circle ? '50%' : null,\n              }}\n            />\n          )\n      }\n      {HiddenImageLoader}\n    </div>\n  );\n};\n\nexport default ImageRenderer;\n"],"names":["ImageRenderer","_a","_b","className","url","_c","alt","_d","width","_e","height","_f","circle","_g","fixedSize","_h","placeHolder","_j","defaultComponent","_k","onLoad","_l","onError","_m","useState","showDefaultComponent","setShowDefaultComponent","_o","showPlaceHolder","setShowPlaceHolder","DefaultComponent","useMemo","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","createElement","src","__spreadArray","Array","isArray","join","backgroundRepeat","backgroundPosition","backgroundSize","backgroundImage","concat","borderRadius"],"mappings":"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"}

package/cjs/ui/Input.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-0e43cd69.js');
+var ui_Label = require('../index-3d6159df.js');
 require('prop-types');
-require('../stringSet-76f7df68.js');
+require('../stringSet-e52248ab.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Label.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('prop-types');
-var ui_Label = require('../index-0e43cd69.js');
-require('../stringSet-76f7df68.js');
+var ui_Label = require('../index-3d6159df.js');
+require('../stringSet-e52248ab.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-0e43cd69.js');
-require('../stringSet-76f7df68.js');
+var ui_Label = require('../index-3d6159df.js');
+require('../stringSet-e52248ab.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Loader.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-67bdb021.js');
+var tslib_es6 = require('../tslib.es6-957ba986.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 require('prop-types');

package/cjs/ui/MentionLabel.js

@@ -2,23 +2,23 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-0e43cd69.js');
+var ui_Label = require('../index-3d6159df.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../tslib.es6-67bdb021.js');
+require('../tslib.es6-957ba986.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-f23c161c.js');
-require('../index-5075f3b2.js');
+require('../uuid-a8af0c03.js');
+require('../index-d6f14382.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../stringSet-76f7df68.js');
-require('../LocalizationContext-e4a874cf.js');
-require('../index-903c0f93.js');
-require('../UserProfileContext-ce0c283c.js');
+require('../stringSet-e52248ab.js');
+require('../LocalizationContext-9b216d02.js');
+require('../index-02729806.js');
+require('../UserProfileContext-ad079e6d.js');
 require('../sendbirdSelectors.js');
-require('../topics-f70c5e0f.js');
-require('../utils-fdfc9b0a.js');
+require('../topics-09d72ec0.js');
+require('../utils-a82eaed9.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');

package/cjs/ui/MentionUserLabel.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../consts-2e23914f.js');
+var consts = require('../consts-54b7b2b1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageContent.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6ab4baac.js');
-var tslib_es6 = require('../tslib.es6-67bdb021.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-440ec6e2.js');
+var tslib_es6 = require('../tslib.es6-957ba986.js');
 var React = require('react');
-var index$1 = require('../index-f2d71843.js');
+var index$1 = require('../index-ecfe08c9.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_UserProfile = require('./UserProfile.js');
-var ui_MessageStatus = require('../index-4894fc55.js');
+var ui_MessageStatus = require('../index-7f214e91.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-0e43cd69.js');
+var ui_Label = require('../index-3d6159df.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
@@ -19,55 +19,55 @@ var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../index-5075f3b2.js');
-var UserProfileContext = require('../UserProfileContext-ce0c283c.js');
-var LocalizationContext = require('../LocalizationContext-e4a874cf.js');
+var index = require('../index-d6f14382.js');
+var UserProfileContext = require('../UserProfileContext-ad079e6d.js');
+var LocalizationContext = require('../LocalizationContext-9b216d02.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var useLongPress = require('../useLongPress-3582b310.js');
+var useLongPress = require('../useLongPress-640ea281.js');
 var ui_Icon = require('./Icon.js');
 var ui_BottomSheet = require('./BottomSheet.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
-var MediaQueryContext = require('../MediaQueryContext-fcd92c17.js');
+var MediaQueryContext = require('../MediaQueryContext-ea137add.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../const-0273bf9e.js');
+var _const = require('../const-1e096998.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
-require('../index-903c0f93.js');
-require('../uuid-f23c161c.js');
+require('../index-02729806.js');
+require('../uuid-a8af0c03.js');
 require('prop-types');
 require('../sendbirdSelectors.js');
-require('../topics-f70c5e0f.js');
-require('../utils-fdfc9b0a.js');
+require('../topics-09d72ec0.js');
+require('../utils-a82eaed9.js');
 require('./Button.js');
-require('../stringSet-76f7df68.js');
+require('../stringSet-e52248ab.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-44341b78.js');
-require('../index-47105c4f.js');
+require('../index-8a187344.js');
+require('../index-b95c8165.js');
 require('./IconButton.js');
-require('../types-43ef9367.js');
+require('../types-68cc0fcf.js');
 require('react-dom');
 require('./SortByRow.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('./ReactionBadge.js');
-require('../tokenize-5071d1a6.js');
-require('../index-3a7584a0.js');
+require('../tokenize-c5dd544b.js');
+require('../index-9e320445.js');
+require('ts-pattern');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../consts-e193b1b8.js');
+require('../consts-3ebe6f94.js');
 require('./TextButton.js');
-require('../color-168c1d53.js');
-require('../consts-472d9347.js');
+require('../color-8b30623d.js');
+require('../consts-d1f579c4.js');
 require('../withSendbird.js');
-require('../index-813deccc.js');
+require('../index-d85616b2.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
-require('../index-ba9683ca.js');
-require('../consts-b8c0be49.js');
+require('../index-f8237241.js');
+require('../consts-02c09d93.js');
 require('../VoiceRecorder/context.js');
-require('../lame.all.js');
 require('./PlaybackTime.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }