quickblox-react-ui-kit 0.5.0-beta.5 → 0.5.0-beta.7

package/src/Presentation/ui-components/MessageInput/MessageInput.tsx

@@ -69,30 +69,30 @@ const MessageInput = ({
   }
 
   return (
-    <div className={cn('chat-container', className)}>
-      {previewMessage}
-      <div
-        onBlur={() => {
-          if (!(value && value.length > 0)) {
-            setVoiceMessage(true);
-          }
-        }}
-        className="chat-input"
-      >
-        <AttachmentUploader
-          disableAction={disableActions}
-          icon={
-            <AttachmentSvg
-              className={cn('chat-container__icon', {
-                'chat-container__icon--mute': disableAttachment || loading,
-                'chat-container__icon--disable': disableActions,
-              })}
-            />
-          }
-          onChangeFile={onAttachment}
-        />
-        {!enableVoice && (
-          <div className="input-text-message type-message">
+      <div className={cn('chat-container', className)}>
+        {previewMessage}
+        <div
+          onBlur={() => {
+            if (!(value && value.length > 0)) {
+              setVoiceMessage(true);
+            }
+          }}
+          className="chat-input"
+        >
+          <AttachmentUploader
+            disableAction={disableActions}
+            icon={
+              <AttachmentSvg
+                className={cn('chat-container__icon', {
+                  'chat-container__icon--mute': disableAttachment || loading,
+                  'chat-container__icon--disable': disableActions,
+                })}
+              />
+            }
+            onChangeFile={onAttachment}
+          />
+          {!enableVoice && (
+            <div className="input-text-message type-message">
             <textarea
               disabled={loading}
               value={value}
@@ -108,53 +108,54 @@ const MessageInput = ({
               }}
               placeholder={placeholder || 'Type message'}
             />
-            {rephrase}
-          </div>
-        )}
+              {rephrase}
+            </div>
+          )}
 
-        {enableVoice && (
-          <VoiceRecordingProgress
-            startStatus={enableVoice}
-            longRecInSec={60}
-            onClick={() => {
-              if (onVoice) {
-                onVoice();
-              }
-            }}
-          />
-        )}
-        {!isVoiceMessage && !loading && (
-          <div>
-            <SendSvg
-              className={cn('chat-container__icon__send', {
-                'chat-container__icon--mute': loading,
-                'chat-container__icon--disable': disableActions,
-              })}
-              onClick={() => {
-                sendTextMessageActions();
-              }}
-            />
-          </div>
-        )}
-        {loading ? (
-          <Loader size="sm" className="chat-container__loader" />
-        ) : (
-          isVoiceMessage && (
-            <VoiceSvg
-              className={cn('chat-container__icon', {
-                'chat-container__icon--red': enableVoice,
-                'chat-container__icon--disable': disableActions,
-              })}
+          {enableVoice && (
+            <VoiceRecordingProgress
+              startStatus={enableVoice}
+              longRecInSec={60}
               onClick={() => {
                 if (onVoice) {
                   onVoice();
                 }
               }}
             />
-          )
-        )}
+          )}
+          {!isVoiceMessage && !loading && (
+            <div className="chat-container__send-icon">
+              <SendSvg
+                className={cn('chat-container__icon__send', {
+                  'chat-container__icon--mute': loading,
+                  'chat-container__icon--disable': disableActions,
+                })}
+                onClick={() => {
+                  sendTextMessageActions();
+                }}
+              />
+            </div>
+          )}
+          {loading ? (
+            <Loader size="sm" className="chat-container__loader" />
+          ) : (
+            isVoiceMessage && (
+              <VoiceSvg
+                className={cn('chat-container__icon', {
+                  'chat-container__icon--red': enableVoice,
+                  'chat-container__icon--disable': disableActions,
+                })}
+                onClick={() => {
+                  if (onVoice) {
+                    onVoice();
+                  }
+                }}
+              />
+            )
+          )}
+        </div>
       </div>
-    </div>
+
   );
 };
 

package/src/Presentation/ui-components/TextField/TextField.scss

@@ -27,6 +27,9 @@
 
   &__icon {
     margin-right: 6px;
+    padding: 0;
+    display: flex;
+    align-items: center;
   }
 
   &__input {

package/src/Presentation/ui-components/UserListItem/UserListItem.scss

@@ -32,5 +32,10 @@
     overflow: hidden;
     text-overflow: ellipsis;
     width: 180px;
+
+
+    @media only screen and (max-width: 980px) {
+      width: 130px;
+    }
   }
 }

package/src/hooks/useQuickBloxUIKit.ts

