npm - quickblox-react-ui-kit - Versions diffs - 0.4.7 → 0.4.8 - Mend

quickblox-react-ui-kit 0.4.7 → 0.4.8

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.

Files changed (589) hide show

package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.a724643f.iframe.bundle.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- /! For license information please see Presentation-ui-components-DialogWindow-DialogWindow-stories.a724643f.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,".qb-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}.qb-button,.qb-button {box-sizing:border-box}.qb-button--default{color:var(--system);background-color:var(--main-elements)}.qb-button--default:hover{background-color:var(--color-default-hover)}.qb-button--default:focus{outline:2px solid var(--color-background-info)}.qb-button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.qb-button--default.qb-button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.qb-button--outlined:hover{background-color:var(--outgoing-background)}.qb-button--outlined:focus{border:2px solid var(--color-background-info)}.qb-button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.qb-button--outlined.qb-button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.qb-button--danger{background-color:var(--error);color:var(--system)}.qb-button--danger:focus{outline:2px solid var(--error-secondary)}.qb-button--danger:active{color:var(--error-secondary)}.qb-button--danger.qb-button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-button--text{background-color:inherit;color:var(--main-elements)}.qb-button--text:focus{outline:2px solid var(--color-background-info)}.qb-button--text:active{color:var(--color-default-hover)}.qb-button--text.qb-button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.qb-button__loader--default{fill:var(--secondary-background)}.qb-button__loader--outlined{fill:var(--main-elements)}.qb-button__loader--danger{fill:var(--secondary-background)}.qb-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,WACE,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,wBAEE,qBAAA,CDyBF,oBACE,mBAAA,CACA,qCAAA,CAEA,0BACE,2CAAA,CAGF,0BACE,8CAAA,CAGF,2BACE,2CAAA,CACA,kCAAA,CAGF,wCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,qBACE,wBAAA,CACA,iCAAA,CACA,sBAAA,CAEA,2BACE,2CAAA,CAGF,2BACE,6CAAA,CAGF,4BACE,qCAAA,CACA,0BAAA,CAGF,yCACE,kBAAA,CACA,yCAAA,CACA,8BAAA,CAIJ,mBACE,6BAAA,CACA,mBAAA,CAEA,yBACE,wCAAA,CAGF,0BACE,4BAAA,CAGF,uCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,iBACE,wBAAA,CACA,0BAAA,CAEA,uBACE,8CAAA,CAGF,wBACE,gCAAA,CAGF,qCACE,kBAAA,CACA,8BAAA,CAKF,4BACE,gCAAA,CAGF,6BACE,yBAAA,CAGF,2BACE,gCAAA,CAGF,yBACE,6BAAA",sourcesContent:["@use '../../themes/styles/mixins' as ;\n\n.qb-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 &.qb-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 &.qb-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 &.qb-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 &.qb-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,".qb-loader--sm{width:24px;height:24px}.qb-loader--md{width:48px;height:48px}.qb-loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.qb-loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,WACE,mCAAA",sourcesContent:[".qb-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.1.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()("qb-button",`qb-button--${variant}`,{"qb-button--disabled":disabled},className),disabled:disabled\|\|loading},rest),loading&&!disabled?react.createElement(Loader.A,{className:classnames_default()("qb-button__loader",`qb-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()("qb-loader",size&&`qb-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:""}}}}}]);

