@sendbird/uikit-react 3.3.4-rc.0 → 3.3.5-rc.0

package/cjs/{index-8d4f2992.js → index-04cf08cd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-464d6595.js');
+var index = require('./index-23f93fb7.js');
 
 /**
  * @name startOfDay
@@ -65,4 +65,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=index-8d4f2992.js.map
+//# sourceMappingURL=index-04cf08cd.js.map

package/cjs/{index-8d4f2992.js.map → index-04cf08cd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-8d4f2992.js","sources":["../../node_modules/date-fns/esm/startOfDay/index.js","../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\n\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\n\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;"}
+{"version":3,"file":"index-04cf08cd.js","sources":["../../node_modules/date-fns/esm/startOfDay/index.js","../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\n\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\n\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;"}

package/cjs/{index-f1b9f5fa.js → index-06d4bb3b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-725d5038.js');
+var tslib_es6 = require('./tslib.es6-a0841755.js');
 var React = require('react');
-var LocalizationContext = require('./LocalizationContext-17ba15f1.js');
+var LocalizationContext = require('./LocalizationContext-d41b4430.js');
 var ui_Icon = require('./ui/Icon.js');
-var ui_Label = require('./index-8beae959.js');
+var ui_Label = require('./index-916e04ab.js');
 var ui_Loader = require('./ui/Loader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -116,4 +116,4 @@ function PlaceHolder(_a) {
 exports.PlaceHolder = PlaceHolder;
 exports.PlaceHolderTypes = PlaceHolderTypes;
 exports.PlaceHolderTypes$1 = PlaceHolderTypes$1;
-//# sourceMappingURL=index-f1b9f5fa.js.map
+//# sourceMappingURL=index-06d4bb3b.js.map

package/cjs/{index-f1b9f5fa.js.map → index-06d4bb3b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-f1b9f5fa.js","sources":["../../src/ui/PlaceHolder/type.ts","../../src/ui/PlaceHolder/index.tsx"],"sourcesContent":["function Types(): { [key: string]: string } {\n  return {\n    LOADING: 'LOADING',\n    NO_CHANNELS: 'NO_CHANNELS',\n    NO_MESSAGES: 'NO_MESSAGES',\n    WRONG: 'WRONG',\n    SEARCH_IN: 'SEARCH_IN',\n    SEARCHING: 'SEARCHING',\n    NO_RESULTS: 'NO_RESULTS',\n  };\n}\n\nexport default Types();\n","import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\n\nimport _PlaceHolderTypes from './type';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport interface PlaceHolderProps {\n  className?: string | Array<string>;\n  type: typeof PlaceHolderTypes[keyof typeof PlaceHolderTypes];\n  iconSize?: string | number;\n  searchInString?: string;\n  retryToConnect?: () => void;\n}\n\nexport default function PlaceHolder({\n  className = '',\n  type,\n  iconSize,\n  searchInString = '',\n  retryToConnect = null,\n}: PlaceHolderProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-place-holder',\n      ].join(' ')}\n    >\n      {\n        type === PlaceHolderTypes.LOADING && (\n          <Loader\n            width={iconSize || \"48px\"}\n            height={iconSize || \"48px\"}\n          >\n            <Icon\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY}\n              width={iconSize || \"48px\"}\n              height={iconSize || \"48px\"}\n            />\n          </Loader>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_CHANNELS\n          || type === PlaceHolderTypes.NO_MESSAGES\n          || type === PlaceHolderTypes.WRONG\n        ) && (\n          <div className=\"sendbird-place-holder__body\">\n            {\n              type === PlaceHolderTypes.NO_CHANNELS && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.CHAT}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || \"64px\"}\n                  height={iconSize || \"64px\"}\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.WRONG && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.ERROR}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || \"64px\"}\n                  height={iconSize || \"64px\"}\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_MESSAGES && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.MESSAGE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || \"64px\"}\n                  height={iconSize || \"64px\"}\n                />\n              )\n            }\n            <Label\n              className=\"sendbird-place-holder__body__text\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {\n                type === PlaceHolderTypes.NO_CHANNELS && (\n                  stringSet.PLACE_HOLDER__NO_CHANNEL\n                )\n              }\n              {\n                type === PlaceHolderTypes.WRONG && (\n                  stringSet.PLACE_HOLDER__WRONG\n                )\n              }\n              {\n                type === PlaceHolderTypes.NO_MESSAGES && (\n                  stringSet.PLACE_HOLDER__NO_MESSAGES\n                )\n              }\n            </Label>\n            {\n              retryToConnect && (\n                <div\n                  className=\"sendbird-place-holder__body__reconnect\"\n                  role=\"button\"\n                  onClick={retryToConnect}\n                  onKeyPress={retryToConnect}\n                  tabIndex={0}\n                >\n                  <Icon\n                    className=\"sendbird-place-holder__body__reconnect__icon\"\n                    type={IconTypes.REFRESH}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                  <Label\n                    className=\"sendbird-place-holder__body__reconnect__text\"\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n                  </Label>\n                </div>\n              )\n            }\n          </div>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_RESULTS\n          || type === PlaceHolderTypes.SEARCH_IN\n          || type === PlaceHolderTypes.SEARCHING\n        ) && (\n          <div className=\"sendbird-place-holder__body--align-top\">\n            {\n              type === PlaceHolderTypes.SEARCH_IN && (\n                <div className=\"sendbird-place-holder__body--align-top__text\">\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__search-in\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {stringSet.SEARCH_IN}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {`'${searchInString}`}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__quote\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {'\\''}\n                  </Label>\n                </div>\n              )\n            }\n            {\n              type === PlaceHolderTypes.SEARCHING && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__searching\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.SEARCHING}\n                </Label>\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_RESULTS && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__no-result\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.NO_SEARCHED_MESSAGE}\n                </Label>\n              )\n            }\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","_a","_b","className","type","iconSize","_c","searchInString","_d","retryToConnect","stringSet","useContext","LocalizationContext","React","__spreadArray","Array","isArray","join","Loader","Icon","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","Label","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","concat","NO_SEARCHED_MESSAGE"],"mappings":"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"}
+{"version":3,"file":"index-06d4bb3b.js","sources":["../../src/ui/PlaceHolder/type.ts","../../src/ui/PlaceHolder/index.tsx"],"sourcesContent":["function Types(): { [key: string]: string } {\n  return {\n    LOADING: 'LOADING',\n    NO_CHANNELS: 'NO_CHANNELS',\n    NO_MESSAGES: 'NO_MESSAGES',\n    WRONG: 'WRONG',\n    SEARCH_IN: 'SEARCH_IN',\n    SEARCHING: 'SEARCHING',\n    NO_RESULTS: 'NO_RESULTS',\n  };\n}\n\nexport default Types();\n","import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\n\nimport _PlaceHolderTypes from './type';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport interface PlaceHolderProps {\n  className?: string | Array<string>;\n  type: typeof PlaceHolderTypes[keyof typeof PlaceHolderTypes];\n  iconSize?: string | number;\n  searchInString?: string;\n  retryToConnect?: () => void;\n}\n\nexport default function PlaceHolder({\n  className = '',\n  type,\n  iconSize,\n  searchInString = '',\n  retryToConnect = null,\n}: PlaceHolderProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-place-holder',\n      ].join(' ')}\n    >\n      {\n        type === PlaceHolderTypes.LOADING && (\n          <Loader\n            width={iconSize || \"48px\"}\n            height={iconSize || \"48px\"}\n          >\n            <Icon\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY}\n              width={iconSize || \"48px\"}\n              height={iconSize || \"48px\"}\n            />\n          </Loader>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_CHANNELS\n          || type === PlaceHolderTypes.NO_MESSAGES\n          || type === PlaceHolderTypes.WRONG\n        ) && (\n          <div className=\"sendbird-place-holder__body\">\n            {\n              type === PlaceHolderTypes.NO_CHANNELS && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.CHAT}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || \"64px\"}\n                  height={iconSize || \"64px\"}\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.WRONG && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.ERROR}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || \"64px\"}\n                  height={iconSize || \"64px\"}\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_MESSAGES && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.MESSAGE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || \"64px\"}\n                  height={iconSize || \"64px\"}\n                />\n              )\n            }\n            <Label\n              className=\"sendbird-place-holder__body__text\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {\n                type === PlaceHolderTypes.NO_CHANNELS && (\n                  stringSet.PLACE_HOLDER__NO_CHANNEL\n                )\n              }\n              {\n                type === PlaceHolderTypes.WRONG && (\n                  stringSet.PLACE_HOLDER__WRONG\n                )\n              }\n              {\n                type === PlaceHolderTypes.NO_MESSAGES && (\n                  stringSet.PLACE_HOLDER__NO_MESSAGES\n                )\n              }\n            </Label>\n            {\n              retryToConnect && (\n                <div\n                  className=\"sendbird-place-holder__body__reconnect\"\n                  role=\"button\"\n                  onClick={retryToConnect}\n                  onKeyPress={retryToConnect}\n                  tabIndex={0}\n                >\n                  <Icon\n                    className=\"sendbird-place-holder__body__reconnect__icon\"\n                    type={IconTypes.REFRESH}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                  <Label\n                    className=\"sendbird-place-holder__body__reconnect__text\"\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n                  </Label>\n                </div>\n              )\n            }\n          </div>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_RESULTS\n          || type === PlaceHolderTypes.SEARCH_IN\n          || type === PlaceHolderTypes.SEARCHING\n        ) && (\n          <div className=\"sendbird-place-holder__body--align-top\">\n            {\n              type === PlaceHolderTypes.SEARCH_IN && (\n                <div className=\"sendbird-place-holder__body--align-top__text\">\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__search-in\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {stringSet.SEARCH_IN}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {`'${searchInString}`}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__quote\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {'\\''}\n                  </Label>\n                </div>\n              )\n            }\n            {\n              type === PlaceHolderTypes.SEARCHING && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__searching\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.SEARCHING}\n                </Label>\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_RESULTS && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__no-result\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.NO_SEARCHED_MESSAGE}\n                </Label>\n              )\n            }\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","_a","_b","className","type","iconSize","_c","searchInString","_d","retryToConnect","stringSet","useContext","LocalizationContext","React","__spreadArray","Array","isArray","join","Loader","Icon","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","Label","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","concat","NO_SEARCHED_MESSAGE"],"mappings":"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"}

package/cjs/{index-464d6595.js → index-23f93fb7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ec895a82.js');
+var index = require('./index-830ce6e4.js');
 
 function requiredArgs(required, args) {
   if (args.length < required) {
@@ -1854,4 +1854,4 @@ exports.format = format;
 exports.requiredArgs = requiredArgs;
 exports.toDate = toDate;
 exports.toInteger = toInteger;
-//# sourceMappingURL=index-464d6595.js.map
+//# sourceMappingURL=index-23f93fb7.js.map