@@ -459,7 +459,7 @@ export default function useQuickBloxUIKit({
     setWarningErrorText(errorMessage);
     setTimeout(() => {
       setWarningErrorText('');
-    }, 3000);
+    }, 4500);
   };
 
   const closeReplyMessageFlowHandler = () => {
@@ -544,18 +544,38 @@ export default function useQuickBloxUIKit({
   };
 
   // Request microphone access and setup WebRTC
+  const activateSilentAudioHack = () => {
+    const audioContext = new (window.AudioContext || window.webkitAudioContext)();
+    const oscillator = audioContext.createOscillator();
+    const gainNode = audioContext.createGain();
+
+    oscillator.connect(gainNode);
+    gainNode.connect(audioContext.destination);
+
+    oscillator.start();
+    gainNode.gain.value = 0.001; // Неслышный звук поддерживает аудиосессию активной
+  };
+
   const getMicrophonePermission = async () => {
     if (!window) {
       showErrorMessage(
-        'The MediaRecorder API is not supported in your browser.',
+        'The MediaRecorder API is not supported on your platform.',
       );
 
       return;
     }
 
+    // if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+    //   showErrorMessage(
+    //     'Your browser does not support microphone recording. Please update your browser or check permissions.'
+    //   );
+    //   return;
+    // }
+
     try {
       const mediaStream = await navigator.mediaDevices.getUserMedia({
         audio: true,
+        video: false,
       });
 
       // Create WebRTC peer connection
@@ -574,16 +594,40 @@ export default function useQuickBloxUIKit({
       setPermission(true);
       console.log('Microphone access granted, WebRTC connection established.');
     } catch (err) {
-      showErrorMessage(
-        `The MediaRecorder API throws exception ${stringifyError(err)}.`,
-      );
+      console.error('Error accessing microphone:', err);
+
+      const isIOS = /iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase());
+      if (isIOS) activateSilentAudioHack();
+
+      // Retry for iOS browsers
+      if (isIOS) {
+        setTimeout(async () => {
+          try {
+            const mediaStream = await navigator.mediaDevices.getUserMedia({
+              audio: true,
+              video: false,
+            });
+            setPermission(true);
+            setStream(mediaStream);
+          } catch (retryError) {
+            showErrorMessage(
+              'Microphone access is not available. Please check your iOS settings.'
+            );
+          }
+        }, 1500); // Retry after 1 second for iOS
+      } else {
+        showErrorMessage(
+          'Microphone access is not available. Please check your browser settings.'
+        );
+      }
     }
   };
 
   // Start recording using QBMediaRecorder
   const startWebRTCRecording = async () => {
     try {
-      const audioContext = new AudioContext();
+      // const audioContext = new AudioContext();
+      const audioContext = new (window.AudioContext || window.webkitAudioContext)();
       const source = audioContext.createMediaStreamSource(stream!);
       const destination = audioContext.createMediaStreamDestination();
       source.connect(destination);

package/storybook-static/{Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.0d762d0d.iframe.bundle.js → Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.4e25a94d.iframe.bundle.js}

@@ -1,2 +1,2 @@
-/*! For license information please see Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.0d762d0d.iframe.bundle.js.LICENSE.txt */
-(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[275],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Lq:()=>INITIAL_VIEWPORTS});__webpack_require__("storybook/internal/preview-api");var __defProp=Object.defineProperty,preview_exports={};((target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})})(preview_exports,{initialGlobals:()=>initialGlobals});var PARAM_KEY="viewport",modern={[PARAM_KEY]:{value:void 0,isRotated:!1}},initialGlobals=globalThis.FEATURES?.viewportStoryGlobals?modern:{viewport:"reset",viewportRotated:!1},INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphoneSE3:{name:"iPhone SE 3rd generation",styles:{height:"667px",width:"375px"},type:"mobile"},iphone13:{name:"iPhone 13",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13pro:{name:"iPhone 13 Pro",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13promax:{name:"iPhone 13 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphone14:{name:"iPhone 14",styles:{height:"844px",width:"390px"},type:"mobile"},iphone14pro:{name:"iPhone 14 Pro",styles:{height:"852px",width:"393px"},type:"mobile"},iphone14promax:{name:"iPhone 14 Pro Max",styles:{height:"932px",width:"430px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.avatar,.avatar *{box-sizing:border-box}.avatar svg{height:26px;width:26px;fill:var(--tertiary-elements)}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar--xs{width:32px;height:32px}.avatar--sm{width:36px;height:36px}.avatar--md{width:40px;height:40px}.avatar--lg{width:56px;height:56px}.avatar--lg svg{height:33px;width:33px}.avatar--xl{width:64px;height:64px}.avatar--xxl{width:80px;height:80px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,QACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CAEA,eAAA,CACA,iBAAA,CACA,yCAAA,CACA,2BAAA,CCVA,kBAEE,qBAAA,CDYF,YACE,WAAA,CACA,UAAA,CACA,6BAAA,CAGF,eACE,gBAAA,CACA,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAEA,gBACE,WAAA,CACA,UAAA,CAIJ,YACE,UAAA,CACA,WAAA,CAGF,aACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.avatar {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n  border-radius: 50%;\n  background-color: var(--disabled-elements);\n  color: var(--secondary-text);\n\n  @include applyBorderBox;\n\n  svg {\n    height: 26px;\n    width: 26px;\n    fill: var(--tertiary-elements);\n  }\n\n  &__image {\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n  }\n\n  &--xs {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--sm {\n    width: 36px;\n    height: 36px;\n  }\n\n  &--md {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--lg {\n    width: 56px;\n    height: 56px;\n\n    svg {\n      height: 33px;\n      width: 33px;\n    }\n  }\n\n  &--xl {\n    width: 64px;\n    height: 64px;\n  }\n\n  &--xxl {\n    width: 80px;\n    height: 80px;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Badge/Badge.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.badge{display:flex;justify-content:center;align-items:center;height:20px;border-radius:30px;padding:2px 6px;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;letter-spacing:.5px;background-color:var(--main-elements);color:var(--secondary-background)}.badge--mute{background-color:var(--disabled-elements);color:var(--secondary-background)}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Badge/Badge.scss"],names:[],mappings:"AAAA,OACE,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,WAAA,CACA,kBAAA,CACA,eAAA,CAEA,oBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,qCAAA,CACA,iCAAA,CAEA,aACE,yCAAA,CACA,iCAAA",sourcesContent:[".badge {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  height: 20px;\n  border-radius: 30px;\n  padding: 2px 6px;\n\n  font-family: 'Roboto';\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.5px;\n\n  background-color: var(--main-elements);\n  color: var(--secondary-background);\n\n  &--mute {\n    background-color: var(--disabled-elements);\n    color: var(--secondary-background);\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".dialog-item-preview{display:flex;align-items:center;padding:8px 16px;gap:16px}.dialog-item-preview,.dialog-item-preview *{box-sizing:border-box}.dialog-item-preview:hover{background:var(--divider)}.dialog-item-preview--active{box-shadow:4px 0px 0px 0px var(--primary) inset;background:var(--divider)}.dialog-item-preview__content{width:calc(100% - 72px);display:flex;flex-direction:column;gap:2px}.dialog-item-preview__content-top{display:flex;justify-content:space-between}.dialog-item-preview__content-top-title{font:var(--label-label-medium);color:var(--main-text, #0b1b0f);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-item-preview__content-top-date{color:var(--tertiary-elements, #636d78);font:var(--label-label-small)}.dialog-item-preview__content-bottom{display:flex;justify-content:space-between;gap:5px;height:32px}.dialog-item-preview__content-bottom-message{color:var(--secondary-text, #636d78);text-align:left;font:var(--body-body-small);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dialog-item-preview__content-bottom-controls{display:flex;align-items:center;gap:5px}.dialog-item-preview__content-bottom-controls-menu{width:24px;height:24px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,qBACE,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,QAAA,CCLA,4CAEE,qBAAA,CDOF,2BACE,yBAAA,CAGF,6BACE,+CAAA,CACA,yBAAA,CAGF,8BACE,uBAAA,CACA,YAAA,CACA,qBAAA,CACA,OAAA,CAEA,kCACE,YAAA,CACA,6BAAA,CAEA,wCACE,8BAAA,CACA,+BAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CAGF,uCACE,uCAAA,CACA,6BAAA,CAIJ,qCACE,YAAA,CACA,6BAAA,CACA,OAAA,CACA,WAAA,CAEA,6CACE,oCAAA,CACA,eAAA,CACA,2BAAA,CACA,eAAA,CACA,mBAAA,CACA,oBAAA,CACA,2BAAA,CAGF,8CACE,YAAA,CACA,kBAAA,CACA,OAAA,CAEA,mDACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-item-preview {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  gap: 16px;\n\n  @include applyBorderBox; // Переместил после основных свойств\n\n  &:hover {\n    background: var(--divider);\n  }\n\n  &--active {\n    box-shadow: 4px 0px 0px 0px var(--primary) inset;\n    background: var(--divider);\n  }\n\n  &__content {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n\n    &-top {\n      display: flex;\n      justify-content: space-between;\n\n      &-title {\n        font: var(--label-label-medium);\n        color: var(--main-text, #0b1b0f);\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      &-date {\n        color: var(--tertiary-elements, #636d78);\n        font: var(--label-label-small);\n      }\n    }\n\n    &-bottom {\n      display: flex;\n      justify-content: space-between;\n      gap: 5px;\n      height: 32px;\n\n      &-message {\n        color: var(--secondary-text, #636d78);\n        text-align: left;\n        font: var(--body-body-small);\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n      }\n\n      &-controls {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n\n        &-menu {\n          width: 24px;\n          height: 24px;\n        }\n      }\n    }\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Dropdown/Dropdown.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.dropdown{width:100%;height:100%;position:relative}.dropdown,.dropdown *{box-sizing:border-box}.dropdown__toggle{width:100%;height:100%;background:none;border:none;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;margin:0;cursor:pointer;outline:none}.dropdown__menu{background-color:var(--main-background);box-shadow:0 3px 5px 0 rgba(0,0,0,.04),0 3px 14px 0 rgba(0,0,0,.08);border-radius:4px;padding:8px 0px;margin:0;z-index:100;position:absolute;overflow:hidden;list-style-type:none;display:none}.dropdown__menu--topRight{bottom:100%}.dropdown__menu--left{top:50%;transform:translateY(-50%);right:100%}.dropdown__menu--opened{display:block}.dropdown__option{display:flex;justify-content:space-between;align-items:center;font-family:"Roboto";font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;height:32px;width:135px;padding:4px 16px;cursor:pointer}.dropdown__option--disabled{color:var(--caption)}.dropdown__label{width:100%;display:flex;align-items:center;gap:3px}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Dropdown/Dropdown.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,UACE,UAAA,CACA,WAAA,CACA,iBAAA,CCJA,sBAEE,qBAAA,CDMF,kBACE,UAAA,CACA,WAAA,CACA,eAAA,CACA,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CACA,YAAA,CAGF,gBACE,uCAAA,CACA,mEAAA,CAEA,iBAAA,CAEA,eAAA,CACA,QAAA,CACA,WAAA,CACA,iBAAA,CACA,eAAA,CACA,oBAAA,CACA,YAAA,CAEA,0BACE,WAAA,CAGF,sBACE,OAAA,CACA,0BAAA,CACA,UAAA,CAGF,wBACE,aAAA,CAIJ,kBACE,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,oBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CAEA,WAAA,CACA,WAAA,CACA,gBAAA,CAEA,cAAA,CAEA,4BACE,oBAAA,CAIJ,iBACE,UAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dropdown {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  @include applyBorderBox;\n\n  &__toggle {\n    width: 100%;\n    height: 100%;\n    background: none;\n    border: none;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    outline: none;\n  }\n\n  &__menu {\n    background-color: var(--main-background);\n    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04),\n      0 3px 14px 0 rgba(0, 0, 0, 0.08);\n    border-radius: 4px;\n\n    padding: 8px 0px;\n    margin: 0;\n    z-index: 100;\n    position: absolute;\n    overflow: hidden;\n    list-style-type: none;\n    display: none;\n\n    &--topRight {\n      bottom: 100%;\n    }\n\n    &--left {\n      top: 50%;\n      transform: translateY(-50%);\n      right: 100%;\n    }\n\n    &--opened {\n      display: block;\n    }\n  }\n\n  &__option {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: 0.25px;\n\n    height: 32px;\n    width: 135px;\n    padding: 4px 16px;\n\n    cursor: pointer;\n\n    &--disabled {\n      color: var(--caption);\n    }\n  }\n\n  &__label {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 3px;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.preview-file-message{display:flex;gap:8px;align-items:center}.preview-file-message__image{object-fit:cover;display:flex;width:32px;height:32px;background:var(--incoming-background, #e4e6e8);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center}.preview-file-message__icon{fill:var(--caption);width:16px;height:16px}.preview-file-message__name{color:var(--secondary-text);text-align:left;font:400 12px/16px "Roboto",sans-serif;letter-spacing:.4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,OAAA,CACA,kBAAA,CAEA,6BACE,gBAAA,CACA,YAAA,CACA,UAAA,CACA,WAAA,CACA,8CAAA,CACA,iBAAA,CACA,aAAA,CACA,sBAAA,CACA,kBAAA,CAGF,4BACE,mBAAA,CACA,UAAA,CACA,WAAA,CAGF,4BACE,2BAAA,CACA,eAAA,CACA,sCAAA,CACA,mBAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA",sourcesContent:['.preview-file-message {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  &__image {\n    object-fit: cover;\n    display: flex;\n    width: 32px;\n    height: 32px;\n    background: var(--incoming-background, #e4e6e8);\n    border-radius: 8px;\n    flex-shrink: 0;\n    justify-content: center;\n    align-items: center;\n  }\n\n  &__icon {\n    fill: var(--caption);\n    width: 16px;\n    height: 16px;\n  }\n\n  &__name {\n    color: var(--secondary-text);\n    text-align: left;\n    font: 400 12px/16px "Roboto", sans-serif;\n    letter-spacing: 0.4px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Avatar_Avatar_Avatar});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Avatar=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Avatar.A,options);Avatar.A&&Avatar.A.locals&&Avatar.A.locals;function Avatar_Avatar_Avatar(_ref){let{icon=react.createElement(icons.Uh,null),size="md",className,src}=_ref;return src?react.createElement("div",{className:classnames_default()("avatar",`avatar--${size}`,className)},react.createElement("img",{src,className:"avatar__image",alt:"Avatar"})):react.createElement("div",{className:classnames_default()("avatar",`avatar--${size}`,className)},icon)}Avatar_Avatar_Avatar.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{required:!1,tsType:{name:"union",raw:"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'",elements:[{name:"literal",value:"'xs'"},{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"},{name:"literal",value:"'xl'"},{name:"literal",value:"'xxl'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},icon:{required:!1,tsType:{name:"ReactElement"},description:"",defaultValue:{value:"<UserSvg />",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/Badge/Badge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Badge_Badge_Badge});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Badge=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Badge/Badge.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Badge.A,options);Badge.A&&Badge.A.locals&&Badge.A.locals;function Badge_Badge_Badge(_ref){let{count,limit,mute=!1,classNames}=_ref;return react.createElement("div",{className:classnames_default()("badge",{"badge--mute":mute},classNames)},limit&&count>limit?`${limit}+`:count)}Badge_Badge_Badge.__docgenInfo={description:"",methods:[],displayName:"Badge",props:{count:{required:!0,tsType:{name:"number"},description:""},limit:{required:!1,tsType:{name:"number"},description:""},mute:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},classNames:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogItemPreviewDefault:()=>DialogItemPreviewDefault,DialogItemPreviewFullScreen:()=>DialogItemPreviewFullScreen,DialogItemPreviewMobileScreen:()=>DialogItemPreviewMobileScreen,DialogItemPreviewMobileScreenIPad:()=>DialogItemPreviewMobileScreenIPad,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogItemPreview_stories});var react=__webpack_require__("./node_modules/react/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),DialogItemPreview=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(DialogItemPreview.A,options);DialogItemPreview.A&&DialogItemPreview.A.locals&&DialogItemPreview.A.locals;const DialogItemPreview_DialogItemPreview_DialogItemPreview=_ref=>{let{avatar,title,date,active,lastMessage,badge,contextMenu,onClick,className}=_ref;return react.createElement("div",{className:classnames_default()("dialog-item-preview",{"dialog-item-preview--active":active},className),onClick},avatar,react.createElement("div",{className:"dialog-item-preview__content"},react.createElement("div",{className:"dialog-item-preview__content-top"},react.createElement("span",{className:"dialog-item-preview__content-top-title"},title),date&&react.createElement("span",{className:"dialog-item-preview__content-top-date"},date)),react.createElement("div",{className:"dialog-item-preview__content-bottom"},react.createElement("div",{className:"dialog-item-preview__content-bottom-message"},lastMessage),react.createElement("div",{onClick:event=>event.stopPropagation(),className:"dialog-item-preview__content-bottom-controls"},badge,contextMenu&&react.createElement("div",{className:"dialog-item-preview__content-bottom-controls-menu"},contextMenu)))))},ui_components_DialogItemPreview_DialogItemPreview=DialogItemPreview_DialogItemPreview_DialogItemPreview;DialogItemPreview_DialogItemPreview_DialogItemPreview.__docgenInfo={description:"",methods:[],displayName:"DialogItemPreview",props:{avatar:{required:!0,tsType:{name:"ReactElement"},description:""},title:{required:!0,tsType:{name:"string"},description:""},active:{required:!1,tsType:{name:"boolean"},description:""},date:{required:!1,tsType:{name:"string"},description:""},lastMessage:{required:!1,tsType:{name:"union",raw:"ReactElement | string",elements:[{name:"ReactElement"},{name:"string"}]},description:""},badge:{required:!1,tsType:{name:"ReactElement"},description:""},contextMenu:{required:!1,tsType:{name:"ReactElement"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};var Badge=__webpack_require__("./src/Presentation/ui-components/Badge/Badge.tsx"),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),icons=__webpack_require__("./src/Presentation/icons/index.ts"),PreviewFileMessage=__webpack_require__("./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx"),Dropdown=__webpack_require__("./src/Presentation/ui-components/Dropdown/Dropdown.tsx");const DialogItemPreview_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/DialogItemPreview",tags:["autodocs"],component:ui_components_DialogItemPreview_DialogItemPreview,decorators:[],parameters:{viewport:{viewports:dist.Lq}},argTypes:{avatar:{description:"Avatar or Icon",control:"select",options:["User","Group","Conference","Public","Photo"],mapping:{User:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),Group:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.C_,null)}),Conference:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.os,null)}),Public:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.vq,null)}),Photo:react.createElement(Avatar.A,{size:"lg",src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"})}},lastMessage:{description:"Last message by type",control:"select",options:["ShortText","LongText","Image","File","None"],mapping:{ShortText:"Hello, world!How are you?",LongText:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",Image:react.createElement(PreviewFileMessage.A,{name:"My avatar.png",src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"}),File:react.createElement(PreviewFileMessage.A,{name:"My Document.txt"}),None:void 0}},badge:{description:"Badge",control:"select",options:["Default","OverCount","None"],mapping:{Default:react.createElement(Badge.A,{count:5}),OverCount:react.createElement(Badge.A,{count:15,limit:9}),None:void 0}},active:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Active"},contextMenu:{description:"Context action icon",control:"select",options:["Default","Leave","None"],mapping:{Default:react.createElement(icons.ur,null),Leave:react.createElement(Dropdown.A,{placement:"left",options:[{value:"Leave",label:"Leave"}],onSelect:value=>{console.log(value)}},react.createElement(icons.ur,null)),None:void 0}}}},DialogItemPreviewDefault={name:"DialogItemPreview Default",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)})},render:args=>(args.date=args.date?new Date(args.date).toLocaleDateString():(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},DialogItemPreviewFullScreen={name:"DialogItemPreview FullScreen",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:react.createElement(Badge.A,{count:5}),contextMenu:react.createElement(icons.ur,null)},parameters:{viewport:{defaultViewport:"responsive"}},render:args=>(args.date=(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},DialogItemPreviewMobileScreen={name:"DialogItemPreview MobileScreen",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:react.createElement(Badge.A,{count:5}),contextMenu:react.createElement(icons.ur,null)},parameters:{viewport:{defaultViewport:"iphonese2"}},render:args=>(args.date=args.date?new Date(args.date).toLocaleDateString():(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},DialogItemPreviewMobileScreenIPad={name:"DialogItemPreview MobileScreen IPad",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:react.createElement(Badge.A,{count:5}),contextMenu:react.createElement(icons.ur,null)},parameters:{viewport:{defaultViewport:"ipad"}},render:args=>(args.date=args.date?new Date(args.date).toLocaleDateString():(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},__namedExportsOrder=["DialogItemPreviewDefault","DialogItemPreviewFullScreen","DialogItemPreviewMobileScreen","DialogItemPreviewMobileScreenIPad"];DialogItemPreviewDefault.parameters={...DialogItemPreviewDefault.parameters,docs:{...DialogItemPreviewDefault.parameters?.docs,source:{originalSource:"{\n  name: 'DialogItemPreview Default',\n  args: {\n    title: 'Name',\n    avatar: <Avatar size=\"lg\" icon={<UserSvg />} />\n  },\n  render: args => {\n    // eslint-disable-next-line no-param-reassign\n    args.date = args.date ? new Date(args.date!).toLocaleDateString() : new Date().toLocaleDateString();\n    return <DialogItemPreview {...args} />;\n  }\n}",...DialogItemPreviewDefault.parameters?.docs?.source}}},DialogItemPreviewFullScreen.parameters={...DialogItemPreviewFullScreen.parameters,docs:{...DialogItemPreviewFullScreen.parameters?.docs,source:{originalSource:"{\n  name: 'DialogItemPreview FullScreen',\n  args: {\n    title: 'Name',\n    avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n    lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n    badge: <Badge count={5} />,\n    contextMenu: <MoreSvg />\n  },\n  parameters: {\n    viewport: {\n      defaultViewport: 'responsive'\n    }\n  },\n  render: args => {\n    // eslint-disable-next-line no-param-reassign\n    args.date = new Date().toLocaleDateString();\n    return <DialogItemPreview {...args} />;\n  }\n}",...DialogItemPreviewFullScreen.parameters?.docs?.source}}},DialogItemPreviewMobileScreen.parameters={...DialogItemPreviewMobileScreen.parameters,docs:{...DialogItemPreviewMobileScreen.parameters?.docs,source:{originalSource:"{\n  name: 'DialogItemPreview MobileScreen',\n  args: {\n    title: 'Name',\n    avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n    lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n    badge: <Badge count={5} />,\n    contextMenu: <MoreSvg />\n  },\n  parameters: {\n    viewport: {\n      defaultViewport: 'iphonese2'\n    }\n  },\n  render: args => {\n    // eslint-disable-next-line no-param-reassign\n    args.date = args.date ? new Date(args.date!).toLocaleDateString() : new Date().toLocaleDateString();\n    return <DialogItemPreview {...args} />;\n  }\n}",...DialogItemPreviewMobileScreen.parameters?.docs?.source}}},DialogItemPreviewMobileScreenIPad.parameters={...DialogItemPreviewMobileScreenIPad.parameters,docs:{...DialogItemPreviewMobileScreenIPad.parameters?.docs,source:{originalSource:"{\n  name: 'DialogItemPreview MobileScreen IPad',\n  args: {\n    title: 'Name',\n    avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n    lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n    badge: <Badge count={5} />,\n    contextMenu: <MoreSvg />\n  },\n  parameters: {\n    viewport: {\n      defaultViewport: 'ipad'\n    }\n  },\n  render: args => {\n    // eslint-disable-next-line no-param-reassign\n    args.date = args.date ? new Date(args.date!).toLocaleDateString() : new Date().toLocaleDateString();\n    return <DialogItemPreview {...args} />;\n  }\n}",...DialogItemPreviewMobileScreenIPad.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Dropdown/Dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Dropdown_Dropdown_Dropdown});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames);function DropdownOption(_ref){let{label,value,disabled,leftIcon,rightIcon,onSelect}=_ref;return react.createElement("li",{className:classnames_default()("dropdown__option",{"dropdown__option--disabled":disabled}),onClick:()=>!disabled&&onSelect(value)},react.createElement("span",{className:"dropdown__label"},leftIcon,label),rightIcon)}DropdownOption.__docgenInfo={description:"",methods:[],displayName:"DropdownOption",props:{value:{required:!0,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},leftIcon:{required:!1,tsType:{name:"ReactElement"},description:""},rightIcon:{required:!1,tsType:{name:"ReactElement"},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Dropdown=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Dropdown/Dropdown.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Dropdown.A,options);Dropdown.A&&Dropdown.A.locals&&Dropdown.A.locals;function Dropdown_Dropdown_Dropdown(_ref){let{options,disabled=!1,onSelect,className,children,placement="bottomRight"}=_ref;const[isOpen,setIsOpen]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(null),handleSelect=value=>{onSelect(value),setIsOpen(!1)};return(0,react.useEffect)((()=>{const handleBlur=e=>{dropdownRef.current&&e.target instanceof Node&&!dropdownRef.current.contains(e.target)&&setIsOpen(!1)};return isOpen&&document.addEventListener("click",handleBlur,{capture:!0}),()=>document.removeEventListener("click",handleBlur)}),[isOpen]),react.createElement("div",{ref:dropdownRef,className:classnames_default()("dropdown",className)},react.createElement("button",{type:"button",className:"dropdown__toggle",onClick:e=>{e.stopPropagation(),setIsOpen((state=>!state))}},children),react.createElement("ul",{className:classnames_default()("dropdown__menu",`dropdown__menu--${placement}`,{"dropdown__menu--opened":isOpen})},options.map((_ref2=>{let{label,value,leftIcon,rightIcon}=_ref2;return react.createElement(DropdownOption,{label,value,disabled,onSelect:handleSelect,leftIcon,rightIcon,key:value})}))))}Dropdown_Dropdown_Dropdown.__docgenInfo={description:"",methods:[],displayName:"Dropdown",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"Option"}],raw:"Option[]"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},placement:{required:!1,tsType:{name:"union",raw:"'topRight' | 'bottomRight' | 'left'",elements:[{name:"literal",value:"'topRight'"},{name:"literal",value:"'bottomRight'"},{name:"literal",value:"'left'"}]},description:"",defaultValue:{value:"'bottomRight'",computed:!1}}}}},"./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>PreviewFileMessage_PreviewFileMessage_PreviewFileMessage});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),PreviewFileMessage=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(PreviewFileMessage.A,options);PreviewFileMessage.A&&PreviewFileMessage.A.locals&&PreviewFileMessage.A.locals;const iconDictionary={document:icons.jw,audio:icons.Lg,video:icons.BR};function PreviewFileMessage_PreviewFileMessage_PreviewFileMessage(_ref){let{type="document",name,src,className}=_ref;const Icon=iconDictionary[type];return react.createElement("div",{className:classnames_default()("preview-file-message",className)},src?react.createElement("img",{src,alt:"",className:"preview-file-message__image"}):react.createElement("span",{className:"preview-file-message__image"},react.createElement(Icon,{className:"preview-file-message__icon"})),react.createElement("span",{className:"preview-file-message__name"},name))}PreviewFileMessage_PreviewFileMessage_PreviewFileMessage.__docgenInfo={description:"",methods:[],displayName:"PreviewFileMessage",props:{type:{required:!1,tsType:{name:"union",raw:"'document' | 'audio' | 'video'",elements:[{name:"literal",value:"'document'"},{name:"literal",value:"'audio'"},{name:"literal",value:"'video'"}]},description:"",defaultValue:{value:"'document'",computed:!1}},name:{required:!0,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);
+/*! For license information please see Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.4e25a94d.iframe.bundle.js.LICENSE.txt */
+(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[275],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Lq:()=>INITIAL_VIEWPORTS});__webpack_require__("storybook/internal/preview-api");var __defProp=Object.defineProperty,preview_exports={};((target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})})(preview_exports,{initialGlobals:()=>initialGlobals});var PARAM_KEY="viewport",modern={[PARAM_KEY]:{value:void 0,isRotated:!1}},initialGlobals=globalThis.FEATURES?.viewportStoryGlobals?modern:{viewport:"reset",viewportRotated:!1},INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphoneSE3:{name:"iPhone SE 3rd generation",styles:{height:"667px",width:"375px"},type:"mobile"},iphone13:{name:"iPhone 13",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13pro:{name:"iPhone 13 Pro",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13promax:{name:"iPhone 13 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphone14:{name:"iPhone 14",styles:{height:"844px",width:"390px"},type:"mobile"},iphone14pro:{name:"iPhone 14 Pro",styles:{height:"852px",width:"393px"},type:"mobile"},iphone14promax:{name:"iPhone 14 Pro Max",styles:{height:"932px",width:"430px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.avatar,.avatar *{box-sizing:border-box}.avatar svg{height:26px;width:26px;fill:var(--tertiary-elements)}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar--xs{width:32px;height:32px}.avatar--sm{width:36px;height:36px}.avatar--md{width:40px;height:40px}.avatar--lg{width:56px;height:56px}.avatar--lg svg{height:33px;width:33px}.avatar--xl{width:64px;height:64px}.avatar--xxl{width:80px;height:80px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,QACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CAEA,eAAA,CACA,iBAAA,CACA,yCAAA,CACA,2BAAA,CCVA,kBAEE,qBAAA,CDYF,YACE,WAAA,CACA,UAAA,CACA,6BAAA,CAGF,eACE,gBAAA,CACA,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAEA,gBACE,WAAA,CACA,UAAA,CAIJ,YACE,UAAA,CACA,WAAA,CAGF,aACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.avatar {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n  border-radius: 50%;\n  background-color: var(--disabled-elements);\n  color: var(--secondary-text);\n\n  @include applyBorderBox;\n\n  svg {\n    height: 26px;\n    width: 26px;\n    fill: var(--tertiary-elements);\n  }\n\n  &__image {\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n  }\n\n  &--xs {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--sm {\n    width: 36px;\n    height: 36px;\n  }\n\n  &--md {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--lg {\n    width: 56px;\n    height: 56px;\n\n    svg {\n      height: 33px;\n      width: 33px;\n    }\n  }\n\n  &--xl {\n    width: 64px;\n    height: 64px;\n  }\n\n  &--xxl {\n    width: 80px;\n    height: 80px;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Badge/Badge.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.badge{display:flex;justify-content:center;align-items:center;height:20px;border-radius:30px;padding:2px 6px;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;letter-spacing:.5px;background-color:var(--main-elements);color:var(--secondary-background)}.badge--mute{background-color:var(--disabled-elements);color:var(--secondary-background)}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Badge/Badge.scss"],names:[],mappings:"AAAA,OACE,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,WAAA,CACA,kBAAA,CACA,eAAA,CAEA,oBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,qCAAA,CACA,iCAAA,CAEA,aACE,yCAAA,CACA,iCAAA",sourcesContent:[".badge {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  height: 20px;\n  border-radius: 30px;\n  padding: 2px 6px;\n\n  font-family: 'Roboto';\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.5px;\n\n  background-color: var(--main-elements);\n  color: var(--secondary-background);\n\n  &--mute {\n    background-color: var(--disabled-elements);\n    color: var(--secondary-background);\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".dialog-item-preview{display:flex;align-items:center;padding:8px 16px;gap:16px}.dialog-item-preview,.dialog-item-preview *{box-sizing:border-box}.dialog-item-preview:hover{background:var(--divider)}.dialog-item-preview--active{box-shadow:4px 0px 0px 0px var(--primary) inset;background:var(--divider)}.dialog-item-preview__content{width:calc(100% - 72px);display:flex;flex-direction:column;gap:2px}.dialog-item-preview__content-top{display:flex;justify-content:space-between}.dialog-item-preview__content-top-title{font:var(--label-label-medium);color:var(--main-text, #0b1b0f);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-item-preview__content-top-date{color:var(--tertiary-elements, #636d78);font:var(--label-label-small)}.dialog-item-preview__content-bottom{display:flex;justify-content:space-between;gap:5px;height:32px}.dialog-item-preview__content-bottom-message{color:var(--secondary-text, #636d78);text-align:left;font:var(--body-body-small);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dialog-item-preview__content-bottom-controls{display:flex;align-items:center;gap:5px}.dialog-item-preview__content-bottom-controls-menu{width:24px;height:24px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,qBACE,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,QAAA,CCLA,4CAEE,qBAAA,CDOF,2BACE,yBAAA,CAGF,6BACE,+CAAA,CACA,yBAAA,CAGF,8BACE,uBAAA,CACA,YAAA,CACA,qBAAA,CACA,OAAA,CAEA,kCACE,YAAA,CACA,6BAAA,CAEA,wCACE,8BAAA,CACA,+BAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CAGF,uCACE,uCAAA,CACA,6BAAA,CAIJ,qCACE,YAAA,CACA,6BAAA,CACA,OAAA,CACA,WAAA,CAEA,6CACE,oCAAA,CACA,eAAA,CACA,2BAAA,CACA,eAAA,CACA,mBAAA,CACA,oBAAA,CACA,2BAAA,CAGF,8CACE,YAAA,CACA,kBAAA,CACA,OAAA,CAEA,mDACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-item-preview {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  gap: 16px;\n\n  @include applyBorderBox; // Переместил после основных свойств\n\n  &:hover {\n    background: var(--divider);\n  }\n\n  &--active {\n    box-shadow: 4px 0px 0px 0px var(--primary) inset;\n    background: var(--divider);\n  }\n\n  &__content {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n\n    &-top {\n      display: flex;\n      justify-content: space-between;\n\n      &-title {\n        font: var(--label-label-medium);\n        color: var(--main-text, #0b1b0f);\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      &-date {\n        color: var(--tertiary-elements, #636d78);\n        font: var(--label-label-small);\n      }\n    }\n\n    &-bottom {\n      display: flex;\n      justify-content: space-between;\n      gap: 5px;\n      height: 32px;\n\n      &-message {\n        color: var(--secondary-text, #636d78);\n        text-align: left;\n        font: var(--body-body-small);\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n      }\n\n      &-controls {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n\n        &-menu {\n          width: 24px;\n          height: 24px;\n        }\n      }\n    }\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Dropdown/Dropdown.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.dropdown{width:100%;height:100%;position:relative}.dropdown,.dropdown *{box-sizing:border-box}.dropdown__toggle{width:100%;height:100%;background:none;border:none;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;margin:0;cursor:pointer;outline:none}.dropdown__menu{background-color:var(--main-background);box-shadow:0 3px 5px 0 rgba(0,0,0,.04),0 3px 14px 0 rgba(0,0,0,.08);border-radius:4px;padding:8px 0px;margin:0;z-index:100;position:absolute;overflow:hidden;list-style-type:none;display:none}.dropdown__menu--topRight{bottom:100%}.dropdown__menu--left{top:50%;transform:translateY(-50%);right:100%}.dropdown__menu--opened{display:block}.dropdown__option{display:flex;justify-content:space-between;align-items:center;font-family:"Roboto";font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;height:32px;width:135px;padding:4px 16px;cursor:pointer}.dropdown__option--disabled{color:var(--caption)}.dropdown__label{width:100%;display:flex;align-items:center;gap:3px}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Dropdown/Dropdown.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,UACE,UAAA,CACA,WAAA,CACA,iBAAA,CCJA,sBAEE,qBAAA,CDMF,kBACE,UAAA,CACA,WAAA,CACA,eAAA,CACA,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CACA,YAAA,CAGF,gBACE,uCAAA,CACA,mEAAA,CAEA,iBAAA,CAEA,eAAA,CACA,QAAA,CACA,WAAA,CACA,iBAAA,CACA,eAAA,CACA,oBAAA,CACA,YAAA,CAEA,0BACE,WAAA,CAGF,sBACE,OAAA,CACA,0BAAA,CACA,UAAA,CAGF,wBACE,aAAA,CAIJ,kBACE,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,oBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CAEA,WAAA,CACA,WAAA,CACA,gBAAA,CAEA,cAAA,CAEA,4BACE,oBAAA,CAIJ,iBACE,UAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dropdown {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  @include applyBorderBox;\n\n  &__toggle {\n    width: 100%;\n    height: 100%;\n    background: none;\n    border: none;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    outline: none;\n  }\n\n  &__menu {\n    background-color: var(--main-background);\n    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04),\n      0 3px 14px 0 rgba(0, 0, 0, 0.08);\n    border-radius: 4px;\n\n    padding: 8px 0px;\n    margin: 0;\n    z-index: 100;\n    position: absolute;\n    overflow: hidden;\n    list-style-type: none;\n    display: none;\n\n    &--topRight {\n      bottom: 100%;\n    }\n\n    &--left {\n      top: 50%;\n      transform: translateY(-50%);\n      right: 100%;\n    }\n\n    &--opened {\n      display: block;\n    }\n  }\n\n  &__option {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: 0.25px;\n\n    height: 32px;\n    width: 135px;\n    padding: 4px 16px;\n\n    cursor: pointer;\n\n    &--disabled {\n      color: var(--caption);\n    }\n  }\n\n  &__label {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 3px;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.preview-file-message{display:flex;gap:8px;align-items:center}.preview-file-message__image{object-fit:cover;display:flex;width:32px;height:32px;background:var(--incoming-background, #e4e6e8);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center}.preview-file-message__icon{fill:var(--caption);width:16px;height:16px}.preview-file-message__name{color:var(--secondary-text);text-align:left;font:400 12px/16px "Roboto",sans-serif;letter-spacing:.4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,OAAA,CACA,kBAAA,CAEA,6BACE,gBAAA,CACA,YAAA,CACA,UAAA,CACA,WAAA,CACA,8CAAA,CACA,iBAAA,CACA,aAAA,CACA,sBAAA,CACA,kBAAA,CAGF,4BACE,mBAAA,CACA,UAAA,CACA,WAAA,CAGF,4BACE,2BAAA,CACA,eAAA,CACA,sCAAA,CACA,mBAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA",sourcesContent:['.preview-file-message {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  &__image {\n    object-fit: cover;\n    display: flex;\n    width: 32px;\n    height: 32px;\n    background: var(--incoming-background, #e4e6e8);\n    border-radius: 8px;\n    flex-shrink: 0;\n    justify-content: center;\n    align-items: center;\n  }\n\n  &__icon {\n    fill: var(--caption);\n    width: 16px;\n    height: 16px;\n  }\n\n  &__name {\n    color: var(--secondary-text);\n    text-align: left;\n    font: 400 12px/16px "Roboto", sans-serif;\n    letter-spacing: 0.4px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Avatar_Avatar_Avatar});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Avatar=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Avatar.A,options);Avatar.A&&Avatar.A.locals&&Avatar.A.locals;function Avatar_Avatar_Avatar(_ref){let{icon=react.createElement(icons.Uh,null),size="md",className,src}=_ref;return src?react.createElement("div",{className:classnames_default()("avatar",`avatar--${size}`,className)},react.createElement("img",{src,className:"avatar__image",alt:"Avatar"})):react.createElement("div",{className:classnames_default()("avatar",`avatar--${size}`,className)},icon)}Avatar_Avatar_Avatar.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{required:!1,tsType:{name:"union",raw:"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'",elements:[{name:"literal",value:"'xs'"},{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"},{name:"literal",value:"'xl'"},{name:"literal",value:"'xxl'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},icon:{required:!1,tsType:{name:"ReactElement"},description:"",defaultValue:{value:"<UserSvg />",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/Badge/Badge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Badge_Badge_Badge});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Badge=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Badge/Badge.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Badge.A,options);Badge.A&&Badge.A.locals&&Badge.A.locals;function Badge_Badge_Badge(_ref){let{count,limit,mute=!1,classNames}=_ref;return react.createElement("div",{className:classnames_default()("badge",{"badge--mute":mute},classNames)},limit&&count>limit?`${limit}+`:count)}Badge_Badge_Badge.__docgenInfo={description:"",methods:[],displayName:"Badge",props:{count:{required:!0,tsType:{name:"number"},description:""},limit:{required:!1,tsType:{name:"number"},description:""},mute:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},classNames:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogItemPreviewDefault:()=>DialogItemPreviewDefault,DialogItemPreviewFullScreen:()=>DialogItemPreviewFullScreen,DialogItemPreviewMobileScreen:()=>DialogItemPreviewMobileScreen,DialogItemPreviewMobileScreenIPad:()=>DialogItemPreviewMobileScreenIPad,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogItemPreview_stories});var react=__webpack_require__("./node_modules/react/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),DialogItemPreview=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(DialogItemPreview.A,options);DialogItemPreview.A&&DialogItemPreview.A.locals&&DialogItemPreview.A.locals;const DialogItemPreview_DialogItemPreview_DialogItemPreview=_ref=>{let{avatar,title,date,active,lastMessage,badge,contextMenu,onClick,className}=_ref;return react.createElement("div",{className:classnames_default()("dialog-item-preview",{"dialog-item-preview--active":active},className),onClick},avatar,react.createElement("div",{className:"dialog-item-preview__content"},react.createElement("div",{className:"dialog-item-preview__content-top"},react.createElement("span",{className:"dialog-item-preview__content-top-title"},title),date&&react.createElement("span",{className:"dialog-item-preview__content-top-date"},date)),react.createElement("div",{className:"dialog-item-preview__content-bottom"},react.createElement("div",{className:"dialog-item-preview__content-bottom-message"},lastMessage),react.createElement("div",{onClick:event=>event.stopPropagation(),className:"dialog-item-preview__content-bottom-controls"},badge,contextMenu&&react.createElement("div",{className:"dialog-item-preview__content-bottom-controls-menu"},contextMenu)))))},ui_components_DialogItemPreview_DialogItemPreview=DialogItemPreview_DialogItemPreview_DialogItemPreview;DialogItemPreview_DialogItemPreview_DialogItemPreview.__docgenInfo={description:"",methods:[],displayName:"DialogItemPreview",props:{avatar:{required:!1,tsType:{name:"ReactElement"},description:""},title:{required:!1,tsType:{name:"string"},description:""},active:{required:!1,tsType:{name:"boolean"},description:""},date:{required:!1,tsType:{name:"string"},description:""},lastMessage:{required:!1,tsType:{name:"union",raw:"ReactElement | string",elements:[{name:"ReactElement"},{name:"string"}]},description:""},badge:{required:!1,tsType:{name:"ReactElement"},description:""},contextMenu:{required:!1,tsType:{name:"ReactElement"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};var Badge=__webpack_require__("./src/Presentation/ui-components/Badge/Badge.tsx"),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),icons=__webpack_require__("./src/Presentation/icons/index.ts"),PreviewFileMessage=__webpack_require__("./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx"),Dropdown=__webpack_require__("./src/Presentation/ui-components/Dropdown/Dropdown.tsx");const DialogItemPreview_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/DialogItemPreview",tags:["autodocs"],component:ui_components_DialogItemPreview_DialogItemPreview,decorators:[],parameters:{viewport:{viewports:dist.Lq}},argTypes:{avatar:{description:"Avatar or Icon",control:"select",options:["User","Group","Conference","Public","Photo"],mapping:{User:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),Group:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.C_,null)}),Conference:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.os,null)}),Public:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.vq,null)}),Photo:react.createElement(Avatar.A,{size:"lg",src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"})}},lastMessage:{description:"Last message by type",control:"select",options:["ShortText","LongText","Image","File","None"],mapping:{ShortText:"Hello, world!How are you?",LongText:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",Image:react.createElement(PreviewFileMessage.A,{name:"My avatar.png",src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"}),File:react.createElement(PreviewFileMessage.A,{name:"My Document.txt"}),None:void 0}},badge:{description:"Badge",control:"select",options:["Default","OverCount","None"],mapping:{Default:react.createElement(Badge.A,{count:5}),OverCount:react.createElement(Badge.A,{count:15,limit:9}),None:void 0}},active:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Active"},contextMenu:{description:"Context action icon",control:"select",options:["Default","Leave","None"],mapping:{Default:react.createElement(icons.ur,null),Leave:react.createElement(Dropdown.A,{placement:"left",options:[{value:"Leave",label:"Leave"}],onSelect:value=>{console.log(value)}},react.createElement(icons.ur,null)),None:void 0}}}},DialogItemPreviewDefault={name:"DialogItemPreview Default",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)})},render:args=>(args.date=args.date?new Date(args.date).toLocaleDateString():(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},DialogItemPreviewFullScreen={name:"DialogItemPreview FullScreen",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:react.createElement(Badge.A,{count:5}),contextMenu:react.createElement(icons.ur,null)},parameters:{viewport:{defaultViewport:"responsive"}},render:args=>(args.date=(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},DialogItemPreviewMobileScreen={name:"DialogItemPreview MobileScreen",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:react.createElement(Badge.A,{count:5}),contextMenu:react.createElement(icons.ur,null)},parameters:{viewport:{defaultViewport:"iphonese2"}},render:args=>(args.date=args.date?new Date(args.date).toLocaleDateString():(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},DialogItemPreviewMobileScreenIPad={name:"DialogItemPreview MobileScreen IPad",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:react.createElement(Badge.A,{count:5}),contextMenu:react.createElement(icons.ur,null)},parameters:{viewport:{defaultViewport:"ipad"}},render:args=>(args.date=args.date?new Date(args.date).toLocaleDateString():(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},__namedExportsOrder=["DialogItemPreviewDefault","DialogItemPreviewFullScreen","DialogItemPreviewMobileScreen","DialogItemPreviewMobileScreenIPad"];DialogItemPreviewDefault.parameters={...DialogItemPreviewDefault.parameters,docs:{...DialogItemPreviewDefault.parameters?.docs,source:{originalSource:"{\n  name: 'DialogItemPreview Default',\n  args: {\n    title: 'Name',\n    avatar: <Avatar size=\"lg\" icon={<UserSvg />} />\n  },\n  render: args => {\n    // eslint-disable-next-line no-param-reassign\n    args.date = args.date ? new Date(args.date!).toLocaleDateString() : new Date().toLocaleDateString();\n    return <DialogItemPreview {...args} />;\n  }\n}",...DialogItemPreviewDefault.parameters?.docs?.source}}},DialogItemPreviewFullScreen.parameters={...DialogItemPreviewFullScreen.parameters,docs:{...DialogItemPreviewFullScreen.parameters?.docs,source:{originalSource:"{\n  name: 'DialogItemPreview FullScreen',\n  args: {\n    title: 'Name',\n    avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n    lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n    badge: <Badge count={5} />,\n    contextMenu: <MoreSvg />\n  },\n  parameters: {\n    viewport: {\n      defaultViewport: 'responsive'\n    }\n  },\n  render: args => {\n    // eslint-disable-next-line no-param-reassign\n    args.date = new Date().toLocaleDateString();\n    return <DialogItemPreview {...args} />;\n  }\n}",...DialogItemPreviewFullScreen.parameters?.docs?.source}}},DialogItemPreviewMobileScreen.parameters={...DialogItemPreviewMobileScreen.parameters,docs:{...DialogItemPreviewMobileScreen.parameters?.docs,source:{originalSource:"{\n  name: 'DialogItemPreview MobileScreen',\n  args: {\n    title: 'Name',\n    avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n    lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n    badge: <Badge count={5} />,\n    contextMenu: <MoreSvg />\n  },\n  parameters: {\n    viewport: {\n      defaultViewport: 'iphonese2'\n    }\n  },\n  render: args => {\n    // eslint-disable-next-line no-param-reassign\n    args.date = args.date ? new Date(args.date!).toLocaleDateString() : new Date().toLocaleDateString();\n    return <DialogItemPreview {...args} />;\n  }\n}",...DialogItemPreviewMobileScreen.parameters?.docs?.source}}},DialogItemPreviewMobileScreenIPad.parameters={...DialogItemPreviewMobileScreenIPad.parameters,docs:{...DialogItemPreviewMobileScreenIPad.parameters?.docs,source:{originalSource:"{\n  name: 'DialogItemPreview MobileScreen IPad',\n  args: {\n    title: 'Name',\n    avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n    lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n    badge: <Badge count={5} />,\n    contextMenu: <MoreSvg />\n  },\n  parameters: {\n    viewport: {\n      defaultViewport: 'ipad'\n    }\n  },\n  render: args => {\n    // eslint-disable-next-line no-param-reassign\n    args.date = args.date ? new Date(args.date!).toLocaleDateString() : new Date().toLocaleDateString();\n    return <DialogItemPreview {...args} />;\n  }\n}",...DialogItemPreviewMobileScreenIPad.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Dropdown/Dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Dropdown_Dropdown_Dropdown});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames);function DropdownOption(_ref){let{label,value,disabled,leftIcon,rightIcon,onSelect}=_ref;return react.createElement("li",{className:classnames_default()("dropdown__option",{"dropdown__option--disabled":disabled}),onClick:()=>!disabled&&onSelect(value)},react.createElement("span",{className:"dropdown__label"},leftIcon,label),rightIcon)}DropdownOption.__docgenInfo={description:"",methods:[],displayName:"DropdownOption",props:{value:{required:!0,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},leftIcon:{required:!1,tsType:{name:"ReactElement"},description:""},rightIcon:{required:!1,tsType:{name:"ReactElement"},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Dropdown=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Dropdown/Dropdown.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Dropdown.A,options);Dropdown.A&&Dropdown.A.locals&&Dropdown.A.locals;function Dropdown_Dropdown_Dropdown(_ref){let{options,disabled=!1,onSelect,className,children,placement="bottomRight"}=_ref;const[isOpen,setIsOpen]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(null),handleSelect=value=>{onSelect(value),setIsOpen(!1)};return(0,react.useEffect)((()=>{const handleBlur=e=>{dropdownRef.current&&e.target instanceof Node&&!dropdownRef.current.contains(e.target)&&setIsOpen(!1)};return isOpen&&document.addEventListener("click",handleBlur,{capture:!0}),()=>document.removeEventListener("click",handleBlur)}),[isOpen]),react.createElement("div",{ref:dropdownRef,className:classnames_default()("dropdown",className)},react.createElement("button",{type:"button",className:"dropdown__toggle",onClick:e=>{e.stopPropagation(),setIsOpen((state=>!state))}},children),react.createElement("ul",{className:classnames_default()("dropdown__menu",`dropdown__menu--${placement}`,{"dropdown__menu--opened":isOpen})},options.map((_ref2=>{let{label,value,leftIcon,rightIcon}=_ref2;return react.createElement(DropdownOption,{label,value,disabled,onSelect:handleSelect,leftIcon,rightIcon,key:value})}))))}Dropdown_Dropdown_Dropdown.__docgenInfo={description:"",methods:[],displayName:"Dropdown",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"Option"}],raw:"Option[]"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},placement:{required:!1,tsType:{name:"union",raw:"'topRight' | 'bottomRight' | 'left'",elements:[{name:"literal",value:"'topRight'"},{name:"literal",value:"'bottomRight'"},{name:"literal",value:"'left'"}]},description:"",defaultValue:{value:"'bottomRight'",computed:!1}}}}},"./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>PreviewFileMessage_PreviewFileMessage_PreviewFileMessage});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),PreviewFileMessage=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(PreviewFileMessage.A,options);PreviewFileMessage.A&&PreviewFileMessage.A.locals&&PreviewFileMessage.A.locals;const iconDictionary={document:icons.jw,audio:icons.Lg,video:icons.BR};function PreviewFileMessage_PreviewFileMessage_PreviewFileMessage(_ref){let{type="document",name,src,className}=_ref;const Icon=iconDictionary[type];return react.createElement("div",{className:classnames_default()("preview-file-message",className)},src?react.createElement("img",{src,alt:"",className:"preview-file-message__image"}):react.createElement("span",{className:"preview-file-message__image"},react.createElement(Icon,{className:"preview-file-message__icon"})),react.createElement("span",{className:"preview-file-message__name"},name))}PreviewFileMessage_PreviewFileMessage_PreviewFileMessage.__docgenInfo={description:"",methods:[],displayName:"PreviewFileMessage",props:{type:{required:!1,tsType:{name:"union",raw:"'document' | 'audio' | 'video'",elements:[{name:"literal",value:"'document'"},{name:"literal",value:"'audio'"},{name:"literal",value:"'video'"}]},description:"",defaultValue:{value:"'document'",computed:!1}},name:{required:!0,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);