quickblox-react-ui-kit 0.5.0-beta.8 → 0.5.0-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.d.ts +1 -1
- package/dist/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.d.ts.map +1 -1
- package/dist/Presentation/ui-components/Message/Message.d.ts.map +1 -1
- package/dist/index-ui.js +17 -15
- package/package.json +1 -1
- package/src/Presentation/Views/Dialog/AIWidgets/AIRephraseWidget/AIRephraseWidget.tsx +1 -1
- package/src/Presentation/Views/Dialog/AIWidgets/AIWidgetActions/AIWidgetActions.scss +6 -6
- package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.scss +17 -29
- package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.tsx +4 -13
- package/src/Presentation/Views/Dialog/ForwardMessageFlow/ForwardMessageFlow.scss +9 -9
- package/src/Presentation/Views/Dialog/ForwardMessageFlow/InputForForwarding/InputForForwarding.scss +11 -0
- package/src/Presentation/Views/DialogInfo/UsersList/SingleUser/SingleUser.scss +0 -1
- package/src/Presentation/ui-components/DialogWindow/DialogWindow.tsx +1 -1
- package/src/Presentation/ui-components/Message/Message.scss +1 -0
- package/src/Presentation/ui-components/Message/Message.tsx +8 -6
- package/src/Presentation/ui-components/MessageInput/MessageInput.scss +1 -1
- package/src/Presentation/ui-components/Toast/Toast.scss +2 -2
- package/storybook-static/{Presentation-ui-components-DialogWindow-DialogWindow-stories.3aa6b2c3.iframe.bundle.js → Presentation-ui-components-DialogWindow-DialogWindow-stories.e22e8be5.iframe.bundle.js} +2 -2
- package/storybook-static/Presentation-ui-components-Message-Message-stories.49f0dbbf.iframe.bundle.js +2 -0
- package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.de6fb2f3.iframe.bundle.js +1 -0
- package/storybook-static/Presentation-ui-components-Toast-Toast-stories.5e19f10e.iframe.bundle.js +1 -0
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/project.json +1 -1
- package/storybook-static/{runtime~main.edd70ea8.iframe.bundle.js → runtime~main.2530bea6.iframe.bundle.js} +1 -1
- package/storybook-static/Presentation-ui-components-Message-Message-stories.b63e0d9f.iframe.bundle.js +0 -2
- package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.4015ee79.iframe.bundle.js +0 -1
- package/storybook-static/Presentation-ui-components-Toast-Toast-stories.583afd65.iframe.bundle.js +0 -1
- /package/storybook-static/{Presentation-ui-components-DialogWindow-DialogWindow-stories.3aa6b2c3.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-DialogWindow-DialogWindow-stories.e22e8be5.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/storybook-static/{Presentation-ui-components-Message-Message-stories.b63e0d9f.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Message-Message-stories.49f0dbbf.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! For license information please see Presentation-ui-components-DialogWindow-DialogWindow-stories.
|
|
2
|
-
(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[409,961],{"./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/Button/Button.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,".button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.button,.button *{box-sizing:border-box}.button--default{color:var(--system);background-color:var(--main-elements)}.button--default:hover{background-color:var(--color-default-hover)}.button--default:focus{outline:2px solid var(--color-background-info)}.button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.button--default.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.button--outlined:hover{background-color:var(--outgoing-background)}.button--outlined:focus{border:2px solid var(--color-background-info)}.button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.button--outlined.button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.button--danger{background-color:var(--error);color:var(--system)}.button--danger:focus{outline:2px solid var(--error-secondary)}.button--danger:active{color:var(--error-secondary)}.button--danger.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--text{background-color:inherit;color:var(--main-elements)}.button--text:focus{outline:2px solid var(--color-background-info)}.button--text:active{color:var(--color-default-hover)}.button--text.button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.button__loader--default{fill:var(--secondary-background)}.button__loader--outlined{fill:var(--main-elements)}.button__loader--danger{fill:var(--secondary-background)}.button__loader--text{fill:var(--disabled-elements)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Button/Button.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,QACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CAEA,iBAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAEA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,cAAA,CACA,WAAA,CACA,YAAA,CCxBA,kBAEE,qBAAA,CDyBF,iBACE,mBAAA,CACA,qCAAA,CAEA,uBACE,2CAAA,CAGF,uBACE,8CAAA,CAGF,wBACE,2CAAA,CACA,kCAAA,CAGF,kCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,kBACE,wBAAA,CACA,iCAAA,CACA,sBAAA,CAEA,wBACE,2CAAA,CAGF,wBACE,6CAAA,CAGF,yBACE,qCAAA,CACA,0BAAA,CAGF,mCACE,kBAAA,CACA,yCAAA,CACA,8BAAA,CAIJ,gBACE,6BAAA,CACA,mBAAA,CAEA,sBACE,wCAAA,CAGF,uBACE,4BAAA,CAGF,iCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,cACE,wBAAA,CACA,0BAAA,CAEA,oBACE,8CAAA,CAGF,qBACE,gCAAA,CAGF,+BACE,kBAAA,CACA,8BAAA,CAKF,yBACE,gCAAA,CAGF,0BACE,yBAAA,CAGF,wBACE,gCAAA,CAGF,sBACE,6BAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n\n height: 32px;\n\n border-radius: 4px;\n\n flex: none;\n order: 1;\n flex-grow: 0;\n\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n\n cursor: pointer;\n border: none;\n outline: none;\n @include applyBorderBox;\n\n &--default {\n color: var(--system);\n background-color: var(--main-elements);\n\n &:hover {\n background-color: var(--color-default-hover);\n }\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n background-color: var(--color-default-hover);\n color: var(--color-background-info);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--outlined {\n background-color: inherit;\n border: 1px solid var(--main-text);\n color: var(--main-text);\n\n &:hover {\n background-color: var(--outgoing-background);\n }\n\n &:focus {\n border: 2px solid var(--color-background-info);\n }\n\n &:active {\n border: 1px solid var(--main-elements);\n color: var(--main-elements);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n border: 1px solid var(--disabled-elements);\n color: var(--disabled-elements);\n }\n }\n\n &--danger {\n background-color: var(--error);\n color: var(--system);\n\n &:focus {\n outline: 2px solid var(--error-secondary);\n }\n\n &:active {\n color: var(--error-secondary);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--text {\n background-color: inherit;\n color: var(--main-elements);\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n color: var(--color-default-hover);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n color: var(--disabled-elements);\n }\n }\n\n &__loader {\n &--default {\n fill: var(--secondary-background);\n }\n\n &--outlined {\n fill: var(--main-elements);\n }\n\n &--danger {\n fill: var(--secondary-background);\n }\n\n &--text {\n fill: var(--disabled-elements);\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/DialogWindow/DialogWindow.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-window{left:0;top:0;width:100%;height:100%;z-index:100;position:fixed;background-color:var(--color-background-modal)}.dialog-window,.dialog-window *{box-sizing:border-box}.dialog-window--disable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:block}.dialog-window__content{width:380px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:24px;border-radius:4px;background-color:var(--main-background);box-shadow:0 9px 15px 0 rgba(0,0,0,.04),0 9px 46px 0 rgba(0,0,0,.08)}@media(max-width: 767px){.dialog-window__content{width:300px}}.dialog-window__header{margin-bottom:28px;padding:0px !important}.dialog-window__header svg{fill:var(--main-text)}.dialog-window__close{width:24px;height:24px;fill:var(--main-text);cursor:pointer}","",{version:3,sources:["webpack://./src/Presentation/ui-components/DialogWindow/DialogWindow.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,eACE,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,cAAA,CACA,8CAAA,CCRA,gCAEE,qBAAA,CDUF,wBACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,+BAAA,CACA,WAAA,CACA,aAAA,CAGF,wBACE,WAAA,CACA,iBAAA,CAEA,OAAA,CACA,QAAA,CACA,+BAAA,CAEA,YAAA,CACA,iBAAA,CACA,uCAAA,CACA,oEAAA,CAGA,yBAdF,wBAeI,WAAA,CAAA,CAIJ,uBACE,kBAAA,CACA,sBAAA,CAEA,2BACE,qBAAA,CAIJ,sBACE,UAAA,CACA,WAAA,CACA,qBAAA,CACA,cAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-window {\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n position: fixed;\n background-color: var(--color-background-modal);\n\n @include applyBorderBox;\n\n &--disable {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 100;\n display: block;\n }\n\n &__content {\n width: 380px;\n position: absolute;\n\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n padding: 24px;\n border-radius: 4px;\n background-color: var(--main-background);\n box-shadow: 0 9px 15px 0 rgba(0, 0, 0, 0.04),\n 0 9px 46px 0 rgba(0, 0, 0, 0.08);\n\n @media (max-width: 767px) {\n width: 300px;\n }\n }\n\n &__header {\n margin-bottom: 28px;\n padding: 0px !important;\n\n svg {\n fill: var(--main-text);\n }\n }\n\n &__close {\n width: 24px;\n height: 24px;\n fill: var(--main-text);\n cursor: pointer;\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/Header/Header.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-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Header/Header.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,eACE,UAAA,CACA,2BAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CCNA,gCAEE,qBAAA,CDQF,qBACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CAEA,yBACE,UAAA,CACA,WAAA,CACA,yBAAA,CAIJ,qBACE,sBAAA,CACA,qBAAA,CAGF,qBACE,UAAA,CACA,YAAA,CACA,QAAA,CACA,kBAAA,CACA,6BAAA,CACA,eAAA,CAEA,0BACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,OAAA,CACA,eAAA,CAGF,2BACE,WAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CAIJ,sBACE,+BAAA,CACA,eAAA,CACA,6BAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CAGF,qBACE,kBAAA,CACA,0CAAA,CACA,sBAAA,CAIJ,oEACE,0BACE,OAAA,CAAA,CAGJ,0CACE,qBACE,YAAA,CAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-header {\n width: 100%;\n padding: 12px 16px 12px 20px;\n display: flex;\n align-items: center;\n gap: 33px;\n\n @include applyBorderBox;\n\n &__icon {\n cursor: pointer;\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n\n svg {\n width: 24px;\n height: 24px;\n fill: var(--main-elements);\n }\n }\n\n &__back {\n color: var(--main-text);\n fill: var(--main-text);\n }\n\n &__body {\n width: 100%;\n display: flex;\n gap: 33px;\n align-items: center;\n justify-content: space-between;\n overflow: hidden;\n\n &-left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n overflow: hidden;\n }\n\n &-right {\n height: 24px;\n display: flex;\n align-items: center;\n gap: 16px;\n }\n }\n\n &__title {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-large);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &__line {\n border-style: solid;\n border-color: var(--color-divider, #e7efff);\n border-width: 0 0 1px 0;\n }\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-header__body-left {\n gap: 3px;\n }\n}\n@media only screen and (min-width: 981px) {\n .dialog-header__back {\n display: none;\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/Loader/Loader.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,".loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,QACE,mCAAA",sourcesContent:[".loader {\n &--sm {\n width: 24px;\n height: 24px;\n }\n\n &--md {\n width: 48px;\n height: 48px;\n }\n\n &--lg {\n width: 52px;\n height: 52px;\n }\n\n @keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n & {\n animation: rotate 1s infinite linear;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react-dom/cjs/react-dom.production.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var React=__webpack_require__("./node_modules/react/index.js");function formatProdErrorMessage(code){var url="https://react.dev/errors/"+code;if(1<arguments.length){url+="?args[]="+encodeURIComponent(arguments[1]);for(var i=2;i<arguments.length;i++)url+="&args[]="+encodeURIComponent(arguments[i])}return"Minified React error #"+code+"; visit "+url+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function noop(){}var Internals={d:{f:noop,r:function(){throw Error(formatProdErrorMessage(522))},D:noop,C:noop,L:noop,m:noop,X:noop,S:noop,M:noop},p:0,findDOMNode:null},REACT_PORTAL_TYPE=Symbol.for("react.portal");var ReactSharedInternals=React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function getCrossOriginStringAs(as,input){return"font"===as?"":"string"==typeof input?"use-credentials"===input?input:"":void 0}exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=Internals,exports.createPortal=function(children,container){var key=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!container||1!==container.nodeType&&9!==container.nodeType&&11!==container.nodeType)throw Error(formatProdErrorMessage(299));return function createPortal$1(children,containerInfo,implementation){var key=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:REACT_PORTAL_TYPE,key:null==key?null:""+key,children,containerInfo,implementation}}(children,container,null,key)},exports.flushSync=function(fn){var previousTransition=ReactSharedInternals.T,previousUpdatePriority=Internals.p;try{if(ReactSharedInternals.T=null,Internals.p=2,fn)return fn()}finally{ReactSharedInternals.T=previousTransition,Internals.p=previousUpdatePriority,Internals.d.f()}},exports.preconnect=function(href,options){"string"==typeof href&&(options?options="string"==typeof(options=options.crossOrigin)?"use-credentials"===options?options:"":void 0:options=null,Internals.d.C(href,options))},exports.prefetchDNS=function(href){"string"==typeof href&&Internals.d.D(href)},exports.preinit=function(href,options){if("string"==typeof href&&options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin),integrity="string"==typeof options.integrity?options.integrity:void 0,fetchPriority="string"==typeof options.fetchPriority?options.fetchPriority:void 0;"style"===as?Internals.d.S(href,"string"==typeof options.precedence?options.precedence:void 0,{crossOrigin,integrity,fetchPriority}):"script"===as&&Internals.d.X(href,{crossOrigin,integrity,fetchPriority,nonce:"string"==typeof options.nonce?options.nonce:void 0})}},exports.preinitModule=function(href,options){if("string"==typeof href)if("object"==typeof options&&null!==options){if(null==options.as||"script"===options.as){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.M(href,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0})}}else null==options&&Internals.d.M(href)},exports.preload=function(href,options){if("string"==typeof href&&"object"==typeof options&&null!==options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin);Internals.d.L(href,as,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0,type:"string"==typeof options.type?options.type:void 0,fetchPriority:"string"==typeof options.fetchPriority?options.fetchPriority:void 0,referrerPolicy:"string"==typeof options.referrerPolicy?options.referrerPolicy:void 0,imageSrcSet:"string"==typeof options.imageSrcSet?options.imageSrcSet:void 0,imageSizes:"string"==typeof options.imageSizes?options.imageSizes:void 0,media:"string"==typeof options.media?options.media:void 0})}},exports.preloadModule=function(href,options){if("string"==typeof href)if(options){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.m(href,{as:"string"==typeof options.as&&"script"!==options.as?options.as:void 0,crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0})}else Internals.d.m(href)},exports.requestFormReset=function(form){Internals.d.r(form)},exports.unstable_batchedUpdates=function(fn,a){return fn(a)},exports.useFormState=function(action,initialState,permalink){return ReactSharedInternals.H.useFormState(action,initialState,permalink)},exports.useFormStatus=function(){return ReactSharedInternals.H.useHostTransitionStatus()},exports.version="19.0.0"},"./node_modules/react-dom/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";!function checkDCE(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE)}catch(err){console.error(err)}}(),module.exports=__webpack_require__("./node_modules/react-dom/cjs/react-dom.production.js")},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),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),Button=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.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()(Button.A,options);Button.A&&Button.A.locals&&Button.A.locals;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function Button_Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return react.createElement("button",_extends({className:classnames_default()("button",`button--${variant}`,{"button--disabled":disabled},className),disabled:disabled||loading},rest),loading&&!disabled?react.createElement(Loader.A,{className:classnames_default()("button__loader",`button__loader--${variant}`)}):children)}Button_Button_Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'danger' | 'text'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'text'"}]},description:"",defaultValue:{value:"'default'",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""}},composes:["HTMLButtonProps"]}},"./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogWindowDefault:()=>DialogWindowDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogWindow_stories});var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Header=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),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),DialogWindow=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogWindow/DialogWindow.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()(DialogWindow.A,options);DialogWindow.A&&DialogWindow.A.locals&&DialogWindow.A.locals;function DialogWindow_DialogWindow_DialogWindow(_ref){let{children,onClose,open=!1,title,className,disableActions=!1}=_ref;return open?(0,react_dom.createPortal)(react.createElement("div",{className:classnames_default()("dialog-window",className)},react.createElement("div",{className:classnames_default()("",{"dialog-window--disable":disableActions})}),react.createElement("div",{className:"dialog-window__content"},react.createElement(Header.A,{className:"dialog-window__header",onGoBack:onClose,title},react.createElement(icons.X6,{onClick:onClose,className:"dialog-window__close"})),children)),document.body):null}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");const DialogWindow_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/DialogWindow",component:DialogWindow_DialogWindow_DialogWindow,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0,open:!1,title:"",className:"",onClose:void 0},argTypes:{title:{table:{defaultValue:{summary:""},type:{summary:"string"}},description:"Title for modal window"},children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactElement | ReactElement[]"}},description:"Primary content"},open:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Open modal window"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"},onClose:{table:{type:{summary:"VoidFunction"}},description:"closes the modal window"},disableActions:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}}}}};function DialogWindowExample(){const[isOpen,setIsOpen]=(0,react.useState)(!1),handleOnChange=()=>{setIsOpen((state=>!state))};return react.createElement("div",null,react.createElement(Button.A,{onClick:handleOnChange,type:"button"},"Button"),react.createElement(DialogWindow_DialogWindow_DialogWindow,{open:isOpen,title:"Headline",onClose:handleOnChange},react.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-end",marginTop:"48px",gap:"8px"}},react.createElement(Button.A,{variant:"outlined",onClick:handleOnChange},"Button"),react.createElement(Button.A,{variant:"danger",onClick:handleOnChange},"Button"))))}const DialogWindowDefault={name:"DialogWindow Default",render:()=>react.createElement(DialogWindowExample,null)},__namedExportsOrder=["DialogWindowDefault"];DialogWindowDefault.parameters={...DialogWindowDefault.parameters,docs:{...DialogWindowDefault.parameters?.docs,source:{originalSource:"{\n name: 'DialogWindow Default',\n render: () => <DialogWindowExample />\n}",...DialogWindowDefault.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ui_components_Header_Header});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),Header=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Header/Header.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()(Header.A,options);Header.A&&Header.A.locals&&Header.A.locals;const Header_Header_Header=_ref=>{let{title,avatar,badge,children,onGoBack,className}=_ref;return react.createElement("div",{className:classnames_default()("dialog-header",className)},onGoBack&&react.createElement(icons.oV,{className:"dialog-header__icon dialog-header__back",onClick:onGoBack}),react.createElement("div",{className:"dialog-header__body"},react.createElement("div",{className:"dialog-header__body-left"},avatar,react.createElement("span",{className:"dialog-header__title"},title),badge),children&&react.createElement("div",{className:"dialog-header__body-right"},react.Children.map(children,(child=>react.createElement("span",{className:"dialog-header__icon"},child))))))},ui_components_Header_Header=Header_Header_Header;Header_Header_Header.__docgenInfo={description:"",methods:[],displayName:"Header",props:{title:{required:!0,tsType:{name:"string"},description:""},avatar:{required:!1,tsType:{name:"ReactElement"},description:""},badge:{required:!1,tsType:{name:"ReactElement"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | ReactElement[]",elements:[{name:"ReactElement"},{name:"Array",elements:[{name:"ReactElement"}],raw:"ReactElement[]"}]},description:""},onGoBack:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader_Loader_Loader});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),Loader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.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()(Loader.A,options);Loader.A&&Loader.A.locals&&Loader.A.locals;function Loader_Loader_Loader(_ref){let{className,size="md"}=_ref;return react.createElement(icons.iO,{className:classnames_default()("loader",size&&`loader--${size}`,className)})}Loader_Loader_Loader.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{size:{required:!1,tsType:{name:"union",raw:"'sm' | 'md' | 'lg'",elements:[{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);
|
|
1
|
+
/*! For license information please see Presentation-ui-components-DialogWindow-DialogWindow-stories.e22e8be5.iframe.bundle.js.LICENSE.txt */
|
|
2
|
+
(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[409,961],{"./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/Button/Button.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,".button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.button,.button *{box-sizing:border-box}.button--default{color:var(--system);background-color:var(--main-elements)}.button--default:hover{background-color:var(--color-default-hover)}.button--default:focus{outline:2px solid var(--color-background-info)}.button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.button--default.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.button--outlined:hover{background-color:var(--outgoing-background)}.button--outlined:focus{border:2px solid var(--color-background-info)}.button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.button--outlined.button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.button--danger{background-color:var(--error);color:var(--system)}.button--danger:focus{outline:2px solid var(--error-secondary)}.button--danger:active{color:var(--error-secondary)}.button--danger.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--text{background-color:inherit;color:var(--main-elements)}.button--text:focus{outline:2px solid var(--color-background-info)}.button--text:active{color:var(--color-default-hover)}.button--text.button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.button__loader--default{fill:var(--secondary-background)}.button__loader--outlined{fill:var(--main-elements)}.button__loader--danger{fill:var(--secondary-background)}.button__loader--text{fill:var(--disabled-elements)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Button/Button.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,QACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CAEA,iBAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAEA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,cAAA,CACA,WAAA,CACA,YAAA,CCxBA,kBAEE,qBAAA,CDyBF,iBACE,mBAAA,CACA,qCAAA,CAEA,uBACE,2CAAA,CAGF,uBACE,8CAAA,CAGF,wBACE,2CAAA,CACA,kCAAA,CAGF,kCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,kBACE,wBAAA,CACA,iCAAA,CACA,sBAAA,CAEA,wBACE,2CAAA,CAGF,wBACE,6CAAA,CAGF,yBACE,qCAAA,CACA,0BAAA,CAGF,mCACE,kBAAA,CACA,yCAAA,CACA,8BAAA,CAIJ,gBACE,6BAAA,CACA,mBAAA,CAEA,sBACE,wCAAA,CAGF,uBACE,4BAAA,CAGF,iCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,cACE,wBAAA,CACA,0BAAA,CAEA,oBACE,8CAAA,CAGF,qBACE,gCAAA,CAGF,+BACE,kBAAA,CACA,8BAAA,CAKF,yBACE,gCAAA,CAGF,0BACE,yBAAA,CAGF,wBACE,gCAAA,CAGF,sBACE,6BAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n\n height: 32px;\n\n border-radius: 4px;\n\n flex: none;\n order: 1;\n flex-grow: 0;\n\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n\n cursor: pointer;\n border: none;\n outline: none;\n @include applyBorderBox;\n\n &--default {\n color: var(--system);\n background-color: var(--main-elements);\n\n &:hover {\n background-color: var(--color-default-hover);\n }\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n background-color: var(--color-default-hover);\n color: var(--color-background-info);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--outlined {\n background-color: inherit;\n border: 1px solid var(--main-text);\n color: var(--main-text);\n\n &:hover {\n background-color: var(--outgoing-background);\n }\n\n &:focus {\n border: 2px solid var(--color-background-info);\n }\n\n &:active {\n border: 1px solid var(--main-elements);\n color: var(--main-elements);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n border: 1px solid var(--disabled-elements);\n color: var(--disabled-elements);\n }\n }\n\n &--danger {\n background-color: var(--error);\n color: var(--system);\n\n &:focus {\n outline: 2px solid var(--error-secondary);\n }\n\n &:active {\n color: var(--error-secondary);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--text {\n background-color: inherit;\n color: var(--main-elements);\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n color: var(--color-default-hover);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n color: var(--disabled-elements);\n }\n }\n\n &__loader {\n &--default {\n fill: var(--secondary-background);\n }\n\n &--outlined {\n fill: var(--main-elements);\n }\n\n &--danger {\n fill: var(--secondary-background);\n }\n\n &--text {\n fill: var(--disabled-elements);\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/DialogWindow/DialogWindow.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-window{left:0;top:0;width:100%;height:100%;z-index:100;position:fixed;background-color:var(--color-background-modal)}.dialog-window,.dialog-window *{box-sizing:border-box}.dialog-window--disable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:block}.dialog-window__content{width:380px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:24px;border-radius:4px;background-color:var(--main-background);box-shadow:0 9px 15px 0 rgba(0,0,0,.04),0 9px 46px 0 rgba(0,0,0,.08)}@media(max-width: 767px){.dialog-window__content{width:300px}}.dialog-window__header{margin-bottom:28px;padding:0px !important}.dialog-window__header svg{fill:var(--main-text)}.dialog-window__close{width:24px;height:24px;fill:var(--main-text);cursor:pointer}","",{version:3,sources:["webpack://./src/Presentation/ui-components/DialogWindow/DialogWindow.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,eACE,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,cAAA,CACA,8CAAA,CCRA,gCAEE,qBAAA,CDUF,wBACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,+BAAA,CACA,WAAA,CACA,aAAA,CAGF,wBACE,WAAA,CACA,iBAAA,CAEA,OAAA,CACA,QAAA,CACA,+BAAA,CAEA,YAAA,CACA,iBAAA,CACA,uCAAA,CACA,oEAAA,CAGA,yBAdF,wBAeI,WAAA,CAAA,CAIJ,uBACE,kBAAA,CACA,sBAAA,CAEA,2BACE,qBAAA,CAIJ,sBACE,UAAA,CACA,WAAA,CACA,qBAAA,CACA,cAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-window {\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n position: fixed;\n background-color: var(--color-background-modal);\n\n @include applyBorderBox;\n\n &--disable {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 100;\n display: block;\n }\n\n &__content {\n width: 380px;\n position: absolute;\n\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n padding: 24px;\n border-radius: 4px;\n background-color: var(--main-background);\n box-shadow: 0 9px 15px 0 rgba(0, 0, 0, 0.04),\n 0 9px 46px 0 rgba(0, 0, 0, 0.08);\n\n @media (max-width: 767px) {\n width: 300px;\n }\n }\n\n &__header {\n margin-bottom: 28px;\n padding: 0px !important;\n\n svg {\n fill: var(--main-text);\n }\n }\n\n &__close {\n width: 24px;\n height: 24px;\n fill: var(--main-text);\n cursor: pointer;\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/Header/Header.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-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Header/Header.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,eACE,UAAA,CACA,2BAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CCNA,gCAEE,qBAAA,CDQF,qBACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CAEA,yBACE,UAAA,CACA,WAAA,CACA,yBAAA,CAIJ,qBACE,sBAAA,CACA,qBAAA,CAGF,qBACE,UAAA,CACA,YAAA,CACA,QAAA,CACA,kBAAA,CACA,6BAAA,CACA,eAAA,CAEA,0BACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,OAAA,CACA,eAAA,CAGF,2BACE,WAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CAIJ,sBACE,+BAAA,CACA,eAAA,CACA,6BAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CAGF,qBACE,kBAAA,CACA,0CAAA,CACA,sBAAA,CAIJ,oEACE,0BACE,OAAA,CAAA,CAGJ,0CACE,qBACE,YAAA,CAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-header {\n width: 100%;\n padding: 12px 16px 12px 20px;\n display: flex;\n align-items: center;\n gap: 33px;\n\n @include applyBorderBox;\n\n &__icon {\n cursor: pointer;\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n\n svg {\n width: 24px;\n height: 24px;\n fill: var(--main-elements);\n }\n }\n\n &__back {\n color: var(--main-text);\n fill: var(--main-text);\n }\n\n &__body {\n width: 100%;\n display: flex;\n gap: 33px;\n align-items: center;\n justify-content: space-between;\n overflow: hidden;\n\n &-left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n overflow: hidden;\n }\n\n &-right {\n height: 24px;\n display: flex;\n align-items: center;\n gap: 16px;\n }\n }\n\n &__title {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-large);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &__line {\n border-style: solid;\n border-color: var(--color-divider, #e7efff);\n border-width: 0 0 1px 0;\n }\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-header__body-left {\n gap: 3px;\n }\n}\n@media only screen and (min-width: 981px) {\n .dialog-header__back {\n display: none;\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/Loader/Loader.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,".loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,QACE,mCAAA",sourcesContent:[".loader {\n &--sm {\n width: 24px;\n height: 24px;\n }\n\n &--md {\n width: 48px;\n height: 48px;\n }\n\n &--lg {\n width: 52px;\n height: 52px;\n }\n\n @keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n & {\n animation: rotate 1s infinite linear;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react-dom/cjs/react-dom.production.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var React=__webpack_require__("./node_modules/react/index.js");function formatProdErrorMessage(code){var url="https://react.dev/errors/"+code;if(1<arguments.length){url+="?args[]="+encodeURIComponent(arguments[1]);for(var i=2;i<arguments.length;i++)url+="&args[]="+encodeURIComponent(arguments[i])}return"Minified React error #"+code+"; visit "+url+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function noop(){}var Internals={d:{f:noop,r:function(){throw Error(formatProdErrorMessage(522))},D:noop,C:noop,L:noop,m:noop,X:noop,S:noop,M:noop},p:0,findDOMNode:null},REACT_PORTAL_TYPE=Symbol.for("react.portal");var ReactSharedInternals=React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function getCrossOriginStringAs(as,input){return"font"===as?"":"string"==typeof input?"use-credentials"===input?input:"":void 0}exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=Internals,exports.createPortal=function(children,container){var key=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!container||1!==container.nodeType&&9!==container.nodeType&&11!==container.nodeType)throw Error(formatProdErrorMessage(299));return function createPortal$1(children,containerInfo,implementation){var key=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:REACT_PORTAL_TYPE,key:null==key?null:""+key,children,containerInfo,implementation}}(children,container,null,key)},exports.flushSync=function(fn){var previousTransition=ReactSharedInternals.T,previousUpdatePriority=Internals.p;try{if(ReactSharedInternals.T=null,Internals.p=2,fn)return fn()}finally{ReactSharedInternals.T=previousTransition,Internals.p=previousUpdatePriority,Internals.d.f()}},exports.preconnect=function(href,options){"string"==typeof href&&(options?options="string"==typeof(options=options.crossOrigin)?"use-credentials"===options?options:"":void 0:options=null,Internals.d.C(href,options))},exports.prefetchDNS=function(href){"string"==typeof href&&Internals.d.D(href)},exports.preinit=function(href,options){if("string"==typeof href&&options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin),integrity="string"==typeof options.integrity?options.integrity:void 0,fetchPriority="string"==typeof options.fetchPriority?options.fetchPriority:void 0;"style"===as?Internals.d.S(href,"string"==typeof options.precedence?options.precedence:void 0,{crossOrigin,integrity,fetchPriority}):"script"===as&&Internals.d.X(href,{crossOrigin,integrity,fetchPriority,nonce:"string"==typeof options.nonce?options.nonce:void 0})}},exports.preinitModule=function(href,options){if("string"==typeof href)if("object"==typeof options&&null!==options){if(null==options.as||"script"===options.as){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.M(href,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0})}}else null==options&&Internals.d.M(href)},exports.preload=function(href,options){if("string"==typeof href&&"object"==typeof options&&null!==options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin);Internals.d.L(href,as,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0,type:"string"==typeof options.type?options.type:void 0,fetchPriority:"string"==typeof options.fetchPriority?options.fetchPriority:void 0,referrerPolicy:"string"==typeof options.referrerPolicy?options.referrerPolicy:void 0,imageSrcSet:"string"==typeof options.imageSrcSet?options.imageSrcSet:void 0,imageSizes:"string"==typeof options.imageSizes?options.imageSizes:void 0,media:"string"==typeof options.media?options.media:void 0})}},exports.preloadModule=function(href,options){if("string"==typeof href)if(options){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.m(href,{as:"string"==typeof options.as&&"script"!==options.as?options.as:void 0,crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0})}else Internals.d.m(href)},exports.requestFormReset=function(form){Internals.d.r(form)},exports.unstable_batchedUpdates=function(fn,a){return fn(a)},exports.useFormState=function(action,initialState,permalink){return ReactSharedInternals.H.useFormState(action,initialState,permalink)},exports.useFormStatus=function(){return ReactSharedInternals.H.useHostTransitionStatus()},exports.version="19.0.0"},"./node_modules/react-dom/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";!function checkDCE(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE)}catch(err){console.error(err)}}(),module.exports=__webpack_require__("./node_modules/react-dom/cjs/react-dom.production.js")},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),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),Button=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.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()(Button.A,options);Button.A&&Button.A.locals&&Button.A.locals;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function Button_Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return react.createElement("button",_extends({className:classnames_default()("button",`button--${variant}`,{"button--disabled":disabled},className),disabled:disabled||loading},rest),loading&&!disabled?react.createElement(Loader.A,{className:classnames_default()("button__loader",`button__loader--${variant}`)}):children)}Button_Button_Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'danger' | 'text'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'text'"}]},description:"",defaultValue:{value:"'default'",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""}},composes:["HTMLButtonProps"]}},"./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogWindowDefault:()=>DialogWindowDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogWindow_stories});var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Header=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),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),DialogWindow=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogWindow/DialogWindow.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()(DialogWindow.A,options);DialogWindow.A&&DialogWindow.A.locals&&DialogWindow.A.locals;function DialogWindow_DialogWindow_DialogWindow(_ref){let{children,onClose,open=!1,title,className,disableActions=!1}=_ref;return open?(0,react_dom.createPortal)(react.createElement("div",{className:classnames_default()("dialog-window",className)},react.createElement("div",{className:classnames_default()("",{"dialog-window--disable":disableActions})}),react.createElement("div",{className:"dialog-window__content"},react.createElement(Header.A,{className:"dialog-window__header",title},react.createElement(icons.X6,{onClick:onClose,className:"dialog-window__close"})),children)),document.body):null}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");const DialogWindow_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/DialogWindow",component:DialogWindow_DialogWindow_DialogWindow,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0,open:!1,title:"",className:"",onClose:void 0},argTypes:{title:{table:{defaultValue:{summary:""},type:{summary:"string"}},description:"Title for modal window"},children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactElement | ReactElement[]"}},description:"Primary content"},open:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Open modal window"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"},onClose:{table:{type:{summary:"VoidFunction"}},description:"closes the modal window"},disableActions:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}}}}};function DialogWindowExample(){const[isOpen,setIsOpen]=(0,react.useState)(!1),handleOnChange=()=>{setIsOpen((state=>!state))};return react.createElement("div",null,react.createElement(Button.A,{onClick:handleOnChange,type:"button"},"Button"),react.createElement(DialogWindow_DialogWindow_DialogWindow,{open:isOpen,title:"Headline",onClose:handleOnChange},react.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-end",marginTop:"48px",gap:"8px"}},react.createElement(Button.A,{variant:"outlined",onClick:handleOnChange},"Button"),react.createElement(Button.A,{variant:"danger",onClick:handleOnChange},"Button"))))}const DialogWindowDefault={name:"DialogWindow Default",render:()=>react.createElement(DialogWindowExample,null)},__namedExportsOrder=["DialogWindowDefault"];DialogWindowDefault.parameters={...DialogWindowDefault.parameters,docs:{...DialogWindowDefault.parameters?.docs,source:{originalSource:"{\n name: 'DialogWindow Default',\n render: () => <DialogWindowExample />\n}",...DialogWindowDefault.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ui_components_Header_Header});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),Header=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Header/Header.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()(Header.A,options);Header.A&&Header.A.locals&&Header.A.locals;const Header_Header_Header=_ref=>{let{title,avatar,badge,children,onGoBack,className}=_ref;return react.createElement("div",{className:classnames_default()("dialog-header",className)},onGoBack&&react.createElement(icons.oV,{className:"dialog-header__icon dialog-header__back",onClick:onGoBack}),react.createElement("div",{className:"dialog-header__body"},react.createElement("div",{className:"dialog-header__body-left"},avatar,react.createElement("span",{className:"dialog-header__title"},title),badge),children&&react.createElement("div",{className:"dialog-header__body-right"},react.Children.map(children,(child=>react.createElement("span",{className:"dialog-header__icon"},child))))))},ui_components_Header_Header=Header_Header_Header;Header_Header_Header.__docgenInfo={description:"",methods:[],displayName:"Header",props:{title:{required:!0,tsType:{name:"string"},description:""},avatar:{required:!1,tsType:{name:"ReactElement"},description:""},badge:{required:!1,tsType:{name:"ReactElement"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | ReactElement[]",elements:[{name:"ReactElement"},{name:"Array",elements:[{name:"ReactElement"}],raw:"ReactElement[]"}]},description:""},onGoBack:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader_Loader_Loader});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),Loader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.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()(Loader.A,options);Loader.A&&Loader.A.locals&&Loader.A.locals;function Loader_Loader_Loader(_ref){let{className,size="md"}=_ref;return react.createElement(icons.iO,{className:classnames_default()("loader",size&&`loader--${size}`,className)})}Loader_Loader_Loader.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{size:{required:!1,tsType:{name:"union",raw:"'sm' | 'md' | 'lg'",elements:[{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! For license information please see Presentation-ui-components-Message-Message-stories.49f0dbbf.iframe.bundle.js.LICENSE.txt */
|
|
2
|
+
(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[515],{"./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/Views/Dialog/Message/HighLightLink/HighLightLink.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,'.high-light-link-container{display:flex;flex-direction:column;align-items:flex-start;padding:0px;width:240px;height:70px;background:#e4e6e8;border-radius:8px;flex:none;order:0;flex-grow:0}.high-light-link-container--header-wrapper{display:flex;flex-direction:row;align-items:center;padding:6px 16px;width:240px;height:32px;flex:none;order:0;align-self:stretch;flex-grow:0}.high-light-link-container--header-wrapper__link_url{width:208px;height:20px;text-decoration:none;cursor:pointer;font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.25px;color:#636d78;flex:none;order:0;flex-grow:1}.high-light-link-container--footer-wrapper{display:flex;flex-direction:row;align-items:center;padding:8px 16px;width:240px;height:32px;flex:none;order:4;align-self:stretch;flex-grow:0}.high-light-link-container--footer-wrapper__content{width:208px;height:16px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:11px;line-height:16px;display:flex;align-items:center;letter-spacing:.5px;color:#636d78;flex:none;order:0;flex-grow:1}.message-urls{max-width:calc(var(--max-width-message-bubble) - 20px);overflow-wrap:break-word}',"",{version:3,sources:["webpack://./src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.scss"],names:[],mappings:"AAAA,2BACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,WAAA,CAEA,WAAA,CACA,WAAA,CAEA,kBAAA,CACA,iBAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAEA,2CACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CACA,WAAA,CAEA,SAAA,CACA,OAAA,CACA,kBAAA,CACA,WAAA,CAEA,qDACE,WAAA,CACA,WAAA,CAEA,oBAAA,CACA,cAAA,CAEA,oBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,YAAA,CACA,kBAAA,CACA,oBAAA,CAEA,aAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAIJ,2CACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CACA,WAAA,CAEA,SAAA,CACA,OAAA,CACA,kBAAA,CACA,WAAA,CAEA,oDACE,WAAA,CACA,WAAA,CAEA,oBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,YAAA,CACA,kBAAA,CACA,mBAAA,CAEA,aAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAKN,cACE,sDAAA,CACA,wBAAA",sourcesContent:[".high-light-link-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n\n width: 240px;\n height: 70px;\n\n background: #E4E6E8;\n border-radius: 8px;\n\n flex: none;\n order: 0;\n flex-grow: 0;\n\n &--header-wrapper{\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 6px 16px;\n\n width: 240px;\n height: 32px;\n\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n\n &__link_url{\n width: 208px;\n height: 20px;\n\n text-decoration: none;\n cursor: pointer;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.25px;\n\n color: #636D78;\n\n flex: none;\n order: 0;\n flex-grow: 1;\n }\n }\n\n &--footer-wrapper{\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 8px 16px;\n\n width: 240px;\n height: 32px;\n\n flex: none;\n order: 4;\n align-self: stretch;\n flex-grow: 0;\n\n &__content{\n width: 208px;\n height: 16px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: 16px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.5px;\n\n color: #636D78;\n\n flex: none;\n order: 0;\n flex-grow: 1;\n }\n }\n}\n\n.message-urls {\n max-width: calc(var(--max-width-message-bubble) - 20px);\n overflow-wrap: break-word;\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/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/CheckBox/CheckBox.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,".checkbox,.checkbox-field{display:flex;align-items:center;flex-shrink:0;border-radius:4px;padding:4px;justify-content:center}.checkbox-field>input{z-index:-1;opacity:0}.checkbox-field .icon-checkmark{width:18px;height:18px;fill:var(--main-elements)}.checkbox-field .icon-check{width:18px;height:18px;fill:var(--secondary-elements)}.checkbox-field.disabled .icon-check{fill:var(--disabled-elements);cursor:not-allowed}","",{version:3,sources:["webpack://./src/Presentation/ui-components/CheckBox/CheckBox.scss"],names:[],mappings:"AAAA,0BACE,YAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CACA,WAAA,CACA,sBAAA,CAKF,sBAEE,UAAA,CACA,SAAA,CAGF,gCAEE,UAAA,CACA,WAAA,CACA,yBAAA,CAIF,4BAEE,UAAA,CACA,WAAA,CACA,8BAAA,CAGF,qCACE,6BAAA,CACA,kBAAA",sourcesContent:[".checkbox, .checkbox-field {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n border-radius: 4px;\n padding: 4px;\n justify-content: center;\n //width: 18px;\n //height: 18px;\n}\n\n.checkbox-field > input {\n //position: fixed;\n z-index: -1;\n opacity: 0;\n}\n\n.checkbox-field .icon-checkmark {\n //position: fixed;\n width: 18px;\n height: 18px;\n fill: var(--main-elements);\n\n}\n\n.checkbox-field .icon-check {\n //position: fixed;\n width: 18px;\n height: 18px;\n fill: var(--secondary-elements);\n}\n\n.checkbox-field.disabled .icon-check{\n fill: var(--disabled-elements);\n cursor: not-allowed;\n}\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/Message/Bubble/AudioBubble/AudioBubble.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,".audio-player{display:flex;gap:5px;flex-direction:row;align-items:center}.audio-player__equalizer-time{display:flex;flex-direction:column;gap:2px}.audio-body{padding:5px;border-radius:4px;display:none;width:var(--max-width-audio-message)}.audio-body__controls{display:flex;flex-flow:row;align-items:center;gap:5px;width:24px;height:24px}.audio-body__controls--color{fill:var(--main-elements);width:24px;height:24px}.equalizer{display:flex;flex-direction:row;gap:2px;align-items:flex-end;justify-content:flex-start;position:relative;height:12px}.equalizer__rectangle{background:var(--main-elements, #636d78);flex-shrink:0;width:2px;position:relative}.time-play{color:var(--secondary-text, #636d78);text-align:left;font:var(--label-label-small);height:16px}.audio-bubble-background__incoming{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.audio-bubble-background__outgoing{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.scss"],names:[],mappings:"AAAA,cACE,YAAA,CACA,OAAA,CACA,kBAAA,CACA,kBAAA,CAEA,8BACE,YAAA,CACA,qBAAA,CACA,OAAA,CAGJ,YACE,WAAA,CACA,iBAAA,CACA,YAAA,CACA,oCAAA,CAEA,sBACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,OAAA,CACA,UAAA,CACA,WAAA,CAEA,6BACE,yBAAA,CACA,UAAA,CACA,WAAA,CAKN,WACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,oBAAA,CACA,0BAAA,CACA,iBAAA,CACA,WAAA,CAEA,sBACE,wCAAA,CACA,aAAA,CACA,SAAA,CACA,iBAAA,CAIJ,WACE,oCAAA,CACA,eAAA,CACA,6BAAA,CACA,WAAA,CAKA,mCACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAGF,mCACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA",sourcesContent:[".audio-player {\n display: flex;\n gap: 5px;\n flex-direction: row;\n align-items: center;\n\n &__equalizer-time {\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n}\n.audio-body{\n padding: 5px;\n border-radius: 4px;\n display: none;\n width: var(--max-width-audio-message);\n\n &__controls {\n display: flex;\n flex-flow: row;\n align-items: center;\n gap: 5px;\n width: 24px;\n height: 24px;\n\n &--color{\n fill: var(--main-elements);\n width: 24px;\n height: 24px;\n }\n }\n}\n\n.equalizer {\n display: flex;\n flex-direction: row;\n gap: 2px;\n align-items: flex-end;\n justify-content: flex-start;\n position: relative;\n height: 12px;\n\n &__rectangle {\n background: var(--main-elements, #636d78);\n flex-shrink: 0;\n width: 2px;\n position: relative;\n }\n}\n\n.time-play {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--label-label-small);\n height: 16px;\n}\n\n.audio-bubble-background {\n\n &__incoming {\n background: var(--incoming-background, #e4e6e8);\n border-radius: 22px 22px 22px 0px;\n padding: 8px 12px 8px 12px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n }\n\n &__outgoing {\n background: var(--outgoing-background, #E7EFFF);\n border-radius: 22px 22px 0px 22px;\n padding: 8px 12px 8px 12px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n }\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/Message/Bubble/FileBubble/FileBubble.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,".file-bubble-background__incoming{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.file-bubble-background__outgoing{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.scss"],names:[],mappings:"AAEE,kCACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAGF,kCACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA",sourcesContent:[".file-bubble-background {\n\n &__incoming {\n background: var(--incoming-background, #e4e6e8);\n border-radius: 22px 22px 22px 0px;\n padding: 8px 12px 8px 12px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n }\n\n &__outgoing {\n background: var(--outgoing-background, #E7EFFF);\n border-radius: 22px 22px 0px 22px;\n padding: 8px 12px 8px 12px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n }\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/Message/Bubble/ImageBubble/ImageBubble.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,'.message-attachment-image-body{max-width:var(--max-width-image-message);max-height:160px;padding:0;border-radius:4px}.message-attachment-image{display:flex;justify-content:center;flex-flow:row;max-width:var(--max-width-image-message);max-height:160px;font:var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif);color:var(--main-tex, #0b1b0f)}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.scss"],names:[],mappings:"AAAA,+BACE,wCAAA,CACA,gBAAA,CACA,SAAA,CACA,iBAAA,CAGF,0BACE,YAAA,CACA,sBAAA,CACA,aAAA,CACA,wCAAA,CACA,gBAAA,CACA,wEAAA,CACA,8BAAA",sourcesContent:['.message-attachment-image-body{\n max-width: var(--max-width-image-message);\n max-height: 160px;\n padding: 0;\n border-radius: 4px;\n}\n\n.message-attachment-image {\n display: flex;\n justify-content: center;\n flex-flow: row;\n max-width: var(--max-width-image-message);\n max-height: 160px;\n font: var(--body-body-medium, 400 14px / 20px "Roboto-Regular", sans-serif);\n color: var(--main-tex, #0b1b0f);\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/Message/Bubble/TextBubble/TextBubble.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,'.bubble-content-text{overflow-wrap:break-word;max-width:calc(var(--max-width-message-bubble) - 20px);padding:0 12px 0 12px;color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif)}.reply-forward-message .bubble-content-text{color:var(--secondary-text)}.text-bubble-background__incoming{background:var(--incoming-background, #e4e6e8);color:var(--main-text);border-radius:22px 22px 22px 0;padding:8px 0 8px 0;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}.text-bubble-background__outgoing{background:var(--outgoing-background, #E7EFFF);color:var(--main-text);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.scss"],names:[],mappings:"AAAA,qBACE,wBAAA,CACA,sDAAA,CACA,qBAAA,CAEA,+BAAA,CACA,eAAA,CACA,wEAAA,CAIA,4CACE,2BAAA,CAMF,kCACE,8CAAA,CACA,sBAAA,CACA,8BAAA,CACA,mBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CAGF,kCACE,8CAAA,CACA,sBAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA",sourcesContent:['.bubble-content-text {\n overflow-wrap: break-word;\n max-width: calc(var(--max-width-message-bubble) - 20px);\n padding: 0 12px 0 12px;\n\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif);\n}\n\n.reply-forward-message {\n .bubble-content-text {\n color: var(--secondary-text);\n }\n}\n\n.text-bubble-background {\n\n &__incoming {\n background: var(--incoming-background, #e4e6e8);\n color: var(--main-text);\n border-radius: 22px 22px 22px 0;\n padding: 8px 0 8px 0;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n width: 100%;\n }\n\n &__outgoing {\n background: var(--outgoing-background, #E7EFFF);\n color: var(--main-text);\n border-radius: 22px 22px 0px 22px;\n padding: 8px 12px 8px 12px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n width: 100%;\n }\n\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/Message/Bubble/VideoBubble/VideoBubble.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,".message-attachment-video-body{max-height:130px;max-width:var(--max-width-audio-message);width:var(--max-width-audio-message);padding:0;border-radius:4px}.message-attachment-video-body__link{color:var(--secondary-text, #636d78);text-align:left;font:var(--label-label-small);height:16px}.message-attachment-video{display:flex;justify-content:center;align-items:center;flex-flow:column;max-width:var(--max-width-audio-message);width:var(--max-width-audio-message);max-height:160px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.scss"],names:[],mappings:"AAAA,+BACE,gBAAA,CACA,wCAAA,CACA,oCAAA,CACA,SAAA,CACA,iBAAA,CAEA,qCACE,oCAAA,CACA,eAAA,CACA,6BAAA,CACA,WAAA,CAIJ,0BACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,wCAAA,CACA,oCAAA,CACA,gBAAA",sourcesContent:[".message-attachment-video-body{\n max-height: 130px;\n max-width: var(--max-width-audio-message);\n width: var(--max-width-audio-message);\n padding: 0;\n border-radius: 4px;\n\n &__link {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--label-label-small);\n height: 16px;\n }\n}\n\n.message-attachment-video {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-flow: column;\n //max-width: 300px;\n max-width: var(--max-width-audio-message);\n width: var(--max-width-audio-message);\n max-height: 160px;\n}\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/Message/FileUrl/FileUrl.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,".file-attachment{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.file-attachment__placeholder{flex-shrink:0;width:32px;height:32px;position:static}.file-attachment__placeholder__bg{background:var(--tertiary-elements, #636d78);border-radius:8px;width:32px;height:32px;position:absolute;left:0px;top:0px}.file-attachment__placeholder__bg__icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;width:24px;height:24px}.file-attachment__file-name{color:var(--secondary-text, #636d78);text-align:left;font:var(--body-body-medium);position:relative}.message-icon-file{align-self:stretch;flex:1;height:auto;position:relative;overflow:visible;fill:var(--color-media-icon, #ffffff)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/FileUrl/FileUrl.scss"],names:[],mappings:"AAAA,iBACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,0BAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CAEA,8BACE,aAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CAEA,kCACE,4CAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,QAAA,CACA,OAAA,CAEA,wCACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,WAAA,CAKN,4BACE,oCAAA,CACA,eAAA,CACA,4BAAA,CACA,iBAAA,CAIJ,mBACE,kBAAA,CACA,MAAA,CACA,WAAA,CACA,iBAAA,CACA,gBAAA,CACA,qCAAA",sourcesContent:[".file-attachment {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n\n &__placeholder {\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: static;\n\n &__bg {\n background: var(--tertiary-elements, #636d78);\n border-radius: 8px;\n width: 32px;\n height: 32px;\n position: absolute;\n left: 0px;\n top: 0px;\n\n &__icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n }\n }\n }\n\n &__file-name {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-medium);\n position: relative;\n }\n}\n\n.message-icon-file {\n align-self: stretch;\n flex: 1;\n height: auto;\n position: relative;\n overflow: visible;\n fill: var(--color-media-icon, #ffffff);\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/Message/Message.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,".message-item{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.message-item__right{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%}.message-item__more{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;cursor:pointer}.message-item__more__icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.message-item__more__icon__actions{fill:var(--tertiary-elements, #636D78);path:var(--tertiary-elements, #636D78)}.message-item__outgoing{padding:0px 8px 8px 16px;display:flex;flex-direction:row;gap:8px;justify-content:flex-end;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__outgoing__chat{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__outgoing__chat__bubble-background{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}.message-item__outgoing__chat .reply-forward-message{color:var(--secondary-text);width:100%}.message-item__incoming-mes{background:var(--secondary-background, #ffffff);padding:0px 16px 8px 8px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__incoming{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-end}.message-item__incoming__chat{display:flex;flex-direction:row;gap:8px}.message-item__incoming__chat__bubble{display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:flex-end;flex-shrink:0;position:relative}.message-item__incoming__chat__bubble__background{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Message.scss"],names:[],mappings:"AAAA,cACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,0BAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CAEA,qBACE,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,wBAAA,CACA,UAAA,CAGF,oBACE,YAAA,CACA,kBAAA,CACA,QAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CACA,cAAA,CAEA,0BACE,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CAGA,mCACE,sCAAA,CACA,sCAAA,CAKN,wBACE,wBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,wBAAA,CACA,kBAAA,CACA,aAAA,CACA,WAAA,CACA,iBAAA,CAEA,8BACE,YAAA,CACA,qBAAA,CACA,OAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEA,iDACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CAEF,qDACE,2BAAA,CACA,UAAA,CAKN,4BACE,+CAAA,CACA,wBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,oBAAA,CACA,0BAAA,CACA,kBAAA,CACA,aAAA,CACA,WAAA,CACA,iBAAA,CAGF,wBACE,YAAA,CACA,qBAAA,CACA,OAAA,CACA,sBAAA,CACA,wBAAA,CAEA,8BACE,YAAA,CACA,kBAAA,CACA,OAAA,CAEA,sCACE,YAAA,CACA,qBAAA,CACA,OAAA,CACA,oBAAA,CACA,wBAAA,CACA,aAAA,CACA,iBAAA,CAEA,kDACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA",sourcesContent:[".message-item {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n\n &__right {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-end;\n width: 100%;\n }\n\n &__more {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: center;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n cursor: pointer;\n\n &__icon {\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n //padding-bottom: 10px;\n\n &__actions {\n fill: var(--tertiary-elements, #636D78);\n path: var(--tertiary-elements, #636D78);\n }\n }\n }\n\n &__outgoing {\n padding: 0px 8px 8px 16px;\n display: flex;\n flex-direction: row;\n gap: 8px;\n justify-content: flex-end;\n align-self: stretch;\n flex-shrink: 0;\n width: 320px;\n position: relative;\n\n &__chat {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n\n &__bubble-background {\n background: var(--outgoing-background, #E7EFFF);\n border-radius: 22px 22px 0px 22px;\n padding: 8px 12px 8px 12px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n width: 100%;\n }\n .reply-forward-message {\n color: var(--secondary-text);\n width: 100%;\n }\n }\n }\n\n &__incoming-mes {\n background: var(--secondary-background, #ffffff);\n padding: 0px 16px 8px 8px;\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-end;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n width: 320px;\n position: relative;\n }\n\n &__incoming {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-end;\n\n &__chat {\n display: flex;\n flex-direction: row;\n gap: 8px;\n\n &__bubble {\n display: flex;\n flex-direction: column;\n gap: 4px;\n align-items: flex-end;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n\n &__background {\n background: var(--incoming-background, #e4e6e8);\n border-radius: 22px 22px 22px 0px;\n padding: 8px 12px 8px 12px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n }\n }\n }\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/Message/MessageCaption/MessageCaption.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,".message-caption__user{padding:0px 16px 0px 16px;display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-caption__user__caption{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.message-caption__user__caption__name{color:var(--secondary-text, #636d78);text-align:left;font:var(--label-label-medium);position:relative}.message-caption__forward-reply{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.message-caption__forward-reply--reply{width:16px;height:16px;align-self:stretch;flex:1;position:relative;overflow:visible;fill:var(--tertiary-elements, #636d78)}.message-caption__forward-reply--forward{width:16px;height:16px;align-self:stretch;flex:1;position:relative;overflow:visible;fill:var(--tertiary-elements, #636d78)}.message-caption__forward-reply__icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;position:relative}.message-caption__forward-reply__icon--filled{align-self:stretch;flex:1;height:auto;position:relative;overflow:visible;fill:var(--tertiary-elements, #636d78)}.message-caption__forward-reply__from{color:var(--tertiary-elements, #636d78);text-align:left;font:var(--label-label-medium);position:relative}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/MessageCaption/MessageCaption.scss"],names:[],mappings:"AAEE,uBACE,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEA,gCACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEA,sCACE,oCAAA,CACA,eAAA,CACA,8BAAA,CACA,iBAAA,CAKN,gCACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEA,uCACE,UAAA,CACA,WAAA,CACA,kBAAA,CACA,MAAA,CACA,iBAAA,CACA,gBAAA,CACA,sCAAA,CAGF,yCACE,UAAA,CACA,WAAA,CACA,kBAAA,CACA,MAAA,CACA,iBAAA,CACA,gBAAA,CACA,sCAAA,CAGF,sCACE,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CAEA,8CACE,kBAAA,CACA,MAAA,CACA,WAAA,CACA,iBAAA,CACA,gBAAA,CACA,sCAAA,CAIJ,sCACE,uCAAA,CACA,eAAA,CACA,8BAAA,CACA,iBAAA",sourcesContent:[".message-caption {\n\n &__user {\n padding: 0px 16px 0px 16px;\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n\n &__caption {\n display: flex;\n flex-direction: row;\n gap: 2px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n\n &__name {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--label-label-medium);\n position: relative;\n }\n }\n }\n\n &__forward-reply {\n display: flex;\n flex-direction: row;\n gap: 2px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n\n &--reply {\n width: 16px;\n height: 16px;\n align-self: stretch;\n flex: 1;\n position: relative;\n overflow: visible;\n fill: var(--tertiary-elements, #636d78);\n }\n\n &--forward {\n width: 16px;\n height: 16px;\n align-self: stretch;\n flex: 1;\n position: relative;\n overflow: visible;\n fill: var(--tertiary-elements, #636d78);\n }\n\n &__icon {\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n position: relative;\n\n &--filled {\n align-self: stretch;\n flex: 1;\n height: auto;\n position: relative;\n overflow: visible;\n fill: var(--tertiary-elements, #636d78);\n }\n }\n\n &__from {\n color: var(--tertiary-elements, #636d78);\n text-align: left;\n font: var(--label-label-medium);\n position: relative;\n }\n }\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/Message/TimeAndStatus/TimeAndStatus.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,".time-status{background:var(--main-background, #ffffff);padding:0px 8px 8px 16px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-end;align-self:stretch;flex-shrink:0;width:320px;position:relative}.time-status__caption{display:flex;gap:2px;align-items:flex-end;flex-shrink:0}.time-status__caption__status{width:13px;height:13px}.time-status__time{color:var(--tertiary-elements, #636d78);text-align:left;font:var(--label-label-small);position:relative}.status-message--sent{fill:var(--tertiary-elements, #636D78)}.status-message--delivered{fill:var(--tertiary-elements, #636D78)}.status-message--viewed{fill:var(--main-elements, #3978fc)}.status-message--error{fill:var(--error, #FF3B30)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.scss"],names:[],mappings:"AAAA,aACE,0CAAA,CACA,wBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CACA,aAAA,CACA,WAAA,CACA,iBAAA,CAEA,sBACE,YAAA,CACA,OAAA,CACA,oBAAA,CACA,aAAA,CAEA,8BACE,UAAA,CACA,WAAA,CAGJ,mBACE,uCAAA,CACA,eAAA,CACA,6BAAA,CACA,iBAAA,CAMF,sBACE,sCAAA,CAGF,2BACE,sCAAA,CAGF,wBACE,kCAAA,CAGF,uBACE,0BAAA",sourcesContent:[".time-status {\n background: var(--main-background, #ffffff);\n padding: 0px 8px 8px 16px;\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-end;\n justify-content: flex-end;\n align-self: stretch;\n flex-shrink: 0;\n width: 320px;\n position: relative;\n\n &__caption {\n display: flex;\n gap: 2px;\n align-items: flex-end;\n flex-shrink: 0;\n\n &__status {\n width: 13px;\n height: 13px;\n }\n }\n &__time {\n color: var(--tertiary-elements, #636d78);\n text-align: left;\n font: var(--label-label-small);\n position: relative;\n // padding-bottom: 10px;\n }\n}\n\n.status-message {\n &--sent {\n fill: var(--tertiary-elements, #636D78);\n }\n\n &--delivered {\n fill: var(--tertiary-elements, #636D78);\n }\n\n &--viewed {\n fill: var(--main-elements, #3978fc);\n }\n\n &--error {\n fill: var(--error, #FF3B30);\n }\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/CheckBox/CheckBox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>CheckBox_CheckBox_CheckBox});var react=__webpack_require__("./node_modules/react/index.js"),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),CheckBox=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/CheckBox/CheckBox.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()(CheckBox.A,options);CheckBox.A&&CheckBox.A.locals&&CheckBox.A.locals;var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts");function CheckBox_CheckBox_CheckBox(_ref){let{disabled,checked,onChange}=_ref;return react.createElement("label",{className:classnames_default()("checkbox-field",{disabled})},checked?react.createElement(icons.uM,{className:"icon-checkmark"}):react.createElement(icons.av,{className:"icon-check"}),react.createElement("input",{type:"checkbox",onChange:()=>onChange?.(!checked),disabled}))}CheckBox_CheckBox_CheckBox.__docgenInfo={description:"",methods:[],displayName:"CheckBox",props:{disabled:{required:!0,tsType:{name:"boolean"},description:""},checked:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(isSelected: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"isSelected"}],return:{name:"void"}}},description:""}}}},"./src/Presentation/ui-components/Message/Message.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MessageFile:()=>MessageFile,MessageImage:()=>MessageImage,MessageText:()=>MessageText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Message_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),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),CheckBox=__webpack_require__("./src/Presentation/ui-components/CheckBox/CheckBox.tsx"),forward_filledreact=__webpack_require__("./src/Presentation/icons/actions/forward-filled.svg?react"),reply_filledreact=__webpack_require__("./src/Presentation/icons/actions/reply-filled.svg?react"),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),MessageCaption=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/MessageCaption/MessageCaption.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()(MessageCaption.A,options);MessageCaption.A&&MessageCaption.A.locals&&MessageCaption.A.locals;const subtypeIconDictionary={forward:forward_filledreact.A,reply:reply_filledreact.A};function MessageCaption_MessageCaption_MessageCaption(_ref){let{type,subtype,userName}=_ref;return react.createElement("div",{className:"message-caption__user__caption"},react.createElement("div",{className:"message-caption__forward-reply"},subtype&&(subtype=>{const SubTypeIcon=subtypeIconDictionary[subtype];return react.createElement(SubTypeIcon,{className:`message-caption__forward-reply--${subtype}`})})(subtype),react.createElement("span",{className:"message-caption__forward-reply__from"},"forward"===subtype&&"Forwarded from ","reply"===subtype&&"Replied to ")),("incoming"===type||"reply"===subtype||"forward"===subtype)&&react.createElement("div",{className:"message-caption__user__caption__name"},userName))}MessageCaption_MessageCaption_MessageCaption.__docgenInfo={description:"",methods:[],displayName:"MessageCaption",props:{type:{required:!0,tsType:{name:"union",raw:"'outgoing' | 'incoming'",elements:[{name:"literal",value:"'outgoing'"},{name:"literal",value:"'incoming'"}]},description:""},subtype:{required:!1,tsType:{name:"union",raw:"'reply' | 'forward'",elements:[{name:"literal",value:"'reply'"},{name:"literal",value:"'forward'"}]},description:""},userName:{required:!0,tsType:{name:"string"},description:""}}};var sentreact=__webpack_require__("./src/Presentation/icons/status/sent.svg?react"),viewed_deliveredreact=__webpack_require__("./src/Presentation/icons/status/viewed-delivered.svg?react"),errorreact=__webpack_require__("./src/Presentation/icons/status/error.svg?react"),TimeAndStatus=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.scss"),TimeAndStatus_options={};TimeAndStatus_options.styleTagTransform=styleTagTransform_default(),TimeAndStatus_options.setAttributes=setAttributesWithoutAttributes_default(),TimeAndStatus_options.insert=insertBySelector_default().bind(null,"head"),TimeAndStatus_options.domAPI=styleDomAPI_default(),TimeAndStatus_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(TimeAndStatus.A,TimeAndStatus_options);TimeAndStatus.A&&TimeAndStatus.A.locals&&TimeAndStatus.A.locals;const statusIconDictionary={sent:sentreact.A,delivered:viewed_deliveredreact.A,viewed:viewed_deliveredreact.A,error:errorreact.A};function TimeAndStatus_TimeAndStatus_TimeAndStatus(_ref){let{status,time}=_ref;const StatusIcon=statusIconDictionary[status];return react.createElement("div",{className:"time-status__caption"},status&&react.createElement("div",{className:"time-status__caption__status"},react.createElement(StatusIcon,{className:`status-message--${status}`})),react.createElement("div",{className:"time-status__time"},time))}TimeAndStatus_TimeAndStatus_TimeAndStatus.__docgenInfo={description:"",methods:[],displayName:"TimeAndStatus",props:{status:{required:!1,tsType:{name:"union",raw:"'sent' | 'delivered' | 'viewed' | 'error'",elements:[{name:"literal",value:"'sent'"},{name:"literal",value:"'delivered'"},{name:"literal",value:"'viewed'"},{name:"literal",value:"'error'"}]},description:""},time:{required:!0,tsType:{name:"string"},description:""}}};var Message=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Message.scss"),Message_options={};Message_options.styleTagTransform=styleTagTransform_default(),Message_options.setAttributes=setAttributesWithoutAttributes_default(),Message_options.insert=insertBySelector_default().bind(null,"head"),Message_options.domAPI=styleDomAPI_default(),Message_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Message.A,Message_options);Message.A&&Message.A.locals&&Message.A.locals;function Message_Message_Message(_ref){let{userName,avatar=react.createElement(Avatar.A,null),time,type,status,subtype,enableSelect=!1,isSelect=!1,disabled=!1,onSelect,bottomPart,additionalPart,children}=_ref;return react.createElement("div",{className:"message-item"},enableSelect&&react.createElement(CheckBox.A,{disabled,checked:isSelect,onChange:onSelect}),"outgoing"===type?react.createElement("div",{className:"message-item__right"},react.createElement("div",{className:"message-item__outgoing"},react.createElement(TimeAndStatus_TimeAndStatus_TimeAndStatus,{status,time}),additionalPart,react.createElement("div",{className:"message-item__outgoing__chat"},react.createElement(MessageCaption_MessageCaption_MessageCaption,{type,subtype,userName}),react.createElement("div",{className:classnames_default()(null,{"reply-forward-message":"reply"===subtype||"forward"===subtype})},children)))):react.createElement(react.Fragment,null,react.createElement("div",{className:"message-item__incoming-mes"},avatar,react.createElement("div",{className:"message-item__incoming"},react.createElement(MessageCaption_MessageCaption_MessageCaption,{type,subtype,userName}),react.createElement("div",{className:"message-item__incoming__chat"},react.createElement("div",{className:"message-item__incoming__chat__bubble"},"reply"===subtype||"forward"===subtype?react.createElement("div",{className:"reply-forward-message"},children):children,bottomPart),additionalPart,react.createElement(TimeAndStatus_TimeAndStatus_TimeAndStatus,{time}))))))}Message_Message_Message.__docgenInfo={description:"",methods:[],displayName:"Message",props:{userName:{required:!0,tsType:{name:"string"},description:""},avatar:{required:!1,tsType:{name:"ReactElement"},description:"",defaultValue:{value:"<Avatar />",computed:!1}},time:{required:!0,tsType:{name:"string"},description:""},type:{required:!0,tsType:{name:"union",raw:"'outgoing' | 'incoming'",elements:[{name:"literal",value:"'outgoing'"},{name:"literal",value:"'incoming'"}]},description:""},subtype:{required:!1,tsType:{name:"union",raw:"'reply' | 'forward'",elements:[{name:"literal",value:"'reply'"},{name:"literal",value:"'forward'"}]},description:""},status:{required:!1,tsType:{name:"union",raw:"'sent' | 'delivered' | 'viewed' | 'error'",elements:[{name:"literal",value:"'sent'"},{name:"literal",value:"'delivered'"},{name:"literal",value:"'viewed'"},{name:"literal",value:"'error'"}]},description:""},enableSelect:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isSelect:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"(isSelected: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"isSelected"}],return:{name:"void"}}},description:""},bottomPart:{required:!1,tsType:{name:"ReactElement"},description:""},additionalPart:{required:!1,tsType:{name:"ReactElement"},description:""},children:{required:!1,tsType:{name:"ReactElement"},description:""}}};var HighLightLink=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.scss"),HighLightLink_options={};HighLightLink_options.styleTagTransform=styleTagTransform_default(),HighLightLink_options.setAttributes=setAttributesWithoutAttributes_default(),HighLightLink_options.insert=insertBySelector_default().bind(null,"head"),HighLightLink_options.domAPI=styleDomAPI_default(),HighLightLink_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(HighLightLink.A,HighLightLink_options);HighLightLink.A&&HighLightLink.A.locals&&HighLightLink.A.locals;const pattern=/(https?:\/\/)?([\p{L}\p{N}_-]+(?:(?:\.[\p{L}\p{N}_-]+)+)[\p{L}\p{N}.,@?^=%&:/~+#-]*[\p{L}\p{N}@?^=%&/~+#-])/gu;function removeLastPunctuation(str){const punctuationRegex=/[!;%:?*_.,:-]/,decimalSeparatorRegex=/[.,]/;if(str.length>0){const lastChar=str.charAt(str.length-1);if(punctuationRegex.test(lastChar)||decimalSeparatorRegex.test(lastChar))return str.slice(0,-1)}return str}const getRuleUrl=url=>{const uriParts=(url=>{const matches=url.match(/^(\w+?:\/\/)?([\w-\\.]+(?=\/?))?:?(\d*)?([^:]*)/);return{scheme:matches?matches[1]:void 0,host:matches?matches[2]:"",port:matches?matches[3]:void 0,pathname:matches?matches[4]:""}})(url);let result=url;return void 0===uriParts.scheme&&(result=`http://${url}`),result},HighLightLink_HighLightLink_HighLightLink=_ref=>{let{messageText}=_ref;const elements=messageText.split(/\n| /).map(((item,index)=>(str=>{const regex=new RegExp(pattern);return regex.test(str)||regex.test(removeLastPunctuation(str))})(item)?react.createElement("div",{className:"message-urls"},react.createElement("span",null,react.createElement("a",{key:index,href:`${getRuleUrl(item)}`,target:"_blank",rel:"noreferrer"},item)," ")):react.createElement("span",null,item," ")));return react.createElement("div",null,elements)};HighLightLink_HighLightLink_HighLightLink.__docgenInfo={description:"",methods:[],displayName:"HighLightLink",props:{messageText:{required:!0,tsType:{name:"string"},description:""}}};var TextBubble=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.scss"),TextBubble_options={};TextBubble_options.styleTagTransform=styleTagTransform_default(),TextBubble_options.setAttributes=setAttributesWithoutAttributes_default(),TextBubble_options.insert=insertBySelector_default().bind(null,"head"),TextBubble_options.domAPI=styleDomAPI_default(),TextBubble_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(TextBubble.A,TextBubble_options);TextBubble.A&&TextBubble.A.locals&&TextBubble.A.locals;function TextBubble_TextBubble_TextBubble(_ref){let{text,type}=_ref;return react.createElement("div",{className:`text-bubble-background__${type}`},react.createElement("div",{className:"bubble-content-text"},(message=>{let result=0;return message.split(/\n| /).forEach((s=>{(s.match(pattern)||removeLastPunctuation(s).match(pattern))&&(result+=1)})),result>0})(text)?react.createElement(HighLightLink_HighLightLink_HighLightLink,{messageText:text}):text))}TextBubble_TextBubble_TextBubble.__docgenInfo={description:"",methods:[],displayName:"TextBubble",props:{text:{required:!0,tsType:{name:"string"},description:""},type:{required:!0,tsType:{name:"union",raw:"'outgoing' | 'incoming'",elements:[{name:"literal",value:"'outgoing'"},{name:"literal",value:"'incoming'"}]},description:""}}};var FileBubble=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.scss"),FileBubble_options={};FileBubble_options.styleTagTransform=styleTagTransform_default(),FileBubble_options.setAttributes=setAttributesWithoutAttributes_default(),FileBubble_options.insert=insertBySelector_default().bind(null,"head"),FileBubble_options.domAPI=styleDomAPI_default(),FileBubble_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(FileBubble.A,FileBubble_options);FileBubble.A&&FileBubble.A.locals&&FileBubble.A.locals;var filereact=__webpack_require__("./src/Presentation/icons/media/file.svg?react"),FileUrl=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/FileUrl/FileUrl.scss"),FileUrl_options={};FileUrl_options.styleTagTransform=styleTagTransform_default(),FileUrl_options.setAttributes=setAttributesWithoutAttributes_default(),FileUrl_options.insert=insertBySelector_default().bind(null,"head"),FileUrl_options.domAPI=styleDomAPI_default(),FileUrl_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(FileUrl.A,FileUrl_options);FileUrl.A&&FileUrl.A.locals&&FileUrl.A.locals;function FileUrl_FileUrl_FileUrl(_ref){let{title,href}=_ref;return react.createElement("div",{className:"file-attachment"},react.createElement("div",{className:"file-attachment__placeholder"},react.createElement("div",{className:"file-attachment__placeholder__bg"}),href?react.createElement("a",{href,target:"_blank",download:!0,rel:"noreferrer",className:"file-attachment__placeholder__bg__icon"},react.createElement(filereact.A,{className:"message-icon-file"})):react.createElement("div",{className:"file-attachment__placeholder__bg__icon"},react.createElement(filereact.A,{className:"message-icon-file"}))),react.createElement("div",{className:"file-attachment__file-name"},(fileName=title).length>10?`${fileName.substring(0,9)}... .${fileName.slice((Math.max(0,fileName.lastIndexOf("."))||1/0)+1)}`:fileName));var fileName}function FileBubble_FileBubble_FileBubble(_ref){let{type,title,href}=_ref;return react.createElement("div",{className:`file-bubble-background__${type}`},react.createElement(FileUrl_FileUrl_FileUrl,{title,href}))}FileUrl_FileUrl_FileUrl.__docgenInfo={description:"",methods:[],displayName:"FileUrl",props:{title:{required:!0,tsType:{name:"string"},description:""},href:{required:!1,tsType:{name:"string"},description:""}}},FileBubble_FileBubble_FileBubble.__docgenInfo={description:"",methods:[],displayName:"FileBubble",props:{type:{required:!0,tsType:{name:"union",raw:"'outgoing' | 'incoming'",elements:[{name:"literal",value:"'outgoing'"},{name:"literal",value:"'incoming'"}]},description:""},title:{required:!0,tsType:{name:"string"},description:""},href:{required:!1,tsType:{name:"string"},description:""}}};var ImageBubble=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.scss"),ImageBubble_options={};ImageBubble_options.styleTagTransform=styleTagTransform_default(),ImageBubble_options.setAttributes=setAttributesWithoutAttributes_default(),ImageBubble_options.insert=insertBySelector_default().bind(null,"head"),ImageBubble_options.domAPI=styleDomAPI_default(),ImageBubble_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ImageBubble.A,ImageBubble_options);ImageBubble.A&&ImageBubble.A.locals&&ImageBubble.A.locals;function ImageBubble_ImageBubble_ImageBubble(_ref){let{title,href}=_ref;return react.createElement("a",{href,download:"file",target:"_blank",rel:"noreferrer",className:"message-attachment-image"},react.createElement("img",{className:"message-attachment-image-body",key:href,src:href,alt:title||"attached image"}))}ImageBubble_ImageBubble_ImageBubble.__docgenInfo={description:"",methods:[],displayName:"ImageBubble",props:{title:{required:!0,tsType:{name:"string"},description:""},href:{required:!1,tsType:{name:"string"},description:""}}};var playreact=__webpack_require__("./src/Presentation/icons/toggle/play.svg?react"),pausereact=__webpack_require__("./src/Presentation/icons/toggle/pause.svg?react"),AudioBubble=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.scss"),AudioBubble_options={};AudioBubble_options.styleTagTransform=styleTagTransform_default(),AudioBubble_options.setAttributes=setAttributesWithoutAttributes_default(),AudioBubble_options.insert=insertBySelector_default().bind(null,"head"),AudioBubble_options.domAPI=styleDomAPI_default(),AudioBubble_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(AudioBubble.A,AudioBubble_options);AudioBubble.A&&AudioBubble.A.locals&&AudioBubble.A.locals;function AudioBubble_AudioBubble_AudioBubble(_ref){let{type,title,href,fileUid,audioFileType}=_ref;const[isPlaying,setIsPlaying]=(0,react.useState)(!1),audioRef=(0,react.useRef)(null),[secondsElapsed,setSecondsElapsed]=(0,react.useState)(0),handleAudioEnd=()=>{setIsPlaying(!1),setSecondsElapsed(0)};(0,react.useEffect)((()=>{const audio=audioRef.current;if(audio)return audio.addEventListener("ended",handleAudioEnd),()=>{audio.removeEventListener("ended",handleAudioEnd)}}),[]),(0,react.useEffect)((()=>{let intervalId;return isPlaying&&(intervalId=setInterval((()=>{setSecondsElapsed((prevSeconds=>prevSeconds+1))}),100)),()=>{clearInterval(intervalId)}}),[isPlaying]);return react.createElement("div",{className:`audio-bubble-background__${type}`},react.createElement("audio",{ref:audioRef,className:"audio-body",preload:"auto"},react.createElement("source",{src:href,type:audioFileType}),react.createElement("source",{src:href,type:"audio/mpeg"}),react.createElement("source",{src:href,type:"audio/ogg"}),"Your browser does not support the audio element."),react.createElement("div",{className:"audio-player"},react.createElement("div",{className:"audio-body__controls",onClick:()=>{const audio=audioRef.current;audio?(isPlaying?audio.pause():audio.play(),setIsPlaying(!isPlaying)):console.error("Audio element not found")}},isPlaying?react.createElement(pausereact.A,{className:"audio-body__controls--color"}):react.createElement(playreact.A,{className:"audio-body__controls--color"})),react.createElement("div",{className:"audio-player__equalizer-time"},react.createElement("div",{className:"equalizer"},isPlaying?(()=>{const divElements=[];for(let i=0;i<30;i+=1){const divStyle={height:`${Math.floor(12*Math.random())+1}px`};divElements.push(react.createElement("div",{className:"equalizer__rectangle",key:i,style:divStyle}))}return divElements})():(uid=>{const divElements=[],nums=((inputString,count)=>{const uniqueNumbers=[];for(let i=0;i<count;i+=1)uniqueNumbers.push(Math.abs(inputString.charCodeAt(i)%11)+2);return uniqueNumbers})(uid,30);for(let i=0;i<30;i+=1){const divStyle={height:`${nums[i]}px`};divElements.push(react.createElement("div",{className:"equalizer__rectangle",key:i,style:divStyle}))}return divElements})(fileUid)),react.createElement("div",{className:"time-play"},(time=>{const minutes=Math.floor(time%3600/60),seconds=Math.floor(time%60);return`${minutes.toString().padStart(2,"0")}:${seconds.toString().padStart(2,"0")}`})(secondsElapsed)))))}AudioBubble_AudioBubble_AudioBubble.__docgenInfo={description:"",methods:[],displayName:"AudioBubble",props:{type:{required:!0,tsType:{name:"union",raw:"'outgoing' | 'incoming'",elements:[{name:"literal",value:"'outgoing'"},{name:"literal",value:"'incoming'"}]},description:""},title:{required:!1,tsType:{name:"string"},description:""},href:{required:!1,tsType:{name:"string"},description:""},fileUid:{required:!1,tsType:{name:"string"},description:""},audioFileType:{required:!1,tsType:{name:"string"},description:""}}};var VideoBubble=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.scss"),VideoBubble_options={};VideoBubble_options.styleTagTransform=styleTagTransform_default(),VideoBubble_options.setAttributes=setAttributesWithoutAttributes_default(),VideoBubble_options.insert=insertBySelector_default().bind(null,"head"),VideoBubble_options.domAPI=styleDomAPI_default(),VideoBubble_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(VideoBubble.A,VideoBubble_options);VideoBubble.A&&VideoBubble.A.locals&&VideoBubble.A.locals;function VideoBubble_VideoBubble_VideoBubble(_ref){let{title,href,className}=_ref;return react.createElement("div",{className},react.createElement("div",{className:"message-attachment-video"},react.createElement("video",{className:"message-attachment-video-body",controls:!0,key:title,playsInline:!0,src:href},react.createElement("a",{href,download:!0},"Download"))),react.createElement("a",{href,download:!0,className:"message-attachment-video-body__link"},"Download"))}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function getChildrenByType(type,children){if(("incoming"===type||"outgoing"===type)&&children)return function createBubbleByType(type,children){const isTextBubbleType=children?.type===TextBubble_TextBubble_TextBubble,isFileBubbleType=children?.type===FileBubble_FileBubble_FileBubble,isImageBubbleType=children?.type===ImageBubble_ImageBubble_ImageBubble,isAudioBubbleType=children?.type===AudioBubble_AudioBubble_AudioBubble,isVideoBubbleType=children?.type===VideoBubble_VideoBubble_VideoBubble;return isTextBubbleType?react.createElement(TextBubble_TextBubble_TextBubble,{text:"The QuickBlox UIKit for React is a comprehensive user interface kit specifically designed for building chat applications. It provides a collection of pre-built components, modules, and utilities that simplify the process of creating chat applications.",type}):isFileBubbleType?react.createElement(FileBubble_FileBubble_FileBubble,{title:"00b5563-small-qb-logo-docs-white-9px.png",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png",type}):isImageBubbleType?react.createElement(ImageBubble_ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png"}):isAudioBubbleType?react.createElement(AudioBubble_AudioBubble_AudioBubble,{title:"1.mp3",href:"//samplelib.com/lib/preview/mp3/sample-3s.mp3",audioFileType:"mp3",fileUid:"12345678901234544",type}):isVideoBubbleType?react.createElement(VideoBubble_VideoBubble_VideoBubble,{title:"QuickBlox",href:"https://www.youtube.com/watch?v=0QFqNjhP-wM"}):void 0}(type,children)}VideoBubble_VideoBubble_VideoBubble.__docgenInfo={description:"",methods:[],displayName:"VideoBubble",props:{title:{required:!0,tsType:{name:"string"},description:""},href:{required:!1,tsType:{name:"string"},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};const Message_stories={tags:["autodocs"],title:"@quickblox-react-ui-kit/Presentation/ui-components/Message",component:Message_Message_Message,decorators:[(StoryFn,context)=>{const{type,children}=context.args,modifiedArgs={...context.args,children:getChildrenByType(type,children)};return react.createElement(StoryFn,_extends({},context,{args:modifiedArgs}))}],parameters:{viewport:{viewports:dist.Lq}},args:{userName:"Nate",time:"16:58",type:"incoming",status:void 0,enableSelect:!0,isSelect:!1,disabled:!1},argTypes:{userName:{table:{type:{summary:"string"},defaultValue:{summary:""}},description:"User name"},avatar:{control:!1,table:{type:{summary:"ReactElement"}},description:"Message sender avatar"},time:{table:{type:{summary:"string"},defaultValue:{summary:""}},description:"Time of sending the message"},type:{table:{type:{summary:"outgoing | incoming"},defaultValue:{summary:"incoming"}},control:"radio",options:["incoming","outgoing"],description:"The type of message can be either outgoing or incoming"},enableSelect:{description:"Enables the option to select a message"},isSelect:{description:"The status of message selection"},disabled:{description:"Active"},status:{table:{type:{summary:"sent | delivered | viewed | error"},defaultValue:{summary:""}},control:"select",options:["sent","delivered","viewed","error"],description:"The status of the message"},children:{table:{type:{summary:"ReactElement"}},description:"Message bubble",control:"select",options:["TextMessage","FileMessage","ImageMessage","AudioMessage","VideoMessage"],mapping:{TextMessage:react.createElement(TextBubble_TextBubble_TextBubble,{text:"The QuickBlox UIKit for React is a comprehensive user interface kit specifically designed for building chat applications. It provides a collection of pre-built components, modules, and utilities that simplify the process of creating chat applications.",type:"incoming"}),FileMessage:react.createElement(FileBubble_FileBubble_FileBubble,{title:"00b5563-small-qb-logo-docs-white-9px.png",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png",type:"incoming"}),ImageMessage:react.createElement(ImageBubble_ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png"}),AudioMessage:react.createElement(AudioBubble_AudioBubble_AudioBubble,{title:"1.mp3",href:"//samplelib.com/lib/preview/mp3/sample-3s.mp3",audioFileType:"mp3",fileUid:"12345678901234544",type:"incoming"}),VideoMessage:react.createElement(VideoBubble_VideoBubble_VideoBubble,{title:"QuickBlox",href:"https://www.youtube.com/watch?v=0QFqNjhP-wM"})}},subtype:{description:"Additional message subtype"},onSelect:{table:{type:{summary:"function"}},description:"The function responsible for message selection"},bottomPart:{table:{type:{summary:"ReactElement"}},control:!1,description:"The bottom part of the message layout"},additionalPart:{table:{type:{summary:"ReactElement"}},control:!1,description:"Additional section of the message layout"}}},MessageText={args:{children:react.createElement(TextBubble_TextBubble_TextBubble,{text:"Test Message",type:"incoming"})}},MessageImage={args:{children:react.createElement(ImageBubble_ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/0a66fe7-SreenModulesDialogList.png"})}},MessageFile={args:{children:react.createElement(FileBubble_FileBubble_FileBubble,{type:"incoming",title:"QuickBlox",href:"https://raw.githubusercontent.com/QuickBlox/react-ui-kit/main/README.md"})}},__namedExportsOrder=["MessageText","MessageImage","MessageFile"];MessageText.parameters={...MessageText.parameters,docs:{...MessageText.parameters?.docs,source:{originalSource:'{\n args: {\n children: <TextBubble text="Test Message" type="incoming" />\n }\n}',...MessageText.parameters?.docs?.source}}},MessageImage.parameters={...MessageImage.parameters,docs:{...MessageImage.parameters?.docs,source:{originalSource:'{\n args: {\n children: <ImageBubble title="QuickBlox" href="https://files.readme.io/0a66fe7-SreenModulesDialogList.png" />\n }\n}',...MessageImage.parameters?.docs?.source}}},MessageFile.parameters={...MessageFile.parameters,docs:{...MessageFile.parameters?.docs,source:{originalSource:'{\n args: {\n children: <FileBubble type="incoming" title="QuickBlox" href="https://raw.githubusercontent.com/QuickBlox/react-ui-kit/main/README.md" />\n }\n}',...MessageFile.parameters?.docs?.source}}}}}]);
|