package/storybook-static/Presentation-ui-components-Header-Header-stories.978f0af5.iframe.bundle.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- /! For license information please see Presentation-ui-components-Header-Header-stories.978f0af5.iframe.bundle.js.LICENSE.txt /
2	- (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit\|\|[]).push([[395],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Lq:()=>INITIAL_VIEWPORTS});__webpack_require__("storybook/internal/preview-api");var __defProp=Object.defineProperty,preview_exports={};((target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})})(preview_exports,{initialGlobals:()=>initialGlobals});var PARAM_KEY="viewport",modern={[PARAM_KEY]:{value:void 0,isRotated:!1}},initialGlobals=globalThis.FEATURES?.viewportStoryGlobals?modern:{viewport:"reset",viewportRotated:!1},INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphoneSE3:{name:"iPhone SE 3rd generation",styles:{height:"667px",width:"375px"},type:"mobile"},iphone13:{name:"iPhone 13",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13pro:{name:"iPhone 13 Pro",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13promax:{name:"iPhone 13 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphone14:{name:"iPhone 14",styles:{height:"844px",width:"390px"},type:"mobile"},iphone14pro:{name:"iPhone 14 Pro",styles:{height:"852px",width:"393px"},type:"mobile"},iphone14promax:{name:"iPhone 14 Pro Max",styles:{height:"932px",width:"430px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg\|\|"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))\|\|(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-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)}.qb-avatar,.qb-avatar {box-sizing:border-box}.qb-avatar svg{height:26px;width:26px;fill:var(--tertiary-elements)}.qb-avatar__image{object-fit:cover;width:100%;height:100%}.qb-avatar--xs{width:32px;height:32px}.qb-avatar--sm{width:36px;height:36px}.qb-avatar--md{width:40px;height:40px}.qb-avatar--lg{width:56px;height:56px}.qb-avatar--lg svg{height:33px;width:33px}.qb-avatar--xl{width:64px;height:64px}.qb-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,WACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CAEA,eAAA,CACA,iBAAA,CACA,yCAAA,CACA,2BAAA,CCVA,wBAEE,qBAAA,CDYF,eACE,WAAA,CACA,UAAA,CACA,6BAAA,CAGF,kBACE,gBAAA,CACA,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAEA,mBACE,WAAA,CACA,UAAA,CAIJ,eACE,UAAA,CACA,WAAA,CAGF,gBACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as ;\n\n.qb-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/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___},"./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()("qb-avatar",`qb-avatar--${size}`,className)},react.createElement("img",{src,className:"qb-avatar__image",alt:"Avatar"})):react.createElement("div",{className:classnames_default()("qb-avatar",`qb-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/Header/Header.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{HeaderDefault:()=>HeaderDefault,HeaderWithAvatar:()=>HeaderWithAvatar,HeaderWithAvatarAndBack:()=>HeaderWithAvatarAndBack,HeaderWithOneChildrenIcon:()=>HeaderWithOneChildrenIcon,HeaderWithTwoChildrenIcon:()=>HeaderWithTwoChildrenIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),_Header__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),_icons__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Presentation/icons/index.ts"),_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Header",component:_Header__WEBPACK_IMPORTED_MODULE_2__.A,tags:["autodocs"],parameters:{viewport:{viewports:_storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_1__.Lq}},argTypes:{title:{control:{type:"text"},description:"Dialog title"},avatar:{description:"Avatar or Icon",type:"function",options:["None","User","Group","Public","Photo"],control:"select",mapping:{None:void 0,User:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),Group:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.C_,null)}),Public:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.vq,null)}),Photo:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"})}},badge:{control:!1,description:"Badge or dialog status"},children:{type:"function",options:["None","SingleIcon","MultiplyIcons","Close"],control:"select",mapping:{None:void 0,SingleIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.vT,null),MultiplyIcons:[react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.p8,null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Vp,null)],Close:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.X6,null)},table:{type:{summary:"svg"}},description:"Additional content: list of icons"},onGoBack:{action:"clicked back button"},classNames:{table:{type:{summary:"string"}},description:"Additional classes"}}},HeaderDefault={args:{title:"Default Dialog desktop"},parameters:{layout:"centered"}},HeaderWithAvatar={args:{title:"Default Dialog desktop",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)})},parameters:{layout:"centered"}},HeaderWithAvatarAndBack={args:{title:"Default Dialog mobile",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),onGoBack:()=>{window.alert("onGoBack")}},parameters:{viewport:{defaultViewport:"iphonese2"}}},HeaderWithOneChildrenIcon={args:{title:"Default Dialog desktop",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),children:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.X6,null),onGoBack:void 0},parameters:{layout:"centered"}},HeaderWithTwoChildrenIcon={args:{title:"Default Dialog desktop",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),children:[react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.p8,null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Vp,null)],onGoBack:void 0},parameters:{layout:"centered"}},__namedExportsOrder=["HeaderDefault","HeaderWithAvatar","HeaderWithAvatarAndBack","HeaderWithOneChildrenIcon","HeaderWithTwoChildrenIcon"];HeaderDefault.parameters={...HeaderDefault.parameters,docs:{...HeaderDefault.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop'\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderDefault.parameters?.docs?.source}}},HeaderWithAvatar.parameters={...HeaderWithAvatar.parameters,docs:{...HeaderWithAvatar.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop',\n avatar: <Avatar icon={<UserSvg />} />\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderWithAvatar.parameters?.docs?.source}}},HeaderWithAvatarAndBack.parameters={...HeaderWithAvatarAndBack.parameters,docs:{...HeaderWithAvatarAndBack.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog mobile',\n avatar: <Avatar icon={<UserSvg />} />,\n onGoBack: () => {\n window.alert('onGoBack');\n }\n },\n parameters: {\n viewport: {\n defaultViewport: 'iphonese2'\n }\n }\n}",...HeaderWithAvatarAndBack.parameters?.docs?.source}}},HeaderWithOneChildrenIcon.parameters={...HeaderWithOneChildrenIcon.parameters,docs:{...HeaderWithOneChildrenIcon.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop',\n avatar: <Avatar icon={<UserSvg />} />,\n children: <CloseSvg />,\n onGoBack: undefined\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderWithOneChildrenIcon.parameters?.docs?.source}}},HeaderWithTwoChildrenIcon.parameters={...HeaderWithTwoChildrenIcon.parameters,docs:{...HeaderWithTwoChildrenIcon.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop',\n avatar: <Avatar icon={<UserSvg />} />,\n children: [<SearchSvg />, <NewChatSvg />],\n onGoBack: undefined\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderWithTwoChildrenIcon.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:""}}}}}]);

package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.be8aa2d9.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[491],{"./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,".qb-loader--sm{width:24px;height:24px}.qb-loader--md{width:48px;height:48px}.qb-loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.qb-loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,WACE,mCAAA",sourcesContent:[".qb-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/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/MessageInput/MessageInput.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,".chat-container{width:100%}.chat-container__send-icon{display:flex;align-items:center}.chat-container__icon{width:24px;height:24px;cursor:pointer;fill:var(--secondary-elements)}.chat-container__icon__send{width:24px;height:24px;cursor:pointer;fill:var(--main-elements)}.chat-container__icon svg path{fill:var(--main-elements)}.chat-container__icon--mute{fill:var(--disabled-elements)}.chat-container__icon--mute svg path{fill:var(--disabled-elements)}.chat-container__icon--disable{fill:var(--disabled-elements);cursor:default}.chat-container__icon--disable svg path{fill:var(--disabled-elements)}.chat-container__icon--red{fill:var(--error)}.chat-container__icon--red svg path{fill:var(--error)}.chat-container__loader{fill:var(--color-background-info)}.chat-container__loader svg path{fill:var(--color-background-info)}.chat-input{min-height:54px;max-height:182px;height:54px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin:0 auto;padding-left:12px;padding-right:12px;padding-bottom:2px;gap:6px}.chat-input:disabled{background-color:dimgray;color:linen;opacity:1;cursor:not-allowed}.chat-input textarea{width:100%;height:44px;min-Height:44px;max-Height:128px;background-Color:var(--chat-input);border-Radius:4px;padding-left:16px;padding-top:8px;line-height:24px;font-size:16px;margin:0 auto;resize:none}.input-text-message *{box-sizing:border-box}.input-text-message{background:var(--chat-input);border-radius:4px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;flex:1;position:relative}.type-message{color:var(--field-border);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.type-message textarea{color:var(--main-text);font:var(--body-body-large);border:none;outline:none}.right{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative;margin-bottom:5px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/MessageInput/MessageInput.scss"],names:[],mappings:"AAEA,gBACE,UAAA,CACA,2BACE,YAAA,CACA,kBAAA,CAEF,sBACE,UAAA,CACA,WAAA,CACA,cAAA,CACA,8BAAA,CACA,4BACE,UAAA,CACA,WAAA,CACA,cAAA,CACA,yBAAA,CAGF,+BACE,yBAAA,CAGJ,4BACE,6BAAA,CACA,qCACE,6BAAA,CAGJ,+BACE,6BAAA,CACA,cAAA,CACA,wCACE,6BAAA,CAGJ,2BACE,iBAAA,CACA,oCACE,iBAAA,CAGJ,wBACE,iCAAA,CAEA,iCACE,iCAAA,CAIN,YAUE,eA5D6C,CA6D7C,gBAAA,CACA,WA9D6C,CAgE7C,UAAA,CACA,YAAA,CAEA,kBAAA,CACA,gBAAA,CAEA,6BAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CACA,kBAAA,CACA,kBAAA,CAEA,OAAA,CA1BA,qBACE,wBAAA,CACA,WAAA,CACA,SAAA,CACA,kBAAA,CAwBF,qBAEE,UAAA,CACA,WAAA,CACA,eAAA,CACA,gBAAA,CACA,kCAAA,CACA,iBAAA,CACA,iBAAA,CACA,eAAA,CAIA,gBAAA,CACA,cAAA,CACA,aAAA,CACA,WAAA,CAIJ,sBACE,qBAAA,CAEF,oBACE,4BAAA,CACA,iBAAA,CAEA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,oBAAA,CACA,0BAAA,CACA,MAAA,CACA,iBAAA,CAEF,cACE,yBAAA,CACA,eAAA,CACA,2BAAA,CACA,iBAAA,CACA,MAAA,CACA,YAAA,CACA,kBAAA,CACA,0BAAA,CAEF,uBACE,sBAAA,CACA,2BAAA,CACA,WAAA,CACA,YAAA,CAEF,OACE,YAAA,CACA,kBAAA,CACA,QAAA,CACA,kBAAA,CACA,wBAAA,CACA,aAAA,CACA,iBAAA,CACA,iBAAA",sourcesContent:["$message-view-container-header-min-height: 64px;\n$message-view-container-chat-input-min-height: 54px;\n.chat-container{\n width: 100%;\n &__send-icon {\n display: flex;\n align-items: center;\n }\n &__icon{\n width: 24px;\n height: 24px;\n cursor: pointer;\n fill: var(--secondary-elements);\n &__send {\n width: 24px;\n height: 24px;\n cursor: pointer;\n fill: var(--main-elements);\n }\n\n svg path{\n fill: var(--main-elements);\n }\n }\n &__icon--mute{\n fill: var(--disabled-elements);\n svg path{\n fill: var(--disabled-elements);\n }\n }\n &__icon--disable{\n fill: var(--disabled-elements);\n cursor: default;\n svg path{\n fill: var(--disabled-elements);\n }\n }\n &__icon--red{\n fill: var(--error);\n svg path{\n fill: var(--error);\n }\n }\n &__loader{\n fill: var(--color-background-info);\n\n svg path{\n fill: var(--color-background-info);\n }\n }\n}\n.chat-input{\n &:disabled{\n background-color: dimgrey;\n color: linen;\n opacity: 1;\n cursor: not-allowed;\n }\n // border: 1px solid red;\n //border-top: 1px solid var(--divider);\n // flex: 1 1 $message-view-container-wrapper-min-width;\n min-height: $message-view-container-chat-input-min-height;\n max-height: calc(2 * $message-view-container-header-min-height + $message-view-container-chat-input-min-height);\n height: $message-view-container-chat-input-min-height;\n\n width: 100%;\n display: flex;\n //\n flex-direction: row;\n flex-wrap: nowrap;\n\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n padding-left: 12px;\n padding-right: 12px;\n padding-bottom: 2px;\n\n gap: 6px;\n\n textarea{\n // border: 3px solid blue;\n width: 100%;\n height: 44px;\n min-Height: 44px;\n max-Height: calc(2 * $message-view-container-header-min-height);\n background-Color: var(--chat-input);\n border-Radius: 4px;\n padding-left: 16px;\n padding-top: 8px;\n // padding: 5px 5px;\n // text-align: center;\n //vertical-align: middle;\n line-height: 24px;\n font-size: 16px;\n margin: 0 auto;\n resize: none;\n }\n\n}\n.input-text-message * {\n box-sizing: border-box;\n}\n.input-text-message {\n background: var(--chat-input);\n border-radius: 4px;\n //padding: 10px 8px 10px 16px;\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-end;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n.type-message {\n color: var(--field-border);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n.type-message textarea{\n color: var(--main-text);\n font: var(--body-body-large);\n border: none;\n outline: none;\n}\n.right {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n margin-bottom: 5px;\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/MessageInput/ReplyMessagePreview/ReplyImagePreviewAttachment/ReplyImagePreviewAttachment.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,".reply-preview-image-body{border-radius:8px;flex-shrink:0;width:44px;height:44px;position:relative}","",{version:3,sources:["webpack://./src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyImagePreviewAttachment/ReplyImagePreviewAttachment.scss"],names:[],mappings:"AAAA,0BAUE,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA",sourcesContent:[".reply-preview-image-body{\n // border: 1px solid red;\n //max-width: 44px;\n //max-height: 44px;\n //min-width: 44px;\n //min-height: 44px;\n //width: 44px;\n //height: 44px;\n //padding: 0;\n //border-radius: 8px;\n border-radius: 8px;\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n position: relative;\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/MessageInput/ReplyMessagePreview/ReplyMessagePreview.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,'.reply-message-preview-row,.reply-message-preview-row *{box-sizing:border-box}.reply-message-preview-row{padding:10px 12px 10px 12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.reply-message-preview-row-card{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.reply-message-preview-placeholder{background:var(--incoming-background, #e4e6e8);border-radius:8px;padding:6px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.reply-message-preview-placeholder-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;position:relative}.reply-message-media-text-document{align-self:stretch;flex:1;position:relative;overflow:visible}.reply-message-preview-message{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;flex-shrink:0;position:relative}.reply-message-preview-message-caption{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.reply-message-preview-message-caption-info{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.reply-message-preview-message-caption-info-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}.actions-reply-filled{align-self:stretch;flex:1;position:relative;overflow:visible}.reply-message-preview-message-caption-info-replied-to-name{color:var(--tertiary-elements, #636d78);text-align:left;font:var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);position:relative}.reply-message-preview-message-caption-info-file{color:var(--caption, #90979f);text-align:center;font:var(--body-body-small, 400 12px/16px "Roboto", sans-serif);position:relative;display:flex;align-items:center;justify-content:center}.reply-message-preview-message-caption-info-text{color:var(--main-text, #0b1b0f);text-align:center;font:var(--body-body-large, 400 16px/24px "Roboto", sans-serif);position:relative;display:flex;align-items:center;justify-content:center}.reply-message-preview-message-navigation-close{align-self:stretch;position:relative;overflow:visible}.reply-message-icon{width:24px;height:24px;cursor:pointer;fill:var(--secondary-elements)}.reply-message-icon svg path{fill:var(--secondary-elements)}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyMessagePreview.scss"],names:[],mappings:"AAAA,wDAEE,qBAAA,CAEF,2BACE,2BAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,6BAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CAEF,gCACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEF,mCACE,8CAAA,CACA,iBAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEF,wCACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CAEF,mCACE,kBAAA,CACA,MAAA,CACA,iBAAA,CACA,gBAAA,CAEF,+BACE,YAAA,CACA,qBAAA,CACA,OAAA,CACA,sBAAA,CACA,sBAAA,CACA,aAAA,CACA,iBAAA,CAEF,uCACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEF,4CACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEF,iDACE,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CAEF,sBACE,kBAAA,CACA,MAAA,CACA,iBAAA,CACA,gBAAA,CAEF,4DACE,uCAAA,CACA,eAAA,CACA,kEAAA,CACA,iBAAA,CAEF,iDACE,6BAAA,CACA,iBAAA,CACA,+DAAA,CACA,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CAEF,iDACE,+BAAA,CACA,iBAAA,CACA,+DAAA,CACA,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CAGF,gDACE,kBAAA,CAEA,iBAAA,CACA,gBAAA,CAEF,oBACE,UAAA,CACA,WAAA,CACA,cAAA,CACA,8BAAA,CAEA,6BACE,8BAAA",sourcesContent:['.reply-message-preview-row,\n.reply-message-preview-row * {\n box-sizing: border-box;\n}\n.reply-message-preview-row {\n padding: 10px 12px 10px 12px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.reply-message-preview-row-card {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.reply-message-preview-placeholder {\n background: var(--incoming-background, #e4e6e8);\n border-radius: 8px;\n padding: 6px;\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.reply-message-preview-placeholder-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 flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n.reply-message-media-text-document {\n align-self: stretch;\n flex: 1;\n position: relative;\n overflow: visible;\n}\n.reply-message-preview-message {\n display: flex;\n flex-direction: column;\n gap: 4px;\n align-items: flex-start;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n}\n.reply-message-preview-message-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.reply-message-preview-message-caption-info {\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-message-preview-message-caption-info-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.actions-reply-filled {\n align-self: stretch;\n flex: 1;\n position: relative;\n overflow: visible;\n}\n.reply-message-preview-message-caption-info-replied-to-name {\n color: var(--tertiary-elements, #636d78);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);\n position: relative;\n}\n.reply-message-preview-message-caption-info-file {\n color: var(--caption, #90979f);\n text-align: center;\n font: var(--body-body-small, 400 12px/16px "Roboto", sans-serif);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.reply-message-preview-message-caption-info-text {\n color: var(--main-text, #0b1b0f);\n text-align: center;\n font: var(--body-body-large, 400 16px/24px "Roboto", sans-serif);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.reply-message-preview-message-navigation-close {\n align-self: stretch;\n // flex: 1;\n position: relative;\n overflow: visible;\n}\n.reply-message-icon{\n width: 24px;\n height: 24px;\n cursor: pointer;\n fill: var(--secondary-elements);\n\n svg path{\n fill: var(--secondary-elements);\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/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.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,".chat-message-text-container{width:100%;height:44px;min-Height:44px;max-Height:64px;background-Color:var(--chat-input);border-Radius:4px;padding-left:16px;padding-top:8px;line-height:24px;font-size:16px;margin:0 auto;resize:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px}.chat-message-text-container__stop_record_button{cursor:pointer;border-radius:50%;background:var(--error);min-height:24px;max-height:24px;height:24px;width:24px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.scss"],names:[],mappings:"AACA,6BAEE,UAAA,CACA,WAAA,CACA,eAAA,CACA,eAN6B,CAO7B,kCAAA,CACA,iBAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,cAAA,CACA,aAAA,CACA,WAAA,CAGA,YAAA,CACA,kBAAA,CACA,gBAAA,CAEA,0BAAA,CACA,kBAAA,CAEA,QAAA,CACA,iDACE,cAAA,CACA,iBAAA,CACA,uBAAA,CACA,eAAA,CACA,eAAA,CACA,WAAA,CACA,UAAA",sourcesContent:["$chat-message-text-min-height: 64px;\n.chat-message-text-container{\n // border: 3px solid blue;\n width: 100%;\n height: 44px;\n min-Height: 44px;\n max-Height: $chat-message-text-min-height;\n background-Color: var(--chat-input);\n border-Radius: 4px;\n padding-left: 16px;\n padding-top: 8px;\n line-height: 24px;\n font-size: 16px;\n margin: 0 auto;\n resize: none;\n\n //\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n\n justify-content: flex-start;\n align-items: center;\n\n gap: 12px;\n &__stop_record_button{\n cursor: pointer;\n border-radius: 50%;\n background: var(--error);\n min-height: 24px;\n max-height: 24px;\n height: 24px;\n width: 24px;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/quickblox sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/quickblox sync recursive",module.exports=webpackEmptyContext},"./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()("qb-loader",size&&`qb-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:""}}}},"./src/Presentation/ui-components/MessageInput/MessageInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MessageInputDefault:()=>MessageInputDefault,MessageInputLoadingState:()=>MessageInputLoadingState,MessageInputWithPreview:()=>MessageInputWithPreview,MessageInputWithVoiceMessage:()=>MessageInputWithVoiceMessage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MessageInput_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),VoiceRecordingProgress=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.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()(VoiceRecordingProgress.A,options);VoiceRecordingProgress.A&&VoiceRecordingProgress.A.locals&&VoiceRecordingProgress.A.locals;const VoiceRecordingProgress_VoiceRecordingProgress_VoiceRecordingProgress=_ref=>{let{startStatus,longRecInSec,onClick,onTouch}=_ref,timerId=null;const[currentTime,setCurrentTime]=(0,react.useState)(Date.now()),[timeString,setTimeString]=(0,react.useState)("00:00:00"),[startTime]=(0,react.useState)(Date.now());(0,react.useEffect)((()=>{const valueToCalc=Math.round((currentTime-(startTime||0))/1e3),sec=valueToCalc%60,min=Math.round(valueToCalc/60),secStr=sec<=9?`0${sec.toString()}`:sec,minStr=min<=9?`0${min.toString()}`:min;setTimeString(`00:${minStr}:${secStr}`)}),[currentTime]);const stopTimer=()=>{timerId&&(clearInterval(timerId),timerId=null),onClick&&onClick(),onTouch&&onTouch()};return(0,react.useEffect)((()=>{startStatus&&(setTimeout((()=>{stopTimer()}),1e3*(longRecInSec<=60&&longRecInSec>0?longRecInSec:10)),timerId||(timerId=setInterval((()=>{setCurrentTime(Date.now())}),1e3)))}),[startStatus]),react.createElement("div",{className:"chat-message-text-container"},react.createElement("div",{onClick:()=>{stopTimer()},onTouchStart:()=>{stopTimer()},className:"chat-message-text-container__stop_record_button"}),react.createElement("div",null,timeString))},MessageInput_VoiceRecordingProgress_VoiceRecordingProgress=VoiceRecordingProgress_VoiceRecordingProgress_VoiceRecordingProgress;VoiceRecordingProgress_VoiceRecordingProgress_VoiceRecordingProgress.__docgenInfo={description:"",methods:[],displayName:"VoiceRecordingProgress",props:{startStatus:{required:!0,tsType:{name:"boolean"},description:""},longRecInSec:{required:!0,tsType:{name:"number"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onTouch:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const AttachmentUploader=_ref=>{let{icon,onChangeFile,disableAction}=_ref;return react.createElement("label",{htmlFor:"btnUploadAttachment",style:{cursor:"pointer"}},react.createElement("div",null,icon),react.createElement("input",{id:"btnUploadAttachment",type:"file",accept:"image/*, audio/*, video/*, .pdf, .txt, .apk, .zip, .ipa, .ppt, .pptx, .doc, .docx, .xls, .xlsx, .json, .log",style:{display:"none"},onChange:event=>{onChangeFile(event),event.target.value=""},disabled:disableAction}))},AttachmentUploader_AttachmentUploader=AttachmentUploader;AttachmentUploader.__docgenInfo={description:"",methods:[],displayName:"AttachmentUploader",props:{icon:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},onChangeFile:{required:!0,tsType:{name:"signature",type:"function",raw:"(event: React.ChangeEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"ReactChangeEvent",raw:"React.ChangeEvent<HTMLInputElement>",elements:[{name:"HTMLInputElement"}]},name:"event"}],return:{name:"void"}}},description:""},disableAction:{required:!0,tsType:{name:"boolean"},description:""}}};var MessageInput=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/MessageInput/MessageInput.scss"),MessageInput_options={};MessageInput_options.styleTagTransform=styleTagTransform_default(),MessageInput_options.setAttributes=setAttributesWithoutAttributes_default(),MessageInput_options.insert=insertBySelector_default().bind(null,"head"),MessageInput_options.domAPI=styleDomAPI_default(),MessageInput_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(MessageInput.A,MessageInput_options);MessageInput.A&&MessageInput.A.locals&&MessageInput.A.locals;var icons=__webpack_require__("./src/Presentation/icons/index.ts"),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx");const MessageInput_MessageInput_MessageInput=_ref=>{let{value,onChange,onChanging,onSend,enableVoice,onVoice,disableAttachment,onAttachment,previewMessage,rephrase,loading,placeholder,disableActions=!1,className}=_ref;const[isVoiceMessage,setVoiceMessage]=(0,react.useState)(!0);function sendTextMessageActions(){value&&onSend&&(onSend(value),onChange&&!disableActions&&onChange(""))}return react.createElement("div",{className:classnames_default()("chat-container",className)},previewMessage,react.createElement("div",{onBlur:()=>{value&&value.length>0||setVoiceMessage(!0)},className:"chat-input"},react.createElement(AttachmentUploader_AttachmentUploader,{disableAction:disableActions,icon:react.createElement(icons.ci,{className:classnames_default()("chat-container__icon",{"chat-container__icon--mute":disableAttachment||loading,"chat-container__icon--disable":disableActions})}),onChangeFile:onAttachment}),!enableVoice&&react.createElement("div",{className:"input-text-message type-message"},react.createElement("textarea",{disabled:loading,value,onFocus:()=>{setVoiceMessage(!1)},onChange:event=>{onChange&&onChange(event.target.value)},onInput:event=>{onChanging&&onChanging(event.target.value)},onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||e.ctrlKey||sendTextMessageActions()},placeholder:placeholder||"Type message"}),rephrase),enableVoice&&react.createElement(MessageInput_VoiceRecordingProgress_VoiceRecordingProgress,{startStatus:enableVoice,longRecInSec:60,onClick:()=>{onVoice&&onVoice()}}),!isVoiceMessage&&!loading&&react.createElement("div",{className:"chat-container__send-icon"},react.createElement(icons.Fx,{className:classnames_default()("chat-container__icon__send",{"chat-container__icon--mute":loading,"chat-container__icon--disable":disableActions}),onClick:()=>{sendTextMessageActions()}})),loading?react.createElement(Loader.A,{size:"sm",className:"chat-container__loader"}):isVoiceMessage&&react.createElement(icons.NG,{className:classnames_default()("chat-container__icon",{"chat-container__icon--red":enableVoice,"chat-container__icon--disable":disableActions}),onClick:()=>{onVoice&&onVoice()}})))},ui_components_MessageInput_MessageInput=MessageInput_MessageInput_MessageInput;function ReplyField(){let theme=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return react.createElement("svg",{width:theme&&theme.width?theme.width:"44",height:theme&&theme.height?theme.height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react.createElement("path",{d:"M18.3333 15.5833V8.25L5.5 21.0833L18.3333 33.9167V26.4C27.5 26.4 33.9167 29.3333 38.5 35.75C36.6667 26.5833 31.1667 17.4167 18.3333 15.5833Z",id:"ReplyField",fill:theme&&theme.color?theme.color:"var(--color-icon)"}))}MessageInput_MessageInput_MessageInput.__docgenInfo={description:"",methods:[],displayName:"MessageInput",props:{value:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},onChanging:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},onSend:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},enableVoice:{required:!1,tsType:{name:"boolean"},description:""},onVoice:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},disableAttachment:{required:!1,tsType:{name:"boolean"},description:""},onAttachment:{required:!0,tsType:{name:"signature",type:"function",raw:"(event: React.ChangeEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"ReactChangeEvent",raw:"React.ChangeEvent<HTMLInputElement>",elements:[{name:"HTMLInputElement"}]},name:"event"}],return:{name:"void"}}},description:""},previewMessage:{required:!1,tsType:{name:"ReactElement"},description:""},rephrase:{required:!1,tsType:{name:"ReactElement"},description:""},loading:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"string"},description:""},disableActions:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}};const ReplyFilled=ReplyField;ReplyField.__docgenInfo={description:"",methods:[],displayName:"ReplyField"};class FileType{static audio="audio";static video="video";static image="image";static text="text"}var ReplyImagePreviewAttachment=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyImagePreviewAttachment/ReplyImagePreviewAttachment.scss"),ReplyImagePreviewAttachment_options={};ReplyImagePreviewAttachment_options.styleTagTransform=styleTagTransform_default(),ReplyImagePreviewAttachment_options.setAttributes=setAttributesWithoutAttributes_default(),ReplyImagePreviewAttachment_options.insert=insertBySelector_default().bind(null,"head"),ReplyImagePreviewAttachment_options.domAPI=styleDomAPI_default(),ReplyImagePreviewAttachment_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ReplyImagePreviewAttachment.A,ReplyImagePreviewAttachment_options);ReplyImagePreviewAttachment.A&&ReplyImagePreviewAttachment.A.locals&&ReplyImagePreviewAttachment.A.locals;const ReplyImagePreviewAttachment_ReplyImagePreviewAttachment_ReplyImagePreviewAttachment=_ref=>{let{imageFile}=_ref;return react.createElement("div",null,react.createElement("a",{href:imageFile.url,download:"file",target:"_blank",rel:"noreferrer"},react.createElement("img",{className:"reply-preview-image-body",key:imageFile.id,src:imageFile.url,alt:imageFile.name||"attached image"})))},ReplyMessagePreview_ReplyImagePreviewAttachment_ReplyImagePreviewAttachment=ReplyImagePreviewAttachment_ReplyImagePreviewAttachment_ReplyImagePreviewAttachment;function TextDocument(){let theme=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return react.createElement("svg",{width:theme&&theme.width?theme.width:"44",height:theme&&theme.height?theme.height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react.createElement("path",{d:"M25.6668 3.66675H11.0002C8.9835 3.66675 7.35183 5.31675 7.35183 7.33341L7.3335 36.6667C7.3335 38.6834 8.96516 40.3334 10.9818 40.3334H33.0002C35.0168 40.3334 36.6668 38.6834 36.6668 36.6667V14.6667L25.6668 3.66675ZM29.3335 33.0001H14.6668V29.3334H29.3335V33.0001ZM29.3335 25.6667H14.6668V22.0001H29.3335V25.6667ZM23.8335 16.5001V6.41675L33.9168 16.5001H23.8335Z",id:"TextDocument",fill:theme&&theme.color?theme.color:"var(--color-icon)"}))}ReplyImagePreviewAttachment_ReplyImagePreviewAttachment_ReplyImagePreviewAttachment.__docgenInfo={description:"",methods:[],displayName:"ReplyImagePreviewAttachment",props:{imageFile:{required:!0,tsType:{name:"FileEntity"},description:""}}};const Media_TextDocument=TextDocument;TextDocument.__docgenInfo={description:"",methods:[],displayName:"TextDocument"};class RemoteMessageDTO{constructor(){this.id=(new Date).getTime().toString(),this.dialogId="",this.message="",this.created_at=(new Date).toString(),this.date_sent=(new Date).getTime(),this.delivered_ids=new Array,this.read_ids=new Array,this.recipient_id=0,this.read=0,this.sender_id=0,this.updated_at=(new Date).toString(),this.notification_type="",this.attachments=[]}}class RepositoryException extends Error{constructor(message,code){super(message),this.message=message,this.code=code}}const INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE="Error. Mapper DTO Incorrect data exception .";class MapperDTOException extends RepositoryException{constructor(message,code){let description=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";super(message,code),this._description=description,this._description&&(this.message+=` ${this._description}`)}}var quickblox=__webpack_require__("./node_modules/quickblox/quickblox.js"),quickblox_default=__webpack_require__.n(quickblox);let qbSDK;function getQB(){return qbSDK||(qbSDK=quickblox_default()),qbSDK}class MessageDTOMapper{fromDTO(dto){const messageDTO=dto;MessageDTOMapper.validateDTO(messageDTO);return Promise.resolve({_id:"",attachments:[],chat_dialog_id:"",created_at:"",date_sent:0,delivered_ids:[],message:"",read:0,read_ids:[],recipient_id:0,sender_id:0,updated_at:""})}static transformAttachment(qbMessage,qbAtts){return qbAtts.map((item=>{const QB=getQB(),newItem={id:item.id,name:item.name,size:item.size,type:item.type,uid:item.uid,url:item.uid&&QB.content.privateUrl(item.uid),file:{id:item.id,name:item.name,size:item.size,type:item.type,uid:item.uid||"",url:item.uid&&QB.content.privateUrl(item.uid)}},messageParts=MessageDTOMapper.getMessageParts(qbMessage);return messageParts&&messageParts.length>3&&(newItem.uid=messageParts[2],newItem.name=messageParts[1],newItem.type=messageParts[3],newItem.url=newItem.uid&&QB.content.privateUrl(newItem.uid),newItem.file&&(newItem.file.uid=newItem.uid,newItem.file.name=newItem.name,newItem.file.url=newItem.uid&&QB.content.privateUrl(newItem.uid),newItem.file.type=newItem.type)),newItem}))}toTDO(entity){const qbMessage=entity,dto=this.QBChatMessageToRemoteMessageDTO(qbMessage);let operationResult=!0;return dto.qb_original_messages=MessageDTOMapper.translateJSONToOriginalData(qbMessage.qb_original_messages)?.map((item=>{let result;try{result=this.QBChatMessageToRemoteMessageDTO(item,!0)}catch(e){operationResult=!1,console.log(e)}return result})),dto.qb_message_action=qbMessage.qb_message_action,dto.origin_sender_name=qbMessage.origin_sender_name,operationResult||(dto.qb_original_messages=void 0,dto.qb_message_action=void 0,dto.origin_sender_name=void 0),Promise.resolve(dto)}QBChatMessageToRemoteMessageDTO(qbMessage){let offValidate=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const dto=new RemoteMessageDTO;if(offValidate)dto.id=qbMessage._id,dto.dialogId=qbMessage.chat_dialog_id,dto.message=qbMessage.message,dto.created_at=qbMessage.created_at||Date.now().toString(),dto.date_sent=qbMessage.date_sent||1e3*Date.now(),dto.delivered_ids=qbMessage.delivered_ids||[],dto.read_ids=qbMessage.read_ids||[],dto.recipient_id=qbMessage.recipient_id||0,dto.attachments=MessageDTOMapper.transformAttachment(qbMessage.message||"",qbMessage.attachments||[]),dto.read=qbMessage.read||1,dto.sender_id=qbMessage.sender_id,dto.updated_at=qbMessage.updated_at||Date.now().toString(),dto.notification_type=qbMessage.notification_type||"",dto.markable=qbMessage.notification_type||"";else{try{MessageDTOMapper.validateQBMessage(qbMessage)}catch(e){console.log("Error validating QBChatMessage: ("+JSON.stringify(qbMessage)+")"),console.error(e)}dto.id=qbMessage._id,dto.dialogId=qbMessage.chat_dialog_id,dto.message=qbMessage.message,dto.created_at=qbMessage.created_at,dto.date_sent=1e3*qbMessage.date_sent,dto.delivered_ids=qbMessage.delivered_ids||[],dto.read_ids=qbMessage.read_ids||[],dto.recipient_id=qbMessage.recipient_id||0,dto.attachments=MessageDTOMapper.transformAttachment(qbMessage.message||"",qbMessage.attachments||[]),dto.read=qbMessage.read,dto.sender_id=qbMessage.sender_id,dto.updated_at=qbMessage.updated_at,dto.notification_type=qbMessage.notification_type||"",dto.markable=qbMessage.notification_type||""}return dto}static convertAttachment(attachment){return{id:attachment.id.toString(),uid:attachment.uid||"",type:attachment.type.toString(),url:attachment.url||"",name:attachment.name||"",size:attachment.size||0}}static convertToQBChatNewMessage(messages){return messages.map((message=>({_id:message.id,attachments:message.attachments?.map((attachment=>MessageDTOMapper.convertAttachment(attachment)))||[],chat_dialog_id:message.dialogId,created_at:message.created_at,date_sent:message.date_sent,delivered_ids:message.delivered_ids,message:message.message,read_ids:message.read_ids,read:message.read,recipient_id:message.recipient_id,sender_id:message.sender_id,updated_at:message.updated_at,notification_type:message.notification_type,qb_message_action:message.qb_message_action,origin_sender_name:message.origin_sender_name,qb_original_messages:message.qb_original_messages?MessageDTOMapper.translateOriginalDataToJSON(MessageDTOMapper.convertToQBChatNewMessage(message.qb_original_messages||[])||[]):void 0})))}static translateOriginalDataToJSON(qb_original_message){return qb_original_message&&qb_original_message.length>0?JSON.stringify(qb_original_message):""}static translateJSONToOriginalData(json_data){if(json_data)try{const originalData=JSON.parse(json_data);if(Array.isArray(originalData)&&originalData.every((item=>item instanceof Object)))return originalData}catch(error){console.error("Error parsing JSON:",error)}}static FORWARD_MESSAGE_PREFIX="[Forwarded_Message]";static REPLY_MESSAGE_PREFIX="[Replied_Message]";static ATTACHMENT_PREFIX="[Attachment]";static MEDIA_CONTENT_ENTITY_PREFIX="MediaContentEntity";static isForwardedOrRepliedMessage(qbMessage){return qbMessage.includes(MessageDTOMapper.FORWARD_MESSAGE_PREFIX)||qbMessage.includes(MessageDTOMapper.REPLY_MESSAGE_PREFIX)}static isMediaOrAttachmentMessage(message){return message.includes(MessageDTOMapper.MEDIA_CONTENT_ENTITY_PREFIX)||message.includes(MessageDTOMapper.ATTACHMENT_PREFIX)}static formatMessage(qbMessage){return MessageDTOMapper.isMediaOrAttachmentMessage(qbMessage)?this.splitMessageParts(qbMessage)[1]||"":MessageDTOMapper.isForwardedOrRepliedMessage(qbMessage)?"":qbMessage}static getMessageParts(qbMessage){return MessageDTOMapper.isMediaOrAttachmentMessage(qbMessage)?MessageDTOMapper.splitMessageParts(qbMessage):[]}static splitMessageParts(message){return message.split("|")}static validateDTO(messageDTO){const messageDTOValidator={created_at(v){const{created_at}=v;return null!=created_at&&created_at.length>0},date_sent(v){const{date_sent}=v;return null!=date_sent},delivered_ids(v){const{delivered_ids}=v;return null!=delivered_ids},dialogId(v){const{dialogId}=v;return null!=dialogId&&dialogId.length>0},id(v){const{id}=v;return null!=id},message(v){const{message}=v;return null!=message&&message.length>0},read(v){const{read}=v;return null!=read},read_ids(v){const{read_ids}=v;return null!=read_ids},recipient_id(v){const{recipient_id}=v;return null!=recipient_id},sender_id(v){const{sender_id}=v;return null!=sender_id},updated_at(v){const{updated_at}=v;return null!=updated_at&&updated_at.length>0},attachments(v){const{attachments}=v;return null!=attachments}};if(!messageDTOValidator.created_at(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty");if(!messageDTOValidator.date_sent(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {date_sent} does not exist or empty");if(!messageDTOValidator.delivered_ids(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {delivered_ids} does not exist or empty");if(!messageDTOValidator.dialogId(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {dialogId} does not exist or empty");if(!messageDTOValidator.id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!messageDTOValidator.message(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {message} does not exist or empty");if(!messageDTOValidator.read(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read} does not exist or empty");if(!messageDTOValidator.read_ids(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read_ids} does not exist or empty");if(!messageDTOValidator.recipient_id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {recipient_id} does not exist or empty");if(!messageDTOValidator.sender_id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {sender_id} does not exist or empty");if(!messageDTOValidator.updated_at(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty")}static validateQBMessage(qbMessage){const qbMessageValidator={delivered_ids(v){const{delivered_ids}=v;return null!=delivered_ids},read_ids(v){const{read_ids}=v;return null!=read_ids},_id(v){const{_id}=v;return null!=_id&&_id.length>0},attachments(v){const{attachments}=v;return null!=attachments},chat_dialog_id(v){const{chat_dialog_id}=v;return null!=chat_dialog_id&&chat_dialog_id.length>0},created_at(v){const{created_at}=v;return null!=created_at&&created_at.length>0},date_sent(v){const{date_sent}=v;return null!=date_sent},message(v){const{message}=v;return null!=message&&message.length>0},read(v){const{read}=v;return null!=read},recipient_id(v){const{recipient_id}=v;return null!=recipient_id},sender_id(v){const{sender_id}=v;return null!=sender_id},updated_at(v){const{updated_at}=v;return null!=updated_at&&updated_at.length>0}};if(!qbMessageValidator._id(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {_id} does not exist or empty");if(!qbMessageValidator.chat_dialog_id(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {chat_dialog_id} does not exist or empty");if(!qbMessageValidator.created_at(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty");if(!qbMessageValidator.date_sent(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {date_sent} does not exist or empty");if(!qbMessageValidator.message(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {message} does not exist or empty");if(!qbMessageValidator.read(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read} does not exist or empty");if(!qbMessageValidator.recipient_id(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {recipient_id} does not exist or empty");if(!qbMessageValidator.sender_id(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {sender_id} does not exist or empty");if(!qbMessageValidator.updated_at(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty")}}var ReplyMessagePreview=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyMessagePreview.scss"),ReplyMessagePreview_options={};ReplyMessagePreview_options.styleTagTransform=styleTagTransform_default(),ReplyMessagePreview_options.setAttributes=setAttributesWithoutAttributes_default(),ReplyMessagePreview_options.insert=insertBySelector_default().bind(null,"head"),ReplyMessagePreview_options.domAPI=styleDomAPI_default(),ReplyMessagePreview_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ReplyMessagePreview.A,ReplyMessagePreview_options);ReplyMessagePreview.A&&ReplyMessagePreview.A.locals&&ReplyMessagePreview.A.locals;function trimMessage(messageText){return`${messageText.substring(0,39)} ...`}const ReplyMessagePreview_ReplyMessagePreview_ReplyMessagePreview=_ref=>{let{messages,userNameSentMessage,onClose}=_ref;const[messageTextValue,setMessageTextValue]=react.useState("");return(0,react.useEffect)((()=>{const value=MessageDTOMapper.formatMessage(messages[0].message);setMessageTextValue(value)}),[messages[0]?.message]),react.createElement("div",{className:"reply-message-preview-row"},react.createElement("div",{className:"reply-message-preview-row-card"},messages.length>0&&messages[0].attachments&&messages[0].attachments.length>0?react.createElement("div",{className:"reply-message-preview-placeholder"},react.createElement("div",{className:"reply-message-preview-placeholder-icon"},messages&&messages[0].attachments&&messages[0].attachments.length>0&&messages[0].attachments[0].type.toString().includes(FileType.image)&&messages[0].attachments[0].file?react.createElement(ReplyMessagePreview_ReplyImagePreviewAttachment_ReplyImagePreviewAttachment,{imageFile:messages[0].attachments[0].file}):react.createElement(Media_TextDocument,{width:"24",height:"24",color:"var(--caption)"}))):null,react.createElement("div",{className:"reply-message-preview-message"},react.createElement("div",{className:"reply-message-preview-message-caption"},react.createElement("div",{className:"reply-message-preview-message-caption-info"},react.createElement("div",{className:"reply-message-preview-message-caption-info-icon"},react.createElement(ReplyFilled,{width:"16",height:"16",color:"var(--caption)"})),react.createElement("div",{className:"reply-message-preview-message-caption-info-replied-to-name"},"Reply to ",userNameSentMessage))),messages.length>0&&(!messages[0].attachments||messages[0].attachments&&0===messages[0].attachments.length)?react.createElement("div",{className:"reply-message-preview-message-caption-info-text"},messages.length>1?"2 messages":trimMessage(messageTextValue)):react.createElement("div",{className:"reply-message-preview-message-caption-info-file"},messages.length>1?"2 messages":trimMessage(messageTextValue)))),react.createElement("div",{className:"reply-message-preview-message-navigation-close",onClick:onClose},react.createElement(icons.X6,{className:"reply-message-icon"})))},MessageInput_ReplyMessagePreview_ReplyMessagePreview=ReplyMessagePreview_ReplyMessagePreview_ReplyMessagePreview;ReplyMessagePreview_ReplyMessagePreview_ReplyMessagePreview.__docgenInfo={description:"",methods:[],displayName:"ReplyMessagePreview",props:{messages:{required:!0,tsType:{name:"Array",elements:[{name:"MessageEntity"}],raw:"MessageEntity[]"},description:""},userNameSentMessage:{required:!0,tsType:{name:"string"},description:""},onClose:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};class DialogType{static private=3;static public=1;static group=2}class PublicDialogEntity{constructor(customData,id,lastMessage,ownerId,type,unreadMessageCount,updatedAt,name,photo){this.customData=customData,this.id=id,this.lastMessage=lastMessage,this.ownerId=ownerId,this.type=type,this.unreadMessageCount=unreadMessageCount,this.updatedAt=updatedAt,this.name=name,this.photo=photo}static getParticipants=d=>d.type===DialogType.group?d.participantIds:d.type===DialogType.private&&d.participantIds&&d.participantIds.length>0?[d.participantIds[0]]:d.type===DialogType.private&&d.participantId?[d.participantId]:[];static getNewParticipants=d=>{if(d.type===DialogType.group){return d.newParticipantIds||[]}return[]}}class PrivateDialogEntity{constructor(customData,id,name,lastMessage,ownerId,type,unreadMessageCount,updatedAt,participantId){this.customData=customData,this.id=id,this.name=name,this.lastMessage=lastMessage,this.ownerId=ownerId,this.type=type,this.unreadMessageCount=unreadMessageCount,this.updatedAt=updatedAt,this.participantId=participantId}}class GroupDialogEntity{constructor(customData,id,lastMessage,ownerId,type,unreadMessageCount,updatedAt,participantIds,name,photo){this.customData=customData,this.id=id,this.lastMessage=lastMessage,this.ownerId=ownerId,this.type=type,this.unreadMessageCount=unreadMessageCount,this.updatedAt=updatedAt,this.participantIds=participantIds,this.name=name,this.photo=photo}}class RemoteDialogDTO{constructor(){this.id="",this.type=0,this.ownerId="",this.participantId="",this.participantsIds=[],this.updatedAt="",this.lastMessageText="",this.lastMessageUserId=0,this.lastMessageDateSent=0,this.lastMessageId="",this.unreadMessageCount=0,this.name="",this.photo=""}}class RemoteUserDTO{constructor(){this.id="",this.name="",this.full_name="",this.email="",this.login="",this.created_at="",this.updated_at="",this.last_request_at="",this.custom_data="",this.user_tags="",this.blob_id=0}}class Creator{static createPhotoByBlob=async blob_id=>{const QB=getQB(),fileId=blob_id||0,file_uid=await Creator.getInfoPromise(fileId),imageSrc=QB.content.privateUrl(file_uid),{imgSrc,blobFile}=await Creator.createBlobFromUrl(imageSrc);return blobFile?URL.createObjectURL(blobFile):imgSrc||""};static async createBlobFromUrl(imageSrc){let imgSrc="";const blobFile=await fetch(imageSrc).catch((async function(){const response=await fetch(imageSrc).catch((reason=>{console.error("Image fetch error",reason)}));response?.ok&&await async function(response){const blob=await(response?.blob());imgSrc=URL.createObjectURL(blob)}(response)})).then((function(response){return response?.blob()}));return{imgSrc,blobFile}}static async getInfoPromise(fileId){return new Promise(((resolve,reject)=>{getQB().content.getInfo(fileId,(function(error,result){error?reject(error):resolve(result.blob.uid)}))}))}static createMessageEntity(params){return{id:params.id||"",dialogId:params.dialogId,message:params.message,created_at:params.created_at||(new Date).toISOString(),date_sent:params.date_sent||Date.now(),updated_at:params.updated_at||(new Date).toISOString(),delivered_ids:params.delivered_ids||[],read_ids:params.read_ids||[],read:params.read||1,sender_id:params.sender_id,recipient_id:params.recipient_id,attachments:params.attachments,notification_type:params.notification_type,dialogType:params.dialog_type}}static createFileEntity(){return{id:"0",uid:"",url:"",name:"",size:0,type:FileType.image}}}class UserRemoteDTOMapper{fromEntity(entity){const userEntity=entity;if(null==userEntity)throw new MapperDTOException("Error. Mapper DTO Unexpected exception .",131,"entity is null or undefined");const userDTO=new RemoteUserDTO;return UserRemoteDTOMapper.validateEntity(userEntity),userDTO.id=userEntity.id.toString(),userDTO.full_name=userEntity.full_name,userDTO.email=userEntity.email,userDTO.login=userEntity.login,userDTO.created_at=userEntity.created_at,userDTO.updated_at=userEntity.updated_at,userDTO.last_request_at=userEntity.last_request_at,userDTO.custom_data=userEntity.custom_data,userDTO.user_tags=userEntity.user_tags,Promise.resolve(userDTO)}async toEntity(data){const userDTO=data;if(null==userDTO)throw new MapperDTOException("Error. Mapper DTO Unexpected exception .",131,"userDTO is null or undefined");UserRemoteDTOMapper.validateDTO(userDTO);const userEntity=UserRemoteDTOMapper.createDefaultUserEntity();return userEntity.id=parseInt(userDTO.id,10),userEntity.full_name=userDTO.full_name,userEntity.email=userDTO.email,userEntity.login=userDTO.login,userEntity.created_at=userDTO.created_at,userEntity.updated_at=userDTO.updated_at,userEntity.last_request_at=userDTO.last_request_at,userEntity.custom_data=userDTO.custom_data,userEntity.user_tags=userDTO.user_tags,userDTO.blob_id&&(userEntity.photo=await Creator.createPhotoByBlob(userDTO.blob_id)),Promise.resolve(userEntity)}static validateEntity(userEntity){const userEntityValidator={blob_id(v){const{blob_id}=v;return(blob_id||"").length>=0},photo(v){const{photo}=v;return null!=photo&&photo.length>0},created_at(v){const{created_at}=v;return null!=created_at&&created_at.length>0},custom_data(v){const{custom_data}=v;return custom_data||!0},email(v){const{email}=v;return null!=email&&email.length>0},full_name(v){const{full_name}=v;return null!=full_name&&full_name.length>0},id(v){const{id}=v;return null!=id},last_request_at(v){const{last_request_at}=v;return null!=last_request_at&&last_request_at.length>0},login(v){const{login}=v;return null!=login&&login.length>0},updated_at(v){const{updated_at}=v;return null!=updated_at&&updated_at.length>0},user_tags(v){const{user_tags}=v;return user_tags||!0}};if(!userEntityValidator.blob_id(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {blob_id} does not exists or empty");if(!userEntityValidator.created_at(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty");if(!userEntityValidator.custom_data(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {custom_data} does not exist or empty");if(!userEntityValidator.email(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {email} does not exist or empty");if(!userEntityValidator.full_name(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {full_name} does not exist or empty");if(!userEntityValidator.id(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!userEntityValidator.last_request_at(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {last_request_at} does not exist or empty");if(!userEntityValidator.id(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!userEntityValidator.updated_at(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty");if(!userEntityValidator.user_tags(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {user_tags} does not exist or empty")}static validateDTO(userDTO){const dtoValidator={blob_id(v){const{blob_id}=v,result=blob_id||"";return result&&result.length&&result.length>=0||!0},created_at(v){const{created_at}=v;return void 0!==created_at},custom_data(v){const{created_at}=v;return void 0!==created_at},email(v){const{email}=v;return void 0!==email},full_name(v){const{full_name}=v;return void 0!==full_name},id(v){const{id}=v;return void 0!==id},last_request_at(v){const{last_request_at}=v;return void 0!==last_request_at},login(v){const{login}=v;return void 0!==login},name(v){const{name}=v;return void 0!==name},updated_at(v){const{updated_at}=v;return void 0!==updated_at},user_tags(v){const{user_tags}=v;return void 0!==user_tags}};if(!dtoValidator.blob_id(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {blob_id} does not exists or empty in DTO");if(!dtoValidator.created_at(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty in DTO");if(!dtoValidator.custom_data(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {custom_data} does not exist or empty in DTO");if(!dtoValidator.email(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {email} does not exist or empty in DTO");if(!dtoValidator.full_name(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {full_name} does not exist or empty in DTO");if(!dtoValidator.id(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty in DTO");if(!dtoValidator.last_request_at(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {last_request_at} does not exist or empty in DTO");if(!dtoValidator.login(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {login} does not exist or empty in DTO");if(!dtoValidator.name(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {name} does not exist or empty in DTO");if(!dtoValidator.updated_at(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty in DTO");if(!dtoValidator.user_tags(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {user_tags} does not exist or empty in DTO")}static createDefaultUserEntity(){return{created_at:"",custom_data:"",email:"",full_name:"",id:0,last_request_at:"",login:"",updated_at:"",user_tags:"",blob_id:"",photo:""}}}class LocalDialogDTO{constructor(){this.id="",this.type=0,this.ownerId="",this.participantId="",this.participantsIds=[],this.updatedAt="",this.lastMessageText="",this.lastMessageDateSent=0,this.lastMessageUserId="",this.unreadMessageCount=0,this.name="",this.photo=""}}class DialogLocalDTOMapper{fromEntity(entity){const dialog=new LocalDialogDTO,dialogEntity=this.defineType(entity);return DialogLocalDTOMapper.validateEntity(dialogEntity),dialog.id=dialogEntity.id,dialog.type=dialogEntity.type,dialog.ownerId=dialogEntity.ownerId,dialog.participantsIds=DialogLocalDTOMapper.getParticipantsIds(dialogEntity),dialog.participantId=DialogLocalDTOMapper.getParticipantId(dialogEntity),dialog.updatedAt=dialogEntity.updatedAt,dialog.lastMessageText=dialogEntity.lastMessage.text,dialog.lastMessageUserId=dialogEntity.lastMessage.userId.toString(),dialog.lastMessageDateSent=dialogEntity.lastMessage.dateSent,dialog.unreadMessageCount=dialogEntity.unreadMessageCount,dialog.name=DialogLocalDTOMapper.getDialogName(dialogEntity),dialog.photo=DialogLocalDTOMapper.getPhoto(dialogEntity),Promise.resolve(dialog)}toEntity(data){const dialog=data;DialogLocalDTOMapper.validateLocalDTO(dialog);let entity=DialogLocalDTOMapper.createDefaultDialogEntity(dialog.ownerId);switch(dialog.type){case DialogType.private:entity=new PrivateDialogEntity({todo:""},dialog.id,dialog.name,{dateSent:dialog.lastMessageDateSent,text:dialog.lastMessageText?dialog.lastMessageText:"",userId:parseInt(dialog.lastMessageUserId,10)},dialog.ownerId,dialog.type,dialog.unreadMessageCount,dialog.updatedAt,parseInt(dialog.participantId,10));break;case DialogType.public:entity=new PublicDialogEntity({todo:""},dialog.id,{dateSent:dialog.lastMessageDateSent,text:dialog.lastMessageText?dialog.lastMessageText:"",userId:parseInt(dialog.lastMessageUserId,10)},dialog.ownerId,dialog.type,dialog.unreadMessageCount,dialog.updatedAt,dialog.name,dialog.photo);break;case DialogType.group:entity=new GroupDialogEntity({todo:""},dialog.id,{dateSent:dialog.lastMessageDateSent,text:dialog.lastMessageText?dialog.lastMessageText:"",userId:parseInt(dialog.lastMessageUserId,10)},dialog.ownerId,dialog.type,dialog.unreadMessageCount,dialog.updatedAt,dialog.participantsIds,dialog.name,dialog.photo);break;default:return Promise.reject(new MapperDTOException("Error. Mapper DTO Unexpected exception .",131,"undefinded type dialog in DTO"))}return Promise.resolve(entity)}defineType(entity){let dialogEntity=entity;switch(dialogEntity.type){case DialogType.private:dialogEntity=entity instanceof PrivateDialogEntity?entity:null;break;case DialogType.public:dialogEntity=entity instanceof PublicDialogEntity?entity:null;break;case DialogType.group:dialogEntity=entity instanceof GroupDialogEntity?entity:null;break;default:dialogEntity=null}if(!dialogEntity)throw new MapperDTOException("Error. Mapper DTO Unexpected exception .",131,"wrong type");return dialogEntity}static getPhoto(dialogEntity){return(dialogEntity instanceof GroupDialogEntity||dialogEntity instanceof PublicDialogEntity)&&dialogEntity.photo||""}static getDialogName(dialogEntity){return dialogEntity instanceof GroupDialogEntity||dialogEntity instanceof PublicDialogEntity||dialogEntity instanceof PrivateDialogEntity?dialogEntity.name:""}static getParticipantId(dialogEntity){return dialogEntity instanceof PrivateDialogEntity?dialogEntity.participantId.toString():""}static getParticipantsIds(dialogEntity){return dialogEntity instanceof GroupDialogEntity?dialogEntity.participantIds:[]}static validateEntity(dialogEntity){return dialogEntity instanceof PrivateDialogEntity?DialogLocalDTOMapper.validateIsPrivateDialogCorrect(dialogEntity):dialogEntity instanceof PublicDialogEntity?DialogLocalDTOMapper.validateIsPublicDialogCorrect(dialogEntity):dialogEntity instanceof GroupDialogEntity?DialogLocalDTOMapper.validateIsGroupDialogCorrect(dialogEntity):Promise.resolve()}static validateIsPrivateDialogCorrect(dialogEntity){const privateDialogEntityValidator={name(v){const{name}=v;return null!=name&&name.length>0},customData(v){const{customData}=v;return void 0!==customData&&void 0!==customData.todo},id(v){const{id}=v;return null!=id},lastMessage(v){const{lastMessage}=v;return null!=lastMessage&&void 0!==lastMessage.dateSent&&void 0!==lastMessage.text&&void 0!==lastMessage.userId},ownerId(v){const{ownerId}=v;return null!=ownerId},participantId(v){const{participantId}=v;return null!=participantId},type(v){const{type}=v;return null!=type},unreadMessageCount(v){const{unreadMessageCount}=v;return null!=unreadMessageCount},updatedAt(v){const{updatedAt}=v;return null!=updatedAt}};if(!privateDialogEntityValidator.id(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!privateDialogEntityValidator.name(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {name} does not exist or empty");if(!privateDialogEntityValidator.customData(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {customData} does not exist or empty");if(!privateDialogEntityValidator.lastMessage(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {lastMessage} does not exist or empty");if(!privateDialogEntityValidator.ownerId(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {ownerId} does not exist or empty");if(!privateDialogEntityValidator.participantId(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {participantId} does not exist or empty");if(!privateDialogEntityValidator.type(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {type} does not exist or empty");if(!privateDialogEntityValidator.unreadMessageCount(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {unreadMessageCount} does not exist or empty");if(!privateDialogEntityValidator.updatedAt(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updatedAt} does not exist or empty")}static validateIsPublicDialogCorrect(dialogEntity){const publicDialogEntityValidator={customData(v){const{customData}=v;return void 0!==customData&&void 0!==customData.todo},id(v){const{id}=v;return null!=id},lastMessage(v){const{lastMessage}=v;return null!=lastMessage&&void 0!==lastMessage.dateSent&&void 0!==lastMessage.text&&void 0!==lastMessage.userId},ownerId(v){const{ownerId}=v;return null!=ownerId},type(v){const{type}=v;return null!=type},unreadMessageCount(v){const{unreadMessageCount}=v;return null!=unreadMessageCount},updatedAt(v){const{updatedAt}=v;return null!=updatedAt},name(v){const{name}=v;return null!=name&&name.length>0},photo(v){const{photo}=v;return null!=photo}};if(!publicDialogEntityValidator.id(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!publicDialogEntityValidator.customData(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {customData} does not exist or empty");if(!publicDialogEntityValidator.lastMessage(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {lastMessage} does not exist or empty");if(!publicDialogEntityValidator.ownerId(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {ownerId} does not exist or empty");if(!publicDialogEntityValidator.type(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {type} does not exist or empty");if(!publicDialogEntityValidator.unreadMessageCount(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {unreadMessageCount} does not exist or empty");if(!publicDialogEntityValidator.updatedAt(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updatedAt} does not exist or empty");if(!publicDialogEntityValidator.name(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {name} does not exist or empty");if(!publicDialogEntityValidator.photo(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {photo} does not exist or empty")}static validateIsGroupDialogCorrect(dialogEntity){const groupDialogEntityValidator={customData(v){const{customData}=v;return void 0!==customData&&void 0!==customData.todo},id(v){const{id}=v;return null!=id},lastMessage(v){const{lastMessage}=v;return null!=lastMessage&&void 0!==lastMessage.dateSent&&void 0!==lastMessage.text&&void 0!==lastMessage.userId},ownerId(v){const{ownerId}=v;return null!=ownerId},type(v){const{type}=v;return null!=type},unreadMessageCount(v){const{unreadMessageCount}=v;return null!=unreadMessageCount},updatedAt(v){const{updatedAt}=v;return null!=updatedAt},name(v){const{name}=v;return null!=name},photo(v){const{photo}=v;return null!=photo},participantIds(v){const{participantIds}=v;return null!=participantIds}};if(!groupDialogEntityValidator.id(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!groupDialogEntityValidator.customData(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {customData} does not exist or empty");if(!groupDialogEntityValidator.lastMessage(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {lastMessage} does not exist or empty");if(!groupDialogEntityValidator.ownerId(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {ownerId} does not exist or empty");if(!groupDialogEntityValidator.type(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {type} does not exist or empty");if(!groupDialogEntityValidator.unreadMessageCount(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {unreadMessageCount} does not exist or empty");if(!groupDialogEntityValidator.updatedAt(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updatedAt} does not exist or empty");if(!groupDialogEntityValidator.name(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {name} does not exist or empty");if(!groupDialogEntityValidator.photo(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {photo} does not exist or empty");if(!groupDialogEntityValidator.participantIds(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {participantIds} does not exist or empty")}static validateLocalDTO(data){const dtoValidator={id(v){const{id}=v;return void 0!==id},lastMessageDateSent(v){const{lastMessageDateSent}=v;return void 0!==lastMessageDateSent},lastMessageText(v){const{lastMessageText}=v;return void 0!==lastMessageText},lastMessageUserId(v){const{lastMessageUserId}=v;return void 0!==lastMessageUserId},name(v){const{name}=v;return void 0!==name},ownerId(v){const{ownerId}=v;return void 0!==ownerId},participantId(v){const{participantId}=v;return void 0!==participantId},participantsIds(v){const{participantsIds}=v;return void 0!==participantsIds},photo(v){const{photo}=v;return void 0!==photo},type(v){const{type}=v;return void 0!==type},unreadMessageCount(v){const{unreadMessageCount}=v;return void 0!==unreadMessageCount},updatedAt(v){const{updatedAt}=v;return void 0!==updatedAt}};if(!dtoValidator.id(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty in DTO");if(!dtoValidator.lastMessageDateSent(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {lastMessageDateSent} does not exist or empty in DTO");if(!dtoValidator.lastMessageText(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {lastMessageText} does not exist or empty in DTO");if(!dtoValidator.name(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {name} does not exist or empty in DTO");if(!dtoValidator.ownerId(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {ownerId} does not exist or empty in DTO");if(!dtoValidator.participantId(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {participantId} does not exist or empty in DTO");if(!dtoValidator.participantsIds(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {participantsIds} does not exist or empty in DTO");if(!dtoValidator.photo(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {photo} does not exist or empty in DTO");if(!dtoValidator.type(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {type} does not exist or empty in DTO");if(!dtoValidator.unreadMessageCount(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {unreadMessageCount} does not exist or empty in DTO");if(!dtoValidator.updatedAt(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updatedAt} does not exist or empty in DTO")}static createDefaultDialogEntity(owner_id){return{customData:{todo:""},lastMessage:{dateSent:0,text:"",userId:0},ownerId:owner_id,type:DialogType.public,unreadMessageCount:0,updatedAt:"",id:"",name:"_"}}}class LocalMessageDTO{constructor(){this.id="",this.dialogId="",this.message="",this.created_at="",this.date_sent=0,this.delivered_ids=new Array,this.read_ids=new Array,this.recipient_id=0,this.read=0,this.sender_id=0,this.updated_at="",this.attachments=[]}}class MessageLocalDTOMapper{fromEntity(entity){const messageDTO=new LocalMessageDTO,messageEntity=entity;if(null==messageEntity)throw new MapperDTOException("Error. Mapper DTO Unexpected exception .",131,"entity is null or undefined");return MessageLocalDTOMapper.validateEntity(messageEntity),messageDTO.id=messageEntity.id.toString(),messageDTO.dialogId=messageEntity.dialogId,messageDTO.created_at=messageEntity.created_at,messageDTO.date_sent=messageEntity.date_sent,messageDTO.delivered_ids=messageEntity.delivered_ids,messageDTO.message=messageEntity.message,messageDTO.read_ids=messageEntity.read_ids,messageDTO.read=messageEntity.read?1:0,null!==messageEntity.recipient_id&&(messageDTO.recipient_id=messageEntity.recipient_id),messageDTO.notification_type=messageEntity.notification_type,messageDTO.dialog_type=messageEntity.dialogType,messageDTO.sender_id=messageEntity.sender_id,messageDTO.updated_at=messageEntity.updated_at,messageEntity.attachments&&messageEntity.attachments.length&&messageEntity.attachments.forEach((att=>{const newAtt={...att};messageDTO.attachments.push(newAtt)})),Promise.resolve(messageDTO)}toEntity(data){const messageDTO=data;MessageLocalDTOMapper.validateLocalDTO(messageDTO);const messageEntity=MessageLocalDTOMapper.createDefaultMessageEntity();return messageEntity.id=messageDTO.id,messageEntity.dialogId=messageDTO.dialogId,messageEntity.created_at=messageDTO.created_at,messageEntity.date_sent=messageDTO.date_sent,messageEntity.delivered_ids=messageDTO.delivered_ids,messageEntity.message=messageDTO.message,messageEntity.read_ids=messageDTO.read_ids,messageEntity.read=messageDTO.read,messageEntity.recipient_id=messageDTO.recipient_id,messageEntity.sender_id=messageDTO.sender_id,messageEntity.updated_at=messageDTO.updated_at,messageDTO.attachments&&messageDTO.attachments.length&&(messageEntity.attachments=[],messageDTO.attachments.forEach((att=>{const newAtt={...att};messageEntity.attachments?.push(newAtt)}))),messageEntity.notification_type=messageDTO?.notification_type?messageDTO?.notification_type:"",messageEntity.markable=messageDTO?.markable?messageDTO?.markable:"",Promise.resolve(messageEntity)}static validateEntity(messageEntity){const messageEntityValidator={created_at(v){const{created_at}=v;return null!=created_at&&created_at.length>0},date_sent(v){const{date_sent}=v;return null!=date_sent},delivered_ids(v){const{delivered_ids}=v;return null!=delivered_ids},dialogId(v){const{dialogId}=v;return null!=dialogId&&dialogId.length>0},id(v){const{id}=v;return null!=id},message(v){const{message}=v;return null!=message&&message.length>0},read(v){const{read}=v;return null!=read},read_ids(v){const{read_ids}=v;return null!=read_ids},recipient_id(v){const{recipient_id}=v;return null!=recipient_id},sender_id(v){const{sender_id}=v;return null!=sender_id},updated_at(v){const{updated_at}=v;return null!=updated_at&&updated_at.length>0}};if(!messageEntityValidator.created_at(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty");if(!messageEntityValidator.date_sent(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {date_sent} does not exist or empty");if(!messageEntityValidator.delivered_ids(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {delivered_ids} does not exist or empty");if(!messageEntityValidator.dialogId(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {dialogId} does not exist or empty");if(!messageEntityValidator.id(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!messageEntityValidator.message(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {message} does not exist or empty");if(!messageEntityValidator.read(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read} does not exist or empty");if(!messageEntityValidator.read_ids(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read_ids} does not exist or empty");if(!messageEntityValidator.recipient_id(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {recipient_id} does not exist or empty");if(!messageEntityValidator.sender_id(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {sender_id} does not exist or empty");if(!messageEntityValidator.updated_at(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty");return Promise.resolve()}static validateLocalDTO(messageDTO){const dtoValidator={created_at(v){const{created_at}=v;return null!=created_at&&created_at.length>0},date_sent(v){const{date_sent}=v;return null!=date_sent},delivered_ids(v){const{delivered_ids}=v;return null!=delivered_ids},dialogId(v){const{dialogId}=v;return null!=dialogId&&dialogId.length>0},id(v){const{id}=v;return null!=id},message(v){const{message}=v;return null!=message&&message.length>0},read(v){const{read}=v;return null!=read},read_ids(v){const{read_ids}=v;return null!=read_ids},recipient_id(v){const{recipient_id}=v;return null!=recipient_id},sender_id(v){const{sender_id}=v;return null!=sender_id},updated_at(v){const{updated_at}=v;return null!=updated_at&&updated_at.length>0},attachments(v){const{attachments}=v;return null!=attachments}};if(!dtoValidator.created_at(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty");if(!dtoValidator.date_sent(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {date_sent} does not exist or empty");if(!dtoValidator.delivered_ids(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {delivered_ids} does not exist or empty");if(!dtoValidator.dialogId(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {dialogId} does not exist or empty");if(!dtoValidator.id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!dtoValidator.message(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {message} does not exist or empty");if(!dtoValidator.read(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read} does not exist or empty");if(!dtoValidator.read_ids(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read_ids} does not exist or empty");if(!dtoValidator.recipient_id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {recipient_id} does not exist or empty");if(!dtoValidator.sender_id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {sender_id} does not exist or empty");if(!dtoValidator.updated_at(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty")}static createDefaultMessageEntity(){return{id:"",dialogId:"",created_at:"",date_sent:0,delivered_ids:Array(),message:"",read_ids:Array(),read:0,recipient_id:0,sender_id:0,updated_at:""}}}class Stubs{static createMessageEntityWithParams(id,dialogId,message,created_at,date_sent,updated_at,delivered_ids,read_ids,read,sender_id,recipient_id,attachments,notification_type,dialog_type){return{created_at,date_sent,delivered_ids,dialogId,id,message,read,read_ids,recipient_id,sender_id,updated_at,attachments,notification_type,dialogType:dialog_type}}static createFileEntityWithDefaultValues(){return{id:"0",uid:"",url:"",name:"",size:0,type:FileType.image}}static async initializeWithUsersMockData(ds){console.log("local datasource sync status: ",ds.isLocalSynced());const userEntities=Stubs.createUsersForTest(),userEntityToDTOMapper=new UserRemoteDTOMapper;for(const entity of userEntities)try{const userDTO=await userEntityToDTOMapper.fromEntity(entity);await ds.saveUser(userDTO)}catch(e){console.log("EXCEPTION UserEntity perform: ",JSON.stringify(entity)),console.log(e.message),console.log(e._description)}}static async initializeWithDialogsMockData(ds){console.log("local datasource sync status: ",ds.isLocalSynced());const dialogsDTOtoEntityMapper=new DialogLocalDTOMapper,dialogsEntities=Stubs.createDialogsForTest();for(const item of dialogsEntities){const dialogDTO=await dialogsDTOtoEntityMapper.fromEntity(item);ds.saveDialog(dialogDTO).then((_=>{console.log(`added mock item ${JSON.stringify(dialogDTO)}`)})).catch((e=>{console.log("EXCEPTION:",e.message)}))}}static async initializeWithMessagesMockData(ds){console.log("call initializeWithMessagesMockData");const initFirstPageMessages=new Array,photoAttachments=[{id:"10231",type:FileType.image,uid:"10231",url:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png",file:{id:"10231",uid:"",type:FileType.image,url:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png"}}],videoAttachments=[{id:"10232",type:FileType.video,uid:"10232",url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4",file:{id:"10232",uid:"",type:FileType.video,url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4"}}],textAttachments=[{id:"10233",type:FileType.text,uid:"10233",url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt",file:{id:"10233",uid:"",type:FileType.text,url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt"},name:"textFile.txt"}];for(let i=0;i<47;i+=1){const newMessageEntity=Stubs.createMessageEntityWithParams(i.toString(),"103",i%9==0?`${i+1} very very very long test text message for dialog 103. The text message with huge text: bla-bla-bla long long long long, bla-bla-bla, very very very long test text message for dialog 103. very very very long test text message for dialog 103. etc`:`${i+1} test message for dialog 103`,"31.03.2023",Date.now(),"31.03.2023",[134885168,12,13],[134885168,12,13],1,i%2==0?134885168:12,i%2==0?12:134885168,4===i?photoAttachments:5===i?videoAttachments:void 0,i%7==0?"3":void 0);initFirstPageMessages.push(newMessageEntity)}for(let i=47;i<100;i+=1){const newMessageEntity=Stubs.createMessageEntityWithParams(i.toString(),"103",`${i+1} test message for dialog 103`,"31.03.2023",Date.now(),"31.03.2023",[134885168,12,13],[134885168,12,13],1,134885168,12,textAttachments);initFirstPageMessages.push(newMessageEntity)}const messageEntityToDTOMapper=new MessageLocalDTOMapper;for(const entity of initFirstPageMessages)try{const messageDTO=await messageEntityToDTOMapper.fromEntity(entity);await ds.saveMessage(messageDTO)}catch(e){console.log("EXCEPTION MessageEntity perform: ",JSON.stringify(entity)),console.log(e.message),console.log(e._description)}}static initializeMessagesWithMockData(){const initFirstPageMessages=new Array,photoAttachments=[{id:"10231",type:FileType.image,uid:"10231",url:"https://cdn-ikpjoif.nitrocdn.com/WZsqFPiehrtwFaaeJNQAQZrkRMgaTuyL/assets/images/optimized/rev-83f47e6/quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-api-feature-rich-sdk.jpg",file:{id:"10231",uid:"",type:FileType.image,url:"https://cdn-ikpjoif.nitrocdn.com/WZsqFPiehrtwFaaeJNQAQZrkRMgaTuyL/assets/images/optimized/rev-83f47e6/quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-api-feature-rich-sdk.jpg"}}],videoAttachments=[{id:"10232",type:FileType.video,uid:"10232",url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4",file:{id:"10232",uid:"",type:FileType.video,url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4"}}],audioAttachments=[{id:"10233",type:FileType.audio,uid:"10233",url:"https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3",file:{id:"10233",uid:"",type:FileType.audio,url:"https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3"}}],textAttachments=[{id:"10233",type:FileType.text,uid:"10233",url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt",file:{id:"10233",uid:"",type:FileType.text,url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt"},name:"textFile.txt"}],createAttachment=i=>{switch(i){case 1:return photoAttachments;case 2:return videoAttachments;case 3:return audioAttachments;case 4:return textAttachments;default:return[]}};for(let i=1;i<=4;i+=1){const newMessageEntity=Stubs.createMessageEntityWithParams(i.toString(),"103",i%3==0?`${i+1} very very very long test text message for dialog 103. The text message with huge text: bla-bla-bla long long long long, bla-bla-bla, very very very long test text message for dialog 103. very very very long test text message for dialog 103. etc`:`${i+1} test message for dialog 103`,"31.03.2023",Date.now(),"31.03.2023",[134885168,12,13],[134885168,12,13],1,i%2==0?134885168:12,i%2==0?12:134885168,createAttachment(i),i%7==0?"3":void 0);initFirstPageMessages.push(newMessageEntity)}return initFirstPageMessages}static createDialogEntityByTypeWithEmptyValues(dialogType){let dialogEntity;switch(dialogType){case DialogType.private:dialogEntity=new PrivateDialogEntity({todo:""},"","_",{dateSent:0,text:"",userId:0},"",DialogType.private,0,"",0);break;case DialogType.public:dialogEntity=new PublicDialogEntity({todo:""},"",{dateSent:0,text:"",userId:0},"",DialogType.public,0,"","","");break;case DialogType.group:dialogEntity=new GroupDialogEntity({todo:""},"",{dateSent:0,text:"",userId:0},"",DialogType.group,0,"",[],"","");break;default:dialogEntity={customData:{todo:""},id:"",name:"_",lastMessage:{dateSent:0,text:"",userId:0},ownerId:"",type:-1,unreadMessageCount:0,updatedAt:""}}return dialogEntity}static createDialogEntityWithError(){return Stubs.createDialogEntityByTypeWithEmptyValues(-1)}static createDialogEntityByTypeWithDefaultValues(dialogType){let dialogEntity;switch(dialogType){case DialogType.private:dialogEntity=new PrivateDialogEntity({todo:""},"111","_111",{dateSent:0,text:"text test",userId:777},"999",DialogType.private,555,"02.02.2023",333);break;case DialogType.public:dialogEntity=new PublicDialogEntity({todo:""},"111",{dateSent:0,text:"text test",userId:777},"999",DialogType.public,555,"02.02.2023","test public dialog","no photo public dialog");break;case DialogType.group:dialogEntity=new GroupDialogEntity({todo:""},"111",{dateSent:0,text:"text test",userId:777},"999",DialogType.group,555,"02.02.2023",[],"test group dialog","no photo group dialog");break;default:dialogEntity={customData:{todo:""},id:"111",name:"_111",lastMessage:{dateSent:0,text:"text test",userId:777},ownerId:"999",type:-1,unreadMessageCount:555,updatedAt:"03.02.2023"}}return dialogEntity}static createDialogDTOByTypeWithDefaultValues(dialogType){const dto=new RemoteDialogDTO;switch(dialogType){case DialogType.private:dto.id="111",dto.lastMessageDateSent=0,dto.lastMessageText="text test",dto.lastMessageUserId=777,dto.ownerId="999",dto.type=dialogType,dto.unreadMessageCount=555,dto.updatedAt="02.02.2023",dto.participantId="333";break;case DialogType.public:dto.id="111",dto.lastMessageDateSent=0,dto.lastMessageText="text test",dto.lastMessageUserId=777,dto.ownerId="999",dto.type=dialogType,dto.unreadMessageCount=555,dto.updatedAt="02.02.2023",dto.name="test public dialog",dto.photo="no photo public dialog";break;case DialogType.group:dto.id="111",dto.lastMessageDateSent=0,dto.lastMessageText="text test",dto.lastMessageUserId=777,dto.ownerId="999",dto.type=dialogType,dto.unreadMessageCount=555,dto.updatedAt="02.02.2023",dto.participantsIds=[],dto.name="test group dialog",dto.photo="no photo group dialog"}return dto}static createArrayDialogDTOByTypeWithDefaultValues(count,dialogType){const arrayDialogs=[];for(let i=0;i<count;i+=1){Stubs.createDialogDTOByTypeWithDefaultValues(dialogType).id=(1e3+i).toString(),arrayDialogs.push()}return arrayDialogs}static createArrayPublicDialogDTO(){console.log("call createArrayPublicDialogDTO");return[{id:"1",name:"Cash Chat 1",ownerId:"1",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:0,lastMessageUserId:0,lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"2",name:"Cash Chat 2",ownerId:"2",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:0,lastMessageUserId:0,lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"3",name:"Chat 3 from Cash",ownerId:"3",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:0,lastMessageUserId:0,lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"4",name:"Chat 4 from Cash",ownerId:"4",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:0,lastMessageUserId:0,lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"5",name:"Chat 5 from Cash",ownerId:"5",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:0,lastMessageUserId:0,lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"6",name:"Chat 6 from Cash",ownerId:"6",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:0,lastMessageUserId:0,lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"7",name:"Chat 7 Lucky Room",ownerId:"7",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:0,lastMessageUserId:0,lastMessageId:"",unreadMessageCount:0,updatedAt:""}]}static createPublicDialogQBWithEmptyValues(){return{_id:"111",created_at:"01.03.2023",last_message:"test message",last_message_date_sent:0,last_message_id:"100",last_message_user_id:112,name:"",occupants_ids:[],new_occupants_ids:[],photo:null,type:DialogType.public,unread_messages_count:0,updated_at:"02.03.2023",user_id:0,xmpp_room_jid:null}}static createPrivateDialogQBWithEmptyValues(){return{_id:"111",created_at:"01.03.2023",last_message:"test message",last_message_date_sent:0,last_message_id:"100",last_message_user_id:112,name:"",occupants_ids:[],new_occupants_ids:[],photo:null,type:DialogType.private,unread_messages_count:0,updated_at:"02.03.2023",user_id:0,xmpp_room_jid:null}}static createGroupDialogQBWithEmptyValues(){return{_id:"111",created_at:"01.03.2023",last_message:"test message",last_message_date_sent:0,last_message_id:"100",last_message_user_id:112,name:"",occupants_ids:[],new_occupants_ids:[],photo:null,type:DialogType.group,unread_messages_count:0,updated_at:"02.03.2023",user_id:0,xmpp_room_jid:null}}static createDialogEntityWithParams(dialogType,id,name,dateSentLastMessage,textLastMessage,userIdLastMessage,ownerId,unreadMessageCount,updatedAt,participantId){let dialogEntity,photo=arguments.length>10&&void 0!==arguments[10]?arguments[10]:"",participantIds=arguments.length>11&&void 0!==arguments[11]?arguments[11]:[];switch(dialogType){case DialogType.private:dialogEntity=new PrivateDialogEntity({todo:""},id,name,{dateSent:dateSentLastMessage,text:textLastMessage,userId:userIdLastMessage},ownerId,DialogType.private,unreadMessageCount,updatedAt,participantId);break;case DialogType.public:dialogEntity=new PublicDialogEntity({todo:""},id,{dateSent:dateSentLastMessage,text:textLastMessage,userId:userIdLastMessage},ownerId,DialogType.public,unreadMessageCount,updatedAt,name,photo);break;case DialogType.group:dialogEntity=new GroupDialogEntity({todo:""},id,{dateSent:dateSentLastMessage,text:textLastMessage,userId:userIdLastMessage},ownerId,DialogType.group,unreadMessageCount,updatedAt,participantIds,name,photo);break;default:dialogEntity={customData:{todo:""},id:"012345",name:"error dialog",lastMessage:{dateSent:0,text:"text test",userId:12345},ownerId:"12345",type:-1,unreadMessageCount:0,updatedAt:"31.03.2023"}}return dialogEntity}static createUserEntityWithParams(id,full_name,email,login,created_at,updated_at,last_request_at){return{id,full_name,email,login,created_at,updated_at,last_request_at,blob_id:arguments.length>9&&void 0!==arguments[9]?arguments[9]:"",photo:arguments.length>10&&void 0!==arguments[10]?arguments[10]:"",custom_data:arguments.length>7&&void 0!==arguments[7]?arguments[7]:null,user_tags:arguments.length>8&&void 0!==arguments[8]?arguments[8]:null}}static createDialogsForTest(){const dialogs=new Array,privateDialog=Stubs.createDialogEntityWithParams(DialogType.private,"101","Stub1 Private Dialog",0,"Test text message for private dialog",11,"11",1,"31.03.20223",12);dialogs.push(privateDialog);const publicDialog=Stubs.createDialogEntityWithParams(DialogType.public,"102","Stub2 Public Dialog",0,"Test text message for public dialog",12,"12",1,"31.03.20223",12,"no photo",[11,12,13]);dialogs.push(publicDialog);const groupDialog=Stubs.createDialogEntityWithParams(DialogType.group,"103","Stub 3 Group Dialog",0,"Test text message for group dialog",13,"13",1,"31.03.20223",13,"no photo",[11,12,13]);return dialogs.push(groupDialog),dialogs}static createUsersForTest(){const users=new Array,user11=Stubs.createUserEntityWithParams(11,"fl_user11","fl_user11@q.ua","login_user11","31.03.2023","31.03.2023",""),user12=Stubs.createUserEntityWithParams(12,"fl_user12","fl_user12@q.ua","login_user12","31.03.2023","31.03.2023",""),user13=Stubs.createUserEntityWithParams(13,"fl_user13","fl_user13@q.ua","login_user13","31.03.2023","31.03.2023","");return users.push(user11),users.push(user12),users.push(user13),users}static createMessagesForTest(){const messages=new Array,message102_1=Stubs.createMessageEntityWithParams("1021","102","1 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),message102_2=Stubs.createMessageEntityWithParams("1022","102","2 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),photoAttachments=[{id:"10231",type:FileType.image,uid:"10231",url:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png",file:{id:"10231",uid:"",type:FileType.image,url:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png"}}],message102_3=Stubs.createMessageEntityWithParams("1023","102","3 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12,photoAttachments),videoAttachments=[{id:"10232",type:FileType.video,uid:"10232",url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4",file:{id:"10232",uid:"",type:FileType.video,url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4"}}],message102_4=Stubs.createMessageEntityWithParams("1024","102","3 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12,videoAttachments),audioAttachments=[{id:"10233",type:FileType.audio,uid:"10233",url:"https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3",file:{id:"10233",uid:"",type:FileType.audio,url:"https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3"}}],message102_5=Stubs.createMessageEntityWithParams("1025","102","3 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12,audioAttachments),textAttachments=[{id:"10233",type:FileType.text,uid:"10233",url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt",file:{id:"10233",uid:"",type:FileType.text,url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt"}}],message102_6=Stubs.createMessageEntityWithParams("1026","102","3 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12,textAttachments);messages.push(message102_1),messages.push(message102_2),messages.push(message102_3),messages.push(message102_4),messages.push(message102_5),messages.push(message102_6);const message112_1=Stubs.createMessageEntityWithParams("1121","112","1 test message for dialog 112","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),message112_2=Stubs.createMessageEntityWithParams("1122","112","2 test message for dialog 112","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),message112_3=Stubs.createMessageEntityWithParams("1123","112","3 test message for dialog 112","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12);messages.push(message112_1),messages.push(message112_2),messages.push(message112_3);const message113_1=Stubs.createMessageEntityWithParams("1131","113","1 test message for dialog 113","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),message113_2=Stubs.createMessageEntityWithParams("1132","113","2 test message for dialog 113","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),message113_3=Stubs.createMessageEntityWithParams("1133","113","3 test message for dialog 113","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12);return messages.push(message113_1),messages.push(message113_2),messages.push(message113_3),messages}}const MessageInput_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/MessageInput",component:ui_components_MessageInput_MessageInput,tags:["autodocs"],parameters:{layout:"centered"},argTypes:{rephrase:{control:!1},value:{control:"text",description:"Input value"},onChange:{action:"changed",description:"Change event handler"},onSend:{action:"sent",description:"Send event handler"},enableVoice:{control:"boolean",description:"Enable voice message option"},onVoice:{action:"voice activated",description:"Voice event handler"},disableAttachment:{control:"boolean",description:"Disable attachment option"},onAttachment:{action:"attachment added",description:"Attachment event handler"},loading:{control:"boolean",description:"Enable loading state"},previewMessage:{description:"Last message by type",control:"select",options:["Text","Image","Video","Audio","None"],mapping:{Text:react.createElement(MessageInput_ReplyMessagePreview_ReplyMessagePreview,{messages:[Stubs.initializeMessagesWithMockData()[3]],userNameSentMessage:"",onClose:()=>{console.log("closed")}}),Image:react.createElement(MessageInput_ReplyMessagePreview_ReplyMessagePreview,{messages:[Stubs.initializeMessagesWithMockData()[0]],userNameSentMessage:"",onClose:()=>{console.log("closed")}}),Video:react.createElement(MessageInput_ReplyMessagePreview_ReplyMessagePreview,{messages:[Stubs.initializeMessagesWithMockData()[1]],userNameSentMessage:"",onClose:()=>{console.log("closed")}}),Audio:react.createElement(MessageInput_ReplyMessagePreview_ReplyMessagePreview,{messages:[Stubs.initializeMessagesWithMockData()[2]],userNameSentMessage:"",onClose:()=>{console.log("closed")}}),None:void 0}},className:{control:"text",description:"CSS class"}}},MessageInputDefault={name:"MessageInput Default",args:{value:"",enableVoice:!0,disableAttachment:!1,loading:!1}},MessageInputWithVoiceMessage={name:"MessageInput With Voice Message",args:{...MessageInputDefault.args,enableVoice:!0,onVoice:()=>{}}},MessageInputWithPreview={name:"MessageInput With Preview",args:{...MessageInputDefault.args,previewMessage:react.createElement(MessageInput_ReplyMessagePreview_ReplyMessagePreview,{messages:[Stubs.initializeMessagesWithMockData()[0]],userNameSentMessage:"",onClose:()=>{console.log("closed")}})}},MessageInputLoadingState={name:"MessageInput Loading State",args:{...MessageInputDefault.args,loading:!0}},__namedExportsOrder=["MessageInputDefault","MessageInputWithVoiceMessage","MessageInputWithPreview","MessageInputLoadingState"];MessageInputDefault.parameters={...MessageInputDefault.parameters,docs:{...MessageInputDefault.parameters?.docs,source:{originalSource:"{\n name: 'MessageInput Default',\n args: {\n value: '',\n enableVoice: true,\n disableAttachment: false,\n loading: false\n }\n}",...MessageInputDefault.parameters?.docs?.source}}},MessageInputWithVoiceMessage.parameters={...MessageInputWithVoiceMessage.parameters,docs:{...MessageInputWithVoiceMessage.parameters?.docs,source:{originalSource:"{\n name: 'MessageInput With Voice Message',\n args: {\n ...MessageInputDefault.args,\n enableVoice: true,\n onVoice: () => {}\n }\n}",...MessageInputWithVoiceMessage.parameters?.docs?.source}}},MessageInputWithPreview.parameters={...MessageInputWithPreview.parameters,docs:{...MessageInputWithPreview.parameters?.docs,source:{originalSource:"{\n name: 'MessageInput With Preview',\n args: {\n ...MessageInputDefault.args,\n previewMessage: <ReplyMessagePreview messages={[Stubs.initializeMessagesWithMockData()[0]]} userNameSentMessage=\"\" onClose={() => {\n console.log('closed');\n }} />\n }\n}",...MessageInputWithPreview.parameters?.docs?.source}}},MessageInputLoadingState.parameters={...MessageInputLoadingState.parameters,docs:{...MessageInputLoadingState.parameters?.docs,source:{originalSource:"{\n name: 'MessageInput Loading State',\n args: {\n ...MessageInputDefault.args,\n loading: true\n }\n}",...MessageInputLoadingState.parameters?.docs?.source}}}}}]);

package/storybook-static/docs-Introduction-mdx.5addfa61.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[485],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./node_modules/@storybook/blocks/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/blocks/dist sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/core/dist/components sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/core/dist/components sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/core/dist/theming sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/core/dist/theming sync recursive",module.exports=webpackEmptyContext},"./src/docs/Introduction.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>MDXContent});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");function _createMdxContent(props){const _components={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h3:"h3",h4:"h4",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.W8,{title:"📕 Documentation/Introduction"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"introduction",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#importing-dependencies-in-the-project",rel:"nofollow",children:"Introduction"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"The QuickBlox UIKit for React comprises a collection of pre-assembled UI components that enable effortless creation of an in-app chat equipped with all the necessary messaging functionalities. Our development kit encompasses light and dark themes, colors, and various other features. These components can be personalized to fashion an engaging messaging interface that reflects your brand's distinct identity."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"The QuickBlox UIKit fully supports both private and group dialogs. To initiate the process of sending a message from the ground up using Java or Kotlin, please refer to the instructions provided in the guide below."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"installation",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#step2-adding-dependencies-to-a-react-project",rel:"nofollow",children:"Installation"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To successfully integrate QuickBlox functionality into your React project, you need to add two main dependencies: quickblox and quickblox-react-ui-kit. By following the documentation, you can easily add these packages to your project."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-bash",children:"npm install quickblox --save\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-bash",children:"npm install quickblox-react-ui-kit --save\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h4,{id:"importing-dependencies-in-the-project",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#importing-dependencies-in-the-project",rel:"nofollow",children:"Importing Dependencies in the Project"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Open the file where you want to use QuickBlox functionality, such as App.tsx\nAdd the following lines at the beginning of the file to import the dependencies:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.blockquote,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.strong,{children:"Note: We are using // @ts-ignor in TypeScript because QuickBlox SDK doesn't share types."})}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"// @ts-ignore\nimport * as QB from 'quickblox/quickblox';\nimport 'quickblox-react-ui-kit';\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"adding-qbconfigts-file-to-your-react-application",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#step-3-adding-qbconfigts-file-to-your-react-application",rel:"nofollow",children:"Adding QBconfig.ts File to Your React Application"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To ensure proper configuration and functionality of the QuickBlox UIKit in your React application, it is essential to add a QBconfig.ts file to the src folder. This file allows you to define the necessary parameters for the QuickBlox UIKit.\nThe QBconfig.ts file contains various configuration settings that determine how the QuickBlox UIKit interacts with the QuickBlox JavaScript SDK and the backend services. These settings include:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"appId: This parameter represents the unique identifier assigned to your QuickBlox application. It helps establish a connection between the frontend and backend components.\nauthKey and authSecret: These parameters are used for authentication purposes. They ensure secure communication between your application and the QuickBlox backend.\naccountKey: This parameter identifies your QuickBlox account and provides access to the associated services.\napiEndpoint and chatEndpoint: These parameters define the API and chat endpoints provided by QuickBlox. They specify the URLs to which the QuickBlox UIKit will send requests for various functionalities."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"export const QBConfig = {\n credentials: {\n appId: YOUR_APP_ID_FROM_ADMIN_PANEL,\n accountKey: 'YOUR_ACCOUNT_KEY_FROM_ADMIN_PANEL',\n authKey: 'YOUR_AUTH_KEY_FROM_ADMIN_PANEL',\n authSecret: 'YOUR_AUTH_SECRET_FROM_ADMIN_PANEL',\n sessionToken: '',\n },\n appConfig: {\n chatProtocol: {\n Active: 2,\n },\n debug: false,\n endpoints: {\n apiEndpoint: 'https://api.quickblox.com',\n chatEndpoint: 'chat.quickblox.com',\n },\n on: {\n async sessionExpired(handleResponse: any, retry: any) {\n console.log(`Test sessionExpired… ${handleResponse} ${retry}`);\n },\n },\n streamManagement: {\n Enable: true,\n },\n },\n};\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"In this example, make sure to replace the placeholder values (YOUR_APP_ID_FROM_ADMIN_PANEL, YOUR_ACCOUNT_KEY_FROM_ADMIN_PANEL, YOUR_AUTH_KEY_FROM_ADMIN_PANEL, YOUR_AUTH_SECRET_FROM_ADMIN_PANEL) with the actual values obtained from your QuickBlox application.\nBy adding the QBconfig.ts file to your React application, you ensure that the QuickBlox UIKit is properly configured and can interact seamlessly with the QuickBlox backend services."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.blockquote,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.strong,{children:"Note: If you initialize your SDK using a session token, you need to not only fill the sessionToken field in QBConfig but also fill other properties in the same way as when using the initWithAppId method. See the link initialize QuickBlox SDK without Authorization Key and Secret."})}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Now we can add dependecies in our code. (Open your App.tsx and add that lines.)"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"import * as QB from 'quickblox/quickblox';\nimport 'quickblox-react-ui-kit';\nimport { QBConfig } from './QBconfig'; // this line is new\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"updating-the-project-structure-according-to-your-needs",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#step-4-updating-the-project-structure-according-to-your-needs",rel:"nofollow",children:"Updating the project structure according to your needs"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:'In order to enhance the organization and maintainability of your project, it is recommended to make changes to the structure of the App.tsx in the src folder.\nYou need to add a constant called "currentUser" inside the App() function in the App.tsx file, which describes your user registered in the admin panel, and configure the QuickBloxUIKitProvider. Additionally, import the necessary entities from quickblox-react-ui-kit.\nAs a result, you should have the code like code below:'}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"import React from 'react';\nimport type { QBSession, QBUser } from 'quickblox/quickblox';\nimport {\n QuickBloxUIKitProvider,\n QuickBloxUIKitDesktopLayout,\n} from 'quickblox-react-ui-kit';\nimport { QBConfig } from '../../configs/QBconfig';\nimport Header from '../../components/Header';\nimport SettingModal from '../../components/modals/SettingModal';\nimport LogoutModal from '../../components/modals/LogoutModal';\n\ninterface AppProps {\n session: QBSession;\n logout: VoidFunction;\n}\n\nconst App = (props: AppProps) => {\n const { session, logout } = props;\n const [user, setUser] = useState<QBUser | null>(null);\n\n return (\n <QuickBloxUIKitProvider\n maxFileSize={100 * 1000000}\n accountData={{ ...QBConfig.credentials, sessionToken: session.token }}\n qbConfig={{ ...QBConfig }}\n >\n <Header\n avatarUrl={avatarUrl}\n options={options}\n handleChange={handleChange}\n user={user}\n regex={regex}\n />\n <QuickBloxUIKitDesktopLayout uikitHeightOffset={'40px'} />\n <SettingModal\n user={user}\n avatarUrl={avatarUrl}\n selectedValue={selectedValue}\n setSelectedValue={setSelectedValue}\n regex={regex}\n setUser={setUser}\n />\n <LogoutModal\n selectedValue={selectedValue}\n setSelectedValue={setSelectedValue}\n handleLogout={logout}\n />\n </QuickBloxUIKitProvider>\n );\n};\n\nexport default App;\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"QuickBloxUIKitProvider can accept up to three parameters:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"maxFileSize - controls the maximum size of uploaded files."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"accountData - information about the application's account data."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"loginData - information about the logged-in user."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Let's add the QuickBlox UIKit chat layer - QuickBloxUIKitDesktopLayout - to the markup of the main component of the application."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"If we do not specify a sessionToken in accountData, it means that the login and session start process occurs within our application. In this case, it is necessary to perform the following fifth step in our instruction.\nHowever, if the session start and application login process is already performed in another application, such as on a server, and we already have a ready sessionToken, then we can skip the next step."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"configure-quickbloxuikitprovider",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#step-5-configure-quickbloxuikitprovider",rel:"nofollow",children:"Configure QuickBloxUIKitProvider"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To configure QuickBloxUIKitProvider and use QuickBloxUIKit in your application, follow these steps:\nInitialize DataContext:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"To work with QuickBlox, it is necessary to initialize the UI Kit react DataContext. It contains important data and settings for using QuickBloxSDK. The DataContext connects various components of the application and provides them access to shared data."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"const qbUIKitContext: QBDataContextType = React.useContext(qbDataContext);\n\nconst [isUserAuthorized, setUserAuthorized] = React.useState(false);\nconst [isSDKInitialized, setSDKInitialized] = React.useState(false);\n\nconst prepareSDK = async (): Promise<void> => {\n // check if we have installed SDK\n if ((window as any).QB === undefined) {\n if (QB !== undefined) {\n (window as any).QB = QB;\n } else {\n let QBLib = require('quickblox/quickblox.min');\n (window as any).QB = QBLib;\n }\n }\n\n const APPLICATION_ID = QBConfig.credentials.appId;\n const AUTH_KEY = QBConfig.credentials.authKey;\n const AUTH_SECRET = QBConfig.credentials.authSecret;\n const ACCOUNT_KEY = QBConfig.credentials.accountKey;\n const CONFIG = QBConfig.appConfig;\n\n QB.init(APPLICATION_ID, AUTH_KEY, AUTH_SECRET, ACCOUNT_KEY, CONFIG);\n};\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ol,{start:"2",children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"We need to add user authentication, so to do this, we will introduce two states and use the useEffect hook:"}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"const [authorized, setAuthorized] = React.useState(false);\nconst [initedSDK, setInitedSDK] = React.useState(false);\n\n......\n\n useEffect(() => {\n if (!isSDKInitialized) {\n prepareSDK().then(result => {\n\n QB.createSession(currentUser, async function (errorCreateSession: any, session: any) {\n if (errorCreateSession) {\n console.log('Create User Session has error:', JSON.stringify(errorCreateSession));\n } else {\n const userId: number = session.user_id;\n const password: string = session.token;\n const paramsConnect = { userId, password };\n\n QB.chat.connect(paramsConnect, async function (errorConnect: any, resultConnect: any) {\n if (errorConnect) {\n console.log('Can not connect to chat server: ', errorConnect);\n } else {\n const authData: AuthorizationData = {\n userId: userId,\n password: password,\n userName: currentUser.login,\n sessionToken: session.token\n };\n await qbUIKitContext.authorize(authData);\n setSDKInitialized(true);\n setUserAuthorized(true);\n }\n });\n }\n });\n }).catch(\n e => {\n console.log('init SDK has error: ', e)\n });\n }\n }, []);\n\n ......\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"After implementing all the steps, your App.tsx file should look like this. You can compare it this your code or copy it instead of."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"import React, { useEffect } from 'react';\n\n// @ts-ignore\nimport * as QB from 'quickblox/quickblox';\nimport {\n QuickBloxUIKitProvider,\n qbDataContext,\n QuickBloxUIKitDesktopLayout,\n LoginData,\n AuthorizationData,\n QBDataContextType,\n} from 'quickblox-react-ui-kit';\nimport { QBConfig } from './QBconfig';\nimport './App.css';\n\nfunction App() {\n const currentUser: LoginData = {\n login: '',\n password: '',\n };\n\n const qbUIKitContext: QBDataContextType = React.useContext(qbDataContext);\n\n const [isUserAuthorized, setUserAuthorized] = React.useState(false);\n const [isSDKInitialized, setSDKInitialized] = React.useState(false);\n\n const prepareSDK = async (): Promise<void> => {\n // check if we have installed SDK\n if ((window as any).QB === undefined) {\n if (QB !== undefined) {\n (window as any).QB = QB;\n } else {\n let QBLib = require('quickblox/quickblox.min');\n (window as any).QB = QBLib;\n }\n }\n\n const APPLICATION_ID = QBConfig.credentials.appId;\n const AUTH_KEY = QBConfig.credentials.authKey;\n const AUTH_SECRET = QBConfig.credentials.authSecret;\n const ACCOUNT_KEY = QBConfig.credentials.accountKey;\n const CONFIG = QBConfig.appConfig;\n\n QB.init(APPLICATION_ID, AUTH_KEY, AUTH_SECRET, ACCOUNT_KEY, CONFIG);\n };\n\n useEffect(() => {\n if (!isSDKInitialized) {\n prepareSDK()\n .then((result) => {\n QB.createSession(\n currentUser,\n async function (errorCreateSession: any, session: any) {\n if (errorCreateSession) {\n console.log(\n 'Create User Session has error:',\n JSON.stringify(errorCreateSession),\n );\n } else {\n const userId: number = session.user_id;\n const password: string = session.token;\n const paramsConnect = { userId, password };\n\n QB.chat.connect(\n paramsConnect,\n async function (errorConnect: any, resultConnect: any) {\n if (errorConnect) {\n console.log(\n 'Can not connect to chat server: ',\n errorConnect,\n );\n } else {\n const authData: AuthorizationData = {\n userId: userId,\n password: password,\n userName: currentUser.login,\n sessionToken: session.token,\n };\n await qbUIKitContext.authorize(authData);\n setSDKInitialized(true);\n setUserAuthorized(true);\n }\n },\n );\n }\n },\n );\n })\n .catch((e) => {\n console.log('init SDK has error: ', e);\n });\n }\n }, []);\n\n return (\n <div>\n <QuickBloxUIKitProvider\n maxFileSize={100 * 1000000}\n accountData={{ ...QBConfig.credentials }}\n loginData={{\n login: currentUser.login,\n password: currentUser.password,\n }}\n >\n <div className=\"App\">\n {\n // React states indicating the ability to render UI\n isSDKInitialized && isUserAuthorized ? (\n <QuickBloxUIKitDesktopLayout />\n ) : (\n <div>wait while SDK is initializing...</div>\n )\n }\n </div>\n </QuickBloxUIKitProvider>\n </div>\n );\n}\n\nexport default App;\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"You should run the application using the command:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-bash",children:"npm start\n"})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}}}]);

package/storybook-static/docs-Styling-mdx.9f4235f1.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[234],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./node_modules/@storybook/blocks/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/blocks/dist sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/core/dist/components sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/core/dist/components sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/core/dist/theming sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/core/dist/theming sync recursive",module.exports=webpackEmptyContext},"./src/docs/Styling.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>MDXContent});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");function _createMdxContent(props){const _components={a:"a",code:"code",h1:"h1",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.W8,{title:"📕 Documentation/Styling"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"customization",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-customization",rel:"nofollow",children:"Customization"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"The QuickBlox UIKit for React allows you to create your own unique view of the UIKit."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"default-themes",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-customization#default-themes",rel:"nofollow",children:"Default themes"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"The QuickBlox UIKit for React has 2 built in themes: Dark and Light."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"color-theme",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"",children:"Color Theme"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.img,{src:"https://files.readme.io/393b8d6-ColorTheme.png",alt:"Image"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Default theme for UIKit is Light.\nTo set theme you need to set value 'dark' to key data-theme in global styles (html[data-theme=\"dark”]).\nFor example, you can use pure JavaScript:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-js",children:"document.documentElement.setAttribute('data-theme', 'dark');\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"use-your-own-theme",children:"Use your own theme"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"There are two options how you can create your own theme:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"Customize current theme using css"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"Create your own theme to customize selected components"}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To customize the current theme you just need to set the new colors in css variables."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Or you can create your own theme. To do this you need to create a new class that implements the UiKitTheme interface."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To use your own theme using css you need to create _theme_colors_scheme.scss and set colors"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-scss",children:"$background-overlay-light: rgba(19, 29, 40, 0.8);\n$background-overlay-dark: rgba(144, 151, 159, 0.8);\n$primary-50: #e7efff;\n$primary-100: #c4d7fe;\n$primary-200: #9cbcfe;\n$primary-300: #74a1fd;\n$primary-400: #578cfc;\n$primary-500: #3978fc;\n$primary-600: #3370fc;\n$primary-700: #2c65fb;\n$primary-800: #245bfb;\n$primary-900: #1748fa;\n$primary-a-100: #ffffff;\n$primary-a-200: #f7f9ff;\n$primary-a-400: #c4cfff;\n$primary-a-700: #abbaff;\n$secondary-50: #e4e6e8;\n$secondary-100: #bcc1c5;\n$secondary-200: #90979f;\n$secondary-300: #636d78;\n$secondary-400: #414e5b;\n$secondary-500: #202f3e;\n$secondary-600: #1c2a38;\n$secondary-700: #182330;\n$secondary-800: #131d28;\n$secondary-900: #0b121b;\n$secondary-a-100: #74a1fd;\n$secondary-a-200: #3978fc;\n$secondary-a-400: #245bfb;\n$secondary-a-700: #0050dc;\n$system-green-100: #c8f1d6;\n$system-green-200: #a4e7bb;\n$system-green-300: #80dda0;\n$system-green-400: #64d68b;\n$system-green-500: #49cf77;\n$error-100: #ffc4c1;\n$error-200: #ff9d98;\n$error-300: #ff766e;\n$error-400: #ff584f;\n$error-500: #ff3b30;\n$information: #fdb0ff;\n$highlight: #fffdc1;\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To use your own new theme colors create _theme_dark.scss and _theme_light.scss files and set color variable."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-scss",children:"// _theme_dark.scss:\n\nhtml[data-theme='dark'] {\n --color-background-info: #{$primary-500};\n --tertiary-elements: #{$background-overlay-dark};\n --main-elements: #{$primary-300};\n --secondary-elements: #{$primary-a-100};\n --input-elements: #{$secondary-200};\n --disabled-elements: #{$secondary-300};\n --field-border: #{$secondary-200};\n --main-text: #{$primary-a-100};\n --secondary-text: #{$secondary-200};\n --caption: #{$secondary-100};\n --main-background: #{$secondary-500};\n --secondary-background: #{$secondary-800};\n --incoming-background: #{$secondary-400};\n --outgoing-background: #{$primary-500};\n --dropdown-background: #{$secondary-400};\n --chat-input: #{$secondary-800};\n --divider: #{$secondary-400};\n --error: #{$error-300};\n --hightlight: #{$highlight};\n}\n\n// _theme_light.scss:\n:root {\n --color-background-info: #{$primary-100};\n --tertiary-elements: #{$secondary-300};\n --main-elements: #{$primary-500};\n --secondary-elements: #{$secondary-500};\n --input-elements: #{$secondary-500};\n --disabled-elements: #{$secondary-100};\n --field-border: #{$secondary-200};\n --main-text: #{$secondary-900};\n --secondary-text: #{$secondary-300};\n --caption: #{$secondary-200};\n --main-background: #{$primary-a-100};\n --secondary-background: #{$primary-a-100};\n --secondary-background-modal: #{$background-overlay-light};\n --incoming-background: #{$secondary-50};\n --outgoing-background: #{$primary-50};\n --dropdown-background: #{$primary-a-100};\n --chat-input: #{$primary-a-200};\n --divider: #{$primary-50};\n --error: #{$error-500};\n --hightlight: #{$highlight};\n}\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To create your own theme to customize selected components you need to create a new class that implements the UiKitTheme interface."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"//DefaultTheme implements UiKitTheme\nexport default class CustomTheme extends DefaultTheme {\n divider = (): string => 'var(--divider)';\n mainText = (): string => '#FFFFFF';\n fontFamily = (): string => 'Roboto';\n /*\n The DefaultTheme contains other theme methods :\n caption = (): string => 'var(--caption)';\n chatInput = (): string => 'var(--chat-input)';\n disabledElements = (): string => 'var(--disabled-elements)';\n dropdownBackground = (): string => 'var(--dropdown-background)';\n error = (): string => 'var(--error)';\n fieldBorder = (): string => 'var(--field-border)';\n hightlight = (): string => 'var(--hightlight)';\n incomingBackground = (): string => 'var(--incoming-background)';\n inputElements = (): string => 'var(--input-elements)';\n mainBackground = (): string => 'var(--main-background)';\n mainElements = (): string => 'var(--main-elements)';\n outgoingBackground = (): string => 'var(--outgoing-background)';\n secondaryBackground = (): string => 'var(--secondary-background)';\n secondaryElements = (): string => 'var(--secondary-elements)';\n secondaryText = (): string => 'var(--secondary-text)';\n */\n}\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"and specify selected components:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"desktop layout container"}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"<QuickBloxUIKitDesktopLayout theme={new CustomTheme()}>\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"custom-styling",children:"Custom styling"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"We have developed our components with the ability to be customized to individual needs, so each component accepts a prop called className, allowing the user to apply their own styles to the component."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"import { Button } from '../../ui-components';\nimport './style.scss';\n\n<Button className=\"button\">Button</Button>;\n"})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}}}]);

/package/storybook-static/{217.07d5c7a3.iframe.bundle.js.LICENSE.txt → 217.f067a49f.iframe.bundle.js.LICENSE.txt} RENAMED Viewed

File without changes

/package/storybook-static/{844.e8bfd664.iframe.bundle.js.LICENSE.txt → 844.be4346f2.iframe.bundle.js.LICENSE.txt} RENAMED Viewed

File without changes

/package/storybook-static/{Presentation-ui-components-DialogWindow-DialogWindow-stories.a724643f.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-DialogWindow-DialogWindow-stories.46997cb0.iframe.bundle.js.LICENSE.txt} RENAMED Viewed

File without changes

/package/storybook-static/{Presentation-ui-components-Header-Header-stories.978f0af5.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Header-Header-stories.a4edfcc6.iframe.bundle.js.LICENSE.txt} RENAMED Viewed

File without changes