@sendbird/uikit-react 3.17.1 → 3.17.3

package/cjs/chunks/{bundle-Cs_jAq8c.js → bundle-BCNbuTSQ.js}

@@ -2,8 +2,8 @@
 
 var SendbirdChat = require('@sendbird/chat');
 var React = require('react');
-var uuid = require('./bundle-O8irOHeT.js');
-var _tslib = require('./bundle-C80U8nrm.js');
+var uuid = require('./bundle-6h1n2P_q.js');
+var _tslib = require('./bundle-fRoCW5cU.js');
 
 // this hook accepts a callback to run component is unmounted
 function useUnmount(callback) {
@@ -200,4 +200,4 @@ exports.schedulerFactory = schedulerFactory;
 exports.useMarkAsDeliveredScheduler = useMarkAsDeliveredScheduler;
 exports.useOnlineStatus = useOnlineStatus;
 exports.useUnmount = useUnmount;
-//# sourceMappingURL=bundle-Cs_jAq8c.js.map
+//# sourceMappingURL=bundle-BCNbuTSQ.js.map

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

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

package/cjs/chunks/{bundle-CHWgAgIq.js → bundle-BMGmNFp0.js}

@@ -27,4 +27,4 @@ var copyToClipboard = function (text) {
 };
 
 exports.copyToClipboard = copyToClipboard;
-//# sourceMappingURL=bundle-CHWgAgIq.js.map
+//# sourceMappingURL=bundle-BMGmNFp0.js.map

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

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

package/cjs/chunks/{bundle-C4sCEj9U.js → bundle-BZypscj-.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-G5pYcfQ0.js');
+var index = require('./bundle-CZPePc2t.js');
 
 /**
  * @name startOfDay
@@ -63,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=bundle-C4sCEj9U.js.map
+//# sourceMappingURL=bundle-BZypscj-.js.map

package/cjs/chunks/{bundle-C4sCEj9U.js.map → bundle-BZypscj-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-C4sCEj9U.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 */\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 */\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;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;;ACvBA;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;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"bundle-BZypscj-.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 */\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 */\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;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;;ACvBA;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;;;;","x_google_ignoreList":[0,1]}

package/cjs/chunks/{bundle-DNn9XPcE.js → bundle-BaVeAHy2.js}

@@ -65,4 +65,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=bundle-DNn9XPcE.js.map
+//# sourceMappingURL=bundle-BaVeAHy2.js.map

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

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

package/cjs/chunks/{bundle-6-ovigm2.js → bundle-BcRWZrLE.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var _tslib = require('./bundle-C80U8nrm.js');
+var _tslib = require('./bundle-fRoCW5cU.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var uikitTools = require('@sendbird/uikit-tools');
-var UserProfileContext = require('./bundle-C0N0bp2w.js');
-var useMarkAsDeliveredScheduler = require('./bundle-Cs_jAq8c.js');
-var SendbirdContext = require('./bundle-DSIvB_US.js');
-var utils = require('./bundle-DDj6wUvY.js');
-var useSendbird = require('./bundle-BzumnXOL.js');
-var useDeepCompareEffect = require('./bundle-BMgW7SOr.js');
+var UserProfileContext = require('./bundle-C_LglGAg.js');
+var useMarkAsDeliveredScheduler = require('./bundle-BCNbuTSQ.js');
+var SendbirdContext = require('./bundle-DTYp1_IX.js');
+var utils = require('./bundle-DbNQ7IWL.js');
+var useSendbird = require('./bundle-DeGDoBu7.js');
+var useDeepCompareEffect = require('./bundle-CqtILdGL.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -217,4 +217,4 @@ exports.GroupChannelListProvider = GroupChannelListProvider;
 exports.useGroupChannelList = useGroupChannelList;
 exports.useGroupChannelListContext = useGroupChannelListContext;
 exports.useGroupChannelListStore = useGroupChannelListStore;
-//# sourceMappingURL=bundle-6-ovigm2.js.map
+//# sourceMappingURL=bundle-BcRWZrLE.js.map

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

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

package/cjs/chunks/{bundle-aaeKYURU.js → bundle-BeLL2cvz.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var _tslib = require('./bundle-C80U8nrm.js');
+var _tslib = require('./bundle-fRoCW5cU.js');
 var React = require('react');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var pxToNumber = require('./bundle-ASE6fmig.js');
+var pxToNumber = require('./bundle-DdZ6TH50.js');
 var ui_Icon = require('../ui/Icon.js');
-var utils = require('./bundle-DDj6wUvY.js');
+var utils = require('./bundle-DbNQ7IWL.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -76,4 +76,4 @@ var Avatar$1 = React__default.default.forwardRef(Avatar);
 exports.Avatar = Avatar$1;
 exports.AvatarDefault = AvatarDefault;
 exports.AvatarInner = AvatarInner;
-//# sourceMappingURL=bundle-aaeKYURU.js.map
+//# sourceMappingURL=bundle-BeLL2cvz.js.map

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

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

package/cjs/chunks/{bundle-CsAikJnA.js → bundle-BgT1C26q.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./bundle-DDj6wUvY.js');
-var ui_ContextMenu = require('./bundle-DV7U8vWY.js');
-var _tslib = require('./bundle-C80U8nrm.js');
+var utils = require('./bundle-DbNQ7IWL.js');
+var ui_ContextMenu = require('./bundle-Su0VDNtk.js');
+var _tslib = require('./bundle-fRoCW5cU.js');
 var ui_IconButton = require('../ui/IconButton.js');
 var ui_Icon = require('../ui/Icon.js');
-var index = require('./bundle-Djw85O79.js');
-var LocalizationContext = require('./bundle-CAwRq1zH.js');
+var index = require('./bundle-aQwLLVXR.js');
+var LocalizationContext = require('./bundle-Djt2ii_2.js');
 var SendbirdChat = require('@sendbird/chat');
-var useSendbird = require('./bundle-BzumnXOL.js');
+var useSendbird = require('./bundle-DeGDoBu7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -237,4 +237,4 @@ var MessageMenu = function (_a) {
 };
 
 exports.MessageMenu = MessageMenu;
-//# sourceMappingURL=bundle-CsAikJnA.js.map
+//# sourceMappingURL=bundle-BgT1C26q.js.map

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

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

package/cjs/chunks/{bundle-PBSOl0ql.js → bundle-Bi3W488p.js}

@@ -29,4 +29,4 @@ function getCaseResolvedThreadReplySelectType(threadReplySelectType) {
 
 exports.getCaseResolvedReplyType = getCaseResolvedReplyType;
 exports.getCaseResolvedThreadReplySelectType = getCaseResolvedThreadReplySelectType;
-//# sourceMappingURL=bundle-PBSOl0ql.js.map
+//# sourceMappingURL=bundle-Bi3W488p.js.map

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

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

package/cjs/chunks/{bundle-BqWdm1gk.js → bundle-BlzC5XMH.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-B8_DM-YX.js');
+var index = require('./bundle-2bQLJ54p.js');
 
 var EmojiManager = /** @class */ (function () {
     function EmojiManager(props) {
@@ -149,4 +149,4 @@ var mapColorKeys = function (colorSet) {
 
 exports.EmojiManager = EmojiManager;
 exports.mapColorKeys = mapColorKeys;
-//# sourceMappingURL=bundle-BqWdm1gk.js.map
+//# sourceMappingURL=bundle-BlzC5XMH.js.map

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

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

package/cjs/chunks/{bundle-B6UGynlW.js → bundle-BqeTS099.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var _tslib = require('./bundle-C80U8nrm.js');
-var consts = require('./bundle-DNn9XPcE.js');
-var browser = require('./bundle-Cm2BIrW9.js');
-var useSendbird = require('./bundle-BzumnXOL.js');
+var _tslib = require('./bundle-fRoCW5cU.js');
+var consts = require('./bundle-BaVeAHy2.js');
+var browser = require('./bundle-DmwC4AYU.js');
+var useSendbird = require('./bundle-DeGDoBu7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -289,4 +289,4 @@ exports.VOICE_PLAYER_STATUS = VOICE_PLAYER_STATUS;
 exports.VoicePlayerProvider = VoicePlayerProvider;
 exports.generateGroupKey = generateGroupKey;
 exports.useVoicePlayerContext = useVoicePlayerContext;
-//# sourceMappingURL=bundle-B6UGynlW.js.map
+//# sourceMappingURL=bundle-BqeTS099.js.map

package/cjs/chunks/{bundle-B6UGynlW.js.map → bundle-BqeTS099.js.map}

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

package/cjs/chunks/{bundle-P2EgjC88.js → bundle-BqgN4h9B.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _tslib = require('./bundle-C80U8nrm.js');
-var pxToNumber = require('./bundle-ASE6fmig.js');
+var _tslib = require('./bundle-fRoCW5cU.js');
+var pxToNumber = require('./bundle-DdZ6TH50.js');
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight, outputFormat = _a.outputFormat;
@@ -120,4 +120,4 @@ var compressImages = function (_a) { return _tslib.__awaiter(void 0, [_a], void
 }); };
 
 exports.compressImages = compressImages;
-//# sourceMappingURL=bundle-P2EgjC88.js.map
+//# sourceMappingURL=bundle-BqgN4h9B.js.map

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

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

package/cjs/chunks/{bundle-WEtJU7gK.js → bundle-BrM1-UXm.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var _tslib = require('./bundle-C80U8nrm.js');
+var _tslib = require('./bundle-fRoCW5cU.js');
 var React = require('react');
 var message = require('@sendbird/chat/message');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var uikitTools = require('@sendbird/uikit-tools');
-var UserProfileContext = require('./bundle-C0N0bp2w.js');
-var index$1 = require('./bundle-B5LuOSsn.js');
-var SendbirdContext = require('./bundle-DSIvB_US.js');
-var utils = require('./bundle-Bv2DwOVl.js');
-var useSendbird = require('./bundle-BzumnXOL.js');
-var getIsReactionEnabled = require('./bundle-BVl8Zw5l.js');
-var resolvedReplyType = require('./bundle-PBSOl0ql.js');
-var pubSub_topics = require('./bundle-BcGpCLoL.js');
-var _const = require('./bundle-HJt1Yipu.js');
-var useDeepCompareEffect = require('./bundle-BMgW7SOr.js');
-var utils$1 = require('./bundle-DDj6wUvY.js');
+var UserProfileContext = require('./bundle-C_LglGAg.js');
+var index$1 = require('./bundle-C8Fgcgjn.js');
+var SendbirdContext = require('./bundle-DTYp1_IX.js');
+var utils = require('./bundle-B6DOYjpt.js');
+var useSendbird = require('./bundle-DeGDoBu7.js');
+var getIsReactionEnabled = require('./bundle-CYwuwOrD.js');
+var resolvedReplyType = require('./bundle-Bi3W488p.js');
+var pubSub_topics = require('./bundle-COZD0vRV.js');
+var _const = require('./bundle-B3q-UFsa.js');
+var useDeepCompareEffect = require('./bundle-CqtILdGL.js');
+var utils$1 = require('./bundle-DbNQ7IWL.js');
 var SendbirdChat = require('@sendbird/chat');
-var index = require('./bundle-B8_DM-YX.js');
-var consts = require('./bundle-DNn9XPcE.js');
+var index = require('./bundle-2bQLJ54p.js');
+var consts = require('./bundle-BaVeAHy2.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -109,7 +109,7 @@ function useMessageActions(params) {
                         return [2 /*return*/, message];
                 }
             });
-        }); }, [buildInternalMessageParams, sendUserMessage, scrollToBottom, processParams]),
+        }); }, [buildInternalMessageParams, sendUserMessage, scrollToBottom, processParams, currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]),
         sendFileMessage: React.useCallback(function (params) { return _tslib.__awaiter(_this, void 0, void 0, function () {
             var internalParams, processedParams, message;
             return _tslib.__generator(this, function (_a) {
@@ -130,7 +130,7 @@ function useMessageActions(params) {
                         return [2 /*return*/, message];
                 }
             });
-        }); }, [buildInternalMessageParams, sendFileMessage, scrollToBottom, processParams]),
+        }); }, [buildInternalMessageParams, sendFileMessage, scrollToBottom, processParams, currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]),
         sendMultipleFilesMessage: React.useCallback(function (params) { return _tslib.__awaiter(_this, void 0, void 0, function () {
             var internalParams, processedParams, message;
             return _tslib.__generator(this, function (_a) {
@@ -151,7 +151,7 @@ function useMessageActions(params) {
                         return [2 /*return*/, message];
                 }
             });
-        }); }, [buildInternalMessageParams, sendMultipleFilesMessage, scrollToBottom, processParams]),
+        }); }, [buildInternalMessageParams, sendMultipleFilesMessage, scrollToBottom, processParams, currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]),
         sendVoiceMessage: React.useCallback(function (params, duration) { return _tslib.__awaiter(_this, void 0, void 0, function () {
             var internalParams, processedParams;
             return _tslib.__generator(this, function (_a) {
@@ -173,7 +173,7 @@ function useMessageActions(params) {
                         return [2 /*return*/, sendFileMessage(processedParams, asyncScrollToBottom)];
                 }
             });
-        }); }, [buildInternalMessageParams, sendFileMessage, scrollToBottom, processParams]),
+        }); }, [buildInternalMessageParams, sendFileMessage, scrollToBottom, processParams, currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]),
         updateUserMessage: React.useCallback(function (messageId, params) { return _tslib.__awaiter(_this, void 0, void 0, function () {
             var internalParams, processedParams;
             return _tslib.__generator(this, function (_a) {
@@ -789,4 +789,4 @@ exports.GroupChannelProvider = GroupChannelProvider;
 exports.InternalGroupChannelProvider = InternalGroupChannelProvider;
 exports.useGroupChannel = useGroupChannel;
 exports.useGroupChannelContext = useGroupChannelContext;
-//# sourceMappingURL=bundle-WEtJU7gK.js.map
+//# sourceMappingURL=bundle-BrM1-UXm.js.map

package/cjs/chunks/{bundle-WEtJU7gK.js.map → bundle-BrM1-UXm.js.map}

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

package/cjs/chunks/{bundle-BzMRFK0u.js → bundle-BsQpzivE.js}

@@ -14,6 +14,7 @@ var ComponentType;
     ComponentType["TextButton"] = "textButton";
     ComponentType["ImageButton"] = "imageButton";
     ComponentType["Carousel"] = "carouselView";
+    ComponentType["Cascade"] = "cascadeView";
 })(ComponentType || (ComponentType = {}));
 
 const outSingle$1 = (key, obj) => {
@@ -130,6 +131,13 @@ const outCarouselStyle = (carouselstyle) => {
         carouselStyle: Object.assign(Object.assign(Object.assign({}, carouselstyle), outSingle('spacing', carouselstyle)), outSingle('maxChildWidth', carouselstyle)),
     };
 };
+const outCascadeStyle = (cascadeStyle) => {
+    if (!cascadeStyle)
+        return {};
+    return {
+        cascadeStyle: Object.assign(Object.assign({}, cascadeStyle), outSingle('spacing', cascadeStyle)),
+    };
+};
 const outViewProps = (view) => {
     return Object.assign(Object.assign(Object.assign({}, outSize('width', view.width)), outSize('height', view.height)), outViewStyle(view.viewStyle));
 };
@@ -144,6 +152,11 @@ const outCarouselProps = (carousel) => {
         // Convert only top-level items to find has fill width values.
         items: carousel.items.map((item) => (Object.assign(Object.assign({}, item), { body: Object.assign(Object.assign({}, item.body), { items: item.body.items.map((it) => numberTransform.run(it)) }) }))) });
 };
+const outCascadeProps = (cascade) => {
+    return Object.assign(Object.assign(Object.assign({}, outViewProps(cascade)), outCascadeStyle(cascade.cascadeStyle)), { 
+        // Convert only top-level items to find has fill width values.
+        items: cascade.items.map((item) => (Object.assign(Object.assign({}, item), { body: Object.assign(Object.assign({}, item.body), { items: item.body.items.map((it) => numberTransform.run(it)) }) }))) });
+};
 const numberTransform = {
     run(prop) {
         if (prop.type === ComponentType.Text || prop.type === ComponentType.TextButton) {
@@ -155,6 +168,9 @@ const numberTransform = {
         if (prop.type === ComponentType.Carousel) {
             return Object.assign(Object.assign({}, prop), outCarouselProps(prop));
         }
+        if (prop.type === ComponentType.Cascade) {
+            return Object.assign(Object.assign({}, prop), outCascadeProps(prop));
+        }
         return Object.assign(Object.assign({}, prop), outViewProps(prop));
     },
 };
@@ -172,6 +188,7 @@ const createParser = (params) => {
         mapTextButtonProps: (params === null || params === void 0 ? void 0 : params.mapTextButtonProps) || defaultMapper,
         mapImageButtonProps: (params === null || params === void 0 ? void 0 : params.mapImageButtonProps) || defaultMapper,
         mapCarouselProps: (params === null || params === void 0 ? void 0 : params.mapCarouselProps) || defaultMapper,
+        mapCascadeProps: (params === null || params === void 0 ? void 0 : params.mapCascadeProps) || defaultMapper,
     };
     const transforms = [colorTransform, numberTransform, ...((_a = params === null || params === void 0 ? void 0 : params.transforms) !== null && _a !== void 0 ? _a : [])];
     return {
@@ -203,6 +220,9 @@ const createParser = (params) => {
                 case ComponentType.Carousel: {
                     return { transformed: item, properties: mapper.mapCarouselProps(item, options) };
                 }
+                case ComponentType.Cascade: {
+                    return { transformed: item, properties: mapper.mapCascadeProps(item, options) };
+                }
                 default:
                     return { transformed: item, properties: undefined };
             }
@@ -212,7 +232,7 @@ const createParser = (params) => {
 
 const FRAGMENT = ({ children }) => React__default.default.createElement(React__default.default.Fragment, null, children);
 function createRenderer(params) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     return {
         box: ((_a = params === null || params === void 0 ? void 0 : params.views) === null || _a === void 0 ? void 0 : _a.box) || FRAGMENT,
         text: ((_b = params === null || params === void 0 ? void 0 : params.views) === null || _b === void 0 ? void 0 : _b.text) || FRAGMENT,
@@ -220,6 +240,7 @@ function createRenderer(params) {
         imageButton: ((_d = params === null || params === void 0 ? void 0 : params.views) === null || _d === void 0 ? void 0 : _d.imageButton) || FRAGMENT,
         textButton: ((_e = params === null || params === void 0 ? void 0 : params.views) === null || _e === void 0 ? void 0 : _e.textButton) || FRAGMENT,
         carouselView: ((_f = params === null || params === void 0 ? void 0 : params.views) === null || _f === void 0 ? void 0 : _f.carouselView) || FRAGMENT,
+        cascadeView: ((_g = params === null || params === void 0 ? void 0 : params.views) === null || _g === void 0 ? void 0 : _g.cascadeView) || FRAGMENT,
     };
 }
 
@@ -358,6 +379,12 @@ const defaultProperties = {
             maxChildWidth: 240,
         },
     },
+    cascade: {
+        layout: Layout.Column,
+        style: {
+            spacing: 10,
+        },
+    },
 };
 
 const createMessageTemplate = (opts) => {
@@ -381,11 +408,17 @@ const createMessageTemplate = (opts) => {
             };
             switch (item.type) {
                 case ComponentType.Carousel: {
-                    if (!Array.isArray(item.items) || item.items.length === 0) {
+                    if (!Array.isArray(item.items)) {
                         throw new Error('Cannot parse template item as Carousel if carousel has no items.');
                     }
                     return (React__default.default.createElement(renderer.carouselView, Object.assign({}, item, rendererProps), item.items.map((template, index) => (React__default.default.createElement(MessageTemplateBase, { key: index, templateItems: template.body.items || [], depth: depth + 1, templateVersion: template.version })))));
                 }
+                case ComponentType.Cascade: {
+                    if (!Array.isArray(item.items)) {
+                        throw new Error('Cannot parse template item as Cascade if cascade has no items.');
+                    }
+                    return (React__default.default.createElement(renderer.cascadeView, Object.assign({}, item, rendererProps), item.items.map((template, index) => (React__default.default.createElement(MessageTemplateBase, { key: index, templateItems: template.body.items || [], depth: depth + 1, templateVersion: template.version })))));
+                }
                 case ComponentType.Box: {
                     return (React__default.default.createElement(renderer.box, Object.assign({}, item, rendererProps),
                         React__default.default.createElement(MessageTemplateBase, { templateItems: item.items || [], parentLayout: item.layout, depth: depth + 1, templateVersion: templateVersion })));
@@ -425,6 +458,7 @@ var ActionType;
     ActionType["Web"] = "web";
     ActionType["Custom"] = "custom";
     ActionType["UIKit"] = "uikit";
+    ActionType["Internal"] = "internal";
 })(ActionType || (ActionType = {}));
 
 ({
@@ -1338,13 +1372,17 @@ function setBorderStyle(styles, borderWidth, borderColor, radius) {
     }
 }
 function setViewStyle(styles, props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const { viewStyle } = props;
-    styles['marginBlockStart'] = (_a = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _a === void 0 ? void 0 : _a.top;
-    styles['marginBlockEnd'] = (_b = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _b === void 0 ? void 0 : _b.bottom;
-    styles['marginInlineStart'] = (_c = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _c === void 0 ? void 0 : _c.left;
-    styles['marginInlineEnd'] = (_d = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _d === void 0 ? void 0 : _d.right;
-    const marginHorizontal = ((_f = (_e = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _e === void 0 ? void 0 : _e.left) !== null && _f !== void 0 ? _f : 0) + ((_h = (_g = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _g === void 0 ? void 0 : _g.right) !== null && _h !== void 0 ? _h : 0);
+    styles['paddingBlockStart'] = (_a = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.padding) === null || _a === void 0 ? void 0 : _a.top;
+    styles['paddingBlockEnd'] = (_b = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.padding) === null || _b === void 0 ? void 0 : _b.bottom;
+    styles['paddingInlineStart'] = (_c = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.padding) === null || _c === void 0 ? void 0 : _c.left;
+    styles['paddingInlineEnd'] = (_d = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.padding) === null || _d === void 0 ? void 0 : _d.right;
+    styles['marginBlockStart'] = (_e = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _e === void 0 ? void 0 : _e.top;
+    styles['marginBlockEnd'] = (_f = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _f === void 0 ? void 0 : _f.bottom;
+    styles['marginInlineStart'] = (_g = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _g === void 0 ? void 0 : _g.left;
+    styles['marginInlineEnd'] = (_h = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _h === void 0 ? void 0 : _h.right;
+    const marginHorizontal = ((_k = (_j = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _j === void 0 ? void 0 : _j.left) !== null && _k !== void 0 ? _k : 0) + ((_m = (_l = viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.margin) === null || _l === void 0 ? void 0 : _l.right) !== null && _m !== void 0 ? _m : 0);
     if (marginHorizontal > 0 && styles.width === '100%')
         styles.width = `calc(100% - ${marginHorizontal}px)`;
     if (viewStyle === null || viewStyle === void 0 ? void 0 : viewStyle.backgroundColor)
@@ -1534,13 +1572,16 @@ const parser = createParser({
         return styles;
     },
     mapCarouselProps(props, options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
         const styles = getDefaultStyles();
         setViewProps(styles, props, options);
-        styles['paddingBlockStart'] = (_b = (_a = props.viewStyle) === null || _a === void 0 ? void 0 : _a.padding) === null || _b === void 0 ? void 0 : _b.top;
-        styles['paddingBlockEnd'] = (_d = (_c = props.viewStyle) === null || _c === void 0 ? void 0 : _c.padding) === null || _d === void 0 ? void 0 : _d.bottom;
-        styles['paddingInlineStart'] = (_f = (_e = props.viewStyle) === null || _e === void 0 ? void 0 : _e.padding) === null || _f === void 0 ? void 0 : _f.left;
-        styles['paddingInlineEnd'] = (_h = (_g = props.viewStyle) === null || _g === void 0 ? void 0 : _g.padding) === null || _h === void 0 ? void 0 : _h.right;
+        return styles;
+    },
+    mapCascadeProps(props, options) {
+        var _a, _b;
+        const styles = getDefaultStyles();
+        setViewProps(styles, props, options);
+        setAlign(styles, defaultProperties.cascade.layout);
+        styles['gap'] = (_b = (_a = props.cascadeStyle) === null || _a === void 0 ? void 0 : _a.spacing) !== null && _b !== void 0 ? _b : defaultProperties.cascade.style.spacing;
         return styles;
     },
 });
@@ -1922,18 +1963,15 @@ const useImageLoadError = (source) => {
     };
 };
 
-// create a context provider for MessageComponent
-//  - this is a wrapper for MessageComponent
 const MessageContext = React__default.default.createContext(null);
-const MessageProvider = ({ message, handleWebAction, handleCustomAction, handlePredefinedAction, highlight, children, }) => {
-    const value = React__default.default.useMemo(() => ({
-        message,
-        handleWebAction,
-        handleCustomAction,
-        handlePredefinedAction,
-        highlight,
-    }), [message === null || message === void 0 ? void 0 : message.updatedAt, highlight === null || highlight === void 0 ? void 0 : highlight.getContainerClassName, highlight === null || highlight === void 0 ? void 0 : highlight.getContainerInlineStyle, highlight === null || highlight === void 0 ? void 0 : highlight.renderText]);
-    return React__default.default.createElement(MessageContext.Provider, { value: value }, children);
+const MessageProvider = ({ handleWebAction, handleCustomAction, handleUIKitAction, handleInternalAction, highlight, children, }) => {
+    return (React__default.default.createElement(MessageContext.Provider, { value: {
+            handleWebAction,
+            handleCustomAction,
+            handleUIKitAction,
+            handleInternalAction,
+            highlight,
+        } }, children));
 };
 const useMessageContext = () => {
     const context = React__default.default.useContext(MessageContext);
@@ -2162,22 +2200,17 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 };
 // todo: semantic html here is not perfect, need to revisit. Same for Button
 const ActionHandler = ({ children, props, className, style, inlineStyle }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const { recalculatedStyle, elemRef } = useRecalculateWidth({ style, props });
-    const { message, handleWebAction, handleCustomAction, handlePredefinedAction } = useMessageContext();
+    var _a;
+    const _b = style !== null && style !== void 0 ? style : {}, { paddingBlockStart, paddingBlockEnd, paddingInlineStart, paddingInlineEnd } = _b, restStyle = __rest(_b, ["paddingBlockStart", "paddingBlockEnd", "paddingInlineStart", "paddingInlineEnd"]);
+    const { recalculatedStyle, elemRef } = useRecalculateWidth({ style: restStyle, props });
+    const { handleWebAction, handleCustomAction, handleUIKitAction, handleInternalAction } = useMessageContext();
     const borderClass = ((_a = props.viewStyle) === null || _a === void 0 ? void 0 : _a.borderWidth) ? 'sb-message-template__border' : '';
     const actionClass = props.action ? 'sb-message-template__action' : '';
-    const paddingStyles = {
-        paddingBlockStart: (_c = (_b = props.viewStyle) === null || _b === void 0 ? void 0 : _b.padding) === null || _c === void 0 ? void 0 : _c.top,
-        paddingBlockEnd: (_e = (_d = props.viewStyle) === null || _d === void 0 ? void 0 : _d.padding) === null || _e === void 0 ? void 0 : _e.bottom,
-        paddingInlineStart: (_g = (_f = props.viewStyle) === null || _f === void 0 ? void 0 : _f.padding) === null || _g === void 0 ? void 0 : _g.left,
-        paddingInlineEnd: (_j = (_h = props.viewStyle) === null || _h === void 0 ? void 0 : _h.padding) === null || _j === void 0 ? void 0 : _j.right,
-    };
     const onClick = (e) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (((_a = props.action) === null || _a === void 0 ? void 0 : _a.type) === 'web') {
             if (handleWebAction) {
-                handleWebAction(e, props.action, message);
+                handleWebAction(e, props.action);
             }
             else {
                 (_c = window === null || window === void 0 ? void 0 : window.open(getValidURL((_b = props === null || props === void 0 ? void 0 : props.action) === null || _b === void 0 ? void 0 : _b.data), '_blank', 'noopener noreferrer')) === null || _c === void 0 ? void 0 : _c.focus();
@@ -2185,26 +2218,38 @@ const ActionHandler = ({ children, props, className, style, inlineStyle }) => {
         }
         else if (((_d = props.action) === null || _d === void 0 ? void 0 : _d.type) === 'custom') {
             if (handleCustomAction) {
-                handleCustomAction(e, props.action, message);
+                handleCustomAction(e, props.action);
             }
             else {
                 (_f = window === null || window === void 0 ? void 0 : window.open(getValidURL((_e = props === null || props === void 0 ? void 0 : props.action) === null || _e === void 0 ? void 0 : _e.data), '_blank', 'noopener noreferrer')) === null || _f === void 0 ? void 0 : _f.focus();
             }
         }
         else if (((_g = props.action) === null || _g === void 0 ? void 0 : _g.type) === 'uikit') {
-            handlePredefinedAction === null || handlePredefinedAction === void 0 ? void 0 : handlePredefinedAction(e, props.action, message);
+            handleUIKitAction === null || handleUIKitAction === void 0 ? void 0 : handleUIKitAction(e, props.action);
+        }
+        else if (((_h = props.action) === null || _h === void 0 ? void 0 : _h.type) === 'internal') {
+            handleInternalAction === null || handleInternalAction === void 0 ? void 0 : handleInternalAction(e, props.action);
         }
     };
     if (props.type === ComponentType.TextButton) {
-        return (React__default.default.createElement("button", { className: clx(className, borderClass, actionClass), "data-sb-template-id": props.elementId, style: Object.assign(Object.assign(Object.assign({}, style), paddingStyles), inlineStyle), onClick: onClick }, children));
+        return (React__default.default.createElement("button", { className: clx(className, borderClass, actionClass), "data-sb-template-id": props.elementId, style: Object.assign(Object.assign({}, style), inlineStyle), onClick: onClick }, children));
     }
     const { display, flexDirection, justifyContent, alignItems, objectFit } = recalculatedStyle, wrapperStyles = __rest(recalculatedStyle, ["display", "flexDirection", "justifyContent", "alignItems", "objectFit"]);
     return (React__default.default.createElement("div", { ref: elemRef, className: clx(className, borderClass, actionClass), "data-sb-template-id": props.elementId, style: Object.assign(Object.assign({}, wrapperStyles), inlineStyle), onClick: onClick },
-        React__default.default.createElement("div", { style: Object.assign({ display,
+        React__default.default.createElement("div", { style: {
+                display,
                 flexDirection,
                 justifyContent,
                 alignItems,
-                objectFit, width: '100%', height: '100%' }, paddingStyles) }, children)));
+                objectFit,
+                width: '100%',
+                height: '100%',
+                paddingBlockStart,
+                paddingBlockEnd,
+                paddingInlineStart,
+                paddingInlineEnd,
+                gap: style === null || style === void 0 ? void 0 : style.gap,
+            } }, children)));
 };
 
 const renderer = createRenderer({
@@ -2239,6 +2284,10 @@ const renderer = createRenderer({
             const highlight = useHighlightStyle(props.rawProperties);
             return (React__default.default.createElement(RMTCarousel, { className: clx('sb-message-template__carousel', highlight.className), inlineStyle: highlight.style, maxChildWidth: (_a = props.carouselStyle) === null || _a === void 0 ? void 0 : _a.maxChildWidth, spacing: (_b = props.carouselStyle) === null || _b === void 0 ? void 0 : _b.spacing, style: props.parsedProperties }, props.children));
         },
+        cascadeView(props) {
+            const highlight = useHighlightStyle(props.rawProperties);
+            return (React__default.default.createElement(ActionHandler, { className: clx('sb-message-template__cascade', highlight.className), inlineStyle: highlight.style, elementId: props.elementId, style: props.parsedProperties, props: props }, props.children));
+        },
     },
 });
 function convertNewlinesToBr(text, highlightText) {
@@ -2297,4 +2346,4 @@ function MessageTemplate(_a) {
 
 exports.MessageProvider = MessageProvider;
 exports.MessageTemplate = MessageTemplate;
-//# sourceMappingURL=bundle-BzMRFK0u.js.map
+//# sourceMappingURL=bundle-BsQpzivE.js.map