npm - quickblox-react-ui-kit - Versions diffs - 0.4.5 → 0.4.6-beta.1 - Mend

quickblox-react-ui-kit 0.4.5 → 0.4.6-beta.1

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 (1069) hide show

package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.62c3a3cc.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see Presentation-ui-components-Dropdown-Dropdown-stories.62c3a3cc.iframe.bundle.js.LICENSE.txt /
2	+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit\|\|[]).push([[107],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg\|\|"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))\|\|(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.button,.button {box-sizing:border-box}.button--default{color:var(--system);background-color:var(--main-elements)}.button--default:hover{background-color:var(--color-default-hover)}.button--default:focus{outline:2px solid var(--color-background-info)}.button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.button--default.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.button--outlined:hover{background-color:var(--outgoing-background)}.button--outlined:focus{border:2px solid var(--color-background-info)}.button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.button--outlined.button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.button--danger{background-color:var(--error);color:var(--system)}.button--danger:focus{outline:2px solid var(--error-secondary)}.button--danger:active{color:var(--error-secondary)}.button--danger.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--text{background-color:inherit;color:var(--main-elements)}.button--text:focus{outline:2px solid var(--color-background-info)}.button--text:active{color:var(--color-default-hover)}.button--text.button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.button__loader--default{fill:var(--secondary-background)}.button__loader--outlined{fill:var(--main-elements)}.button__loader--danger{fill:var(--secondary-background)}.button__loader--text{fill:var(--disabled-elements)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Button/Button.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,QACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CAEA,iBAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAEA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,cAAA,CACA,WAAA,CACA,YAAA,CCxBA,kBAEE,qBAAA,CDyBF,iBACE,mBAAA,CACA,qCAAA,CAEA,uBACE,2CAAA,CAGF,uBACE,8CAAA,CAGF,wBACE,2CAAA,CACA,kCAAA,CAGF,kCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,kBACE,wBAAA,CACA,iCAAA,CACA,sBAAA,CAEA,wBACE,2CAAA,CAGF,wBACE,6CAAA,CAGF,yBACE,qCAAA,CACA,0BAAA,CAGF,mCACE,kBAAA,CACA,yCAAA,CACA,8BAAA,CAIJ,gBACE,6BAAA,CACA,mBAAA,CAEA,sBACE,wCAAA,CAGF,uBACE,4BAAA,CAGF,iCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,cACE,wBAAA,CACA,0BAAA,CAEA,oBACE,8CAAA,CAGF,qBACE,gCAAA,CAGF,+BACE,kBAAA,CACA,8BAAA,CAKF,yBACE,gCAAA,CAGF,0BACE,yBAAA,CAGF,wBACE,gCAAA,CAGF,sBACE,6BAAA",sourcesContent:["@use '../../themes/styles/mixins' as ;\r\n\r\n.button {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 8px 16px;\r\n\r\n height: 32px;\r\n\r\n border-radius: 4px;\r\n\r\n flex: none;\r\n order: 1;\r\n flex-grow: 0;\r\n\r\n font-style: normal;\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 16px;\r\n letter-spacing: 0.4px;\r\n\r\n cursor: pointer;\r\n border: none;\r\n outline: none;\r\n @include applyBorderBox;\r\n\r\n &--default {\r\n color: var(--system);\r\n background-color: var(--main-elements);\r\n\r\n &:hover {\r\n background-color: var(--color-default-hover);\r\n }\r\n\r\n &:focus {\r\n outline: 2px solid var(--color-background-info);\r\n }\r\n\r\n &:active {\r\n background-color: var(--color-default-hover);\r\n color: var(--color-background-info);\r\n }\r\n\r\n &.button--disabled {\r\n cursor: not-allowed;\r\n background-color: var(--disabled-elements);\r\n color: var(--secondary-text);\r\n }\r\n }\r\n\r\n &--outlined {\r\n background-color: inherit;\r\n border: 1px solid var(--main-text);\r\n color: var(--main-text);\r\n\r\n &:hover {\r\n background-color: var(--outgoing-background);\r\n }\r\n\r\n &:focus {\r\n border: 2px solid var(--color-background-info);\r\n }\r\n\r\n &:active {\r\n border: 1px solid var(--main-elements);\r\n color: var(--main-elements);\r\n }\r\n\r\n &.button--disabled {\r\n cursor: not-allowed;\r\n border: 1px solid var(--disabled-elements);\r\n color: var(--disabled-elements);\r\n }\r\n }\r\n\r\n &--danger {\r\n background-color: var(--error);\r\n color: var(--system);\r\n\r\n &:focus {\r\n outline: 2px solid var(--error-secondary);\r\n }\r\n\r\n &:active {\r\n color: var(--error-secondary);\r\n }\r\n\r\n &.button--disabled {\r\n cursor: not-allowed;\r\n background-color: var(--disabled-elements);\r\n color: var(--secondary-text);\r\n }\r\n }\r\n\r\n &--text {\r\n background-color: inherit;\r\n color: var(--main-elements);\r\n\r\n &:focus {\r\n outline: 2px solid var(--color-background-info);\r\n }\r\n\r\n &:active {\r\n color: var(--color-default-hover);\r\n }\r\n\r\n &.button--disabled {\r\n cursor: not-allowed;\r\n color: var(--disabled-elements);\r\n }\r\n }\r\n\r\n &__loader {\r\n &--default {\r\n fill: var(--secondary-background);\r\n }\r\n\r\n &--outlined {\r\n fill: var(--main-elements);\r\n }\r\n\r\n &--danger {\r\n fill: var(--secondary-background);\r\n }\r\n\r\n &--text {\r\n fill: var(--disabled-elements);\r\n }\r\n }\r\n}\r\n","@mixin applyBorderBox {\r\n &,\r\n * {\r\n box-sizing: border-box;\r\n }\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Dropdown/Dropdown.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.dropdown{width:100%;height:100%;position:relative}.dropdown,.dropdown {box-sizing:border-box}.dropdown__toggle{width:100%;height:100%;background:none;border:none;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;margin:0;cursor:pointer;outline:none}.dropdown__menu{background-color:var(--main-background);box-shadow:0 3px 5px 0 rgba(0,0,0,.04),0 3px 14px 0 rgba(0,0,0,.08);border-radius:4px;padding:8px 0px;margin:0;z-index:100;position:absolute;overflow:hidden;list-style-type:none;display:none}.dropdown__menu--topRight{bottom:100%}.dropdown__menu--left{top:50%;transform:translateY(-50%);right:100%}.dropdown__menu--opened{display:block}.dropdown__option{display:flex;justify-content:space-between;align-items:center;font-family:"Roboto";font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;height:32px;width:135px;padding:4px 16px;cursor:pointer}.dropdown__option--disabled{color:var(--caption)}.dropdown__label{width:100%;display:flex;align-items:center;gap:3px}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Dropdown/Dropdown.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,UACE,UAAA,CACA,WAAA,CACA,iBAAA,CCJA,sBAEE,qBAAA,CDMF,kBACE,UAAA,CACA,WAAA,CACA,eAAA,CACA,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CACA,YAAA,CAGF,gBACE,uCAAA,CACA,mEAAA,CAEA,iBAAA,CAEA,eAAA,CACA,QAAA,CACA,WAAA,CACA,iBAAA,CACA,eAAA,CACA,oBAAA,CACA,YAAA,CAEA,0BACE,WAAA,CAGF,sBACE,OAAA,CACA,0BAAA,CACA,UAAA,CAGF,wBACE,aAAA,CAIJ,kBACE,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,oBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CAEA,WAAA,CACA,WAAA,CACA,gBAAA,CAEA,cAAA,CAEA,4BACE,oBAAA,CAIJ,iBACE,UAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA",sourcesContent:["@use '../../themes/styles/mixins' as ;\r\n\r\n.dropdown {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n\r\n @include applyBorderBox;\r\n\r\n &__toggle {\r\n width: 100%;\r\n height: 100%;\r\n background: none;\r\n border: none;\r\n color: inherit;\r\n font: inherit;\r\n line-height: normal;\r\n overflow: visible;\r\n padding: 0;\r\n margin: 0;\r\n cursor: pointer;\r\n outline: none;\r\n }\r\n\r\n &__menu {\r\n background-color: var(--main-background);\r\n box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04),\r\n 0 3px 14px 0 rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n\r\n padding: 8px 0px;\r\n margin: 0;\r\n z-index: 100;\r\n position: absolute;\r\n overflow: hidden;\r\n list-style-type: none;\r\n display: none;\r\n\r\n &--topRight {\r\n bottom: 100%;\r\n }\r\n\r\n &--left {\r\n top: 50%;\r\n transform: translateY(-50%);\r\n right: 100%;\r\n }\r\n\r\n &--opened {\r\n display: block;\r\n }\r\n }\r\n\r\n &__option {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n font-family: 'Roboto';\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 20px;\r\n letter-spacing: 0.25px;\r\n\r\n height: 32px;\r\n width: 135px;\r\n padding: 4px 16px;\r\n\r\n cursor: pointer;\r\n\r\n &--disabled {\r\n color: var(--caption);\r\n }\r\n }\r\n\r\n &__label {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n gap: 3px;\r\n }\r\n}\r\n","@mixin applyBorderBox {\r\n &,\r\n * {\r\n box-sizing: border-box;\r\n }\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,QACE,mCAAA",sourcesContent:[".loader {\r\n &--sm {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n &--md {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n &--lg {\r\n width: 52px;\r\n height: 52px;\r\n }\r\n\r\n @keyframes rotate {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n & {\r\n animation: rotate 1s infinite linear;\r\n }\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Button=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Button.A,options);Button.A&&Button.A.locals&&Button.A.locals;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function Button_Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return react.createElement("button",_extends({className:classnames_default()("button",`button--${variant}`,{"button--disabled":disabled},className),disabled:disabled\|\|loading},rest),loading&&!disabled?react.createElement(Loader.A,{className:classnames_default()("button__loader",`button__loader--${variant}`)}):children)}Button_Button_Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'default' \| 'outlined' \| 'danger' \| 'text'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'text'"}]},description:"",defaultValue:{value:"'default'",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement \| string \| number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""}},composes:["HTMLButtonProps"]}},"./src/Presentation/ui-components/Dropdown/Dropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DropdownDefault:()=>DropdownDefault,DropdownLeftIcon:()=>DropdownLeftIcon,DropdownRightIcon:()=>DropdownRightIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_icons__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/Presentation/icons/index.ts"),_Dropdown__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Presentation/ui-components/Dropdown/Dropdown.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Dropdown",component:_Dropdown__WEBPACK_IMPORTED_MODULE_2__.A,tags:["autodocs"],parameters:{layout:"centered"},args:{disabled:!1,options:[{value:"",label:"",leftIcon:void 0,rightIcon:void 0}],className:""},argTypes:{children:{control:!1,table:{defaultValue:{summary:void 0},type:{summary:"ReactElement \| string \| number"}},description:"Primary content"},placement:{table:{defaultValue:{summary:"bottomRight"},type:{summary:"topRight \| bottomRight \| left"}},description:"The property that will determine where the Dropdown will appear"},className:{table:{type:{summary:"string"}},description:"Additional classes"},onSelect:{table:{type:{summary:"function"}},description:"Dropdown option selection function"},disabled:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Active"},options:{table:{defaultValue:{summary:"array",detail:'[{ value: "", label: "" }]'},type:{summary:"object",detail:"\n{\n value: string; \n label: string; \n leftIcon?: ReactElement; \n rightIcon?: ReactElement; \n} "}},description:"A set of options that can be passed to the dropdown"}}},DropdownDefault={args:{children:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_3__.A,null,"Button"),disabled:!1,options:[{value:"Text 1",label:"Text 1"},{value:"Text 2",label:"Text 2"},{value:"Text 3",label:"Text 3"}]}},DropdownRightIcon={args:{children:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_3__.A,null,"Button"),disable:!1,options:[{value:"Text 1",label:"Text 1",rightIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.gI,{style:{width:"18px",height:"18px"}})},{value:"Text 2",label:"Text 2",rightIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.gI,{style:{width:"18px",height:"18px"}})},{value:"Text 3",label:"Text 3",rightIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.gI,{style:{width:"18px",height:"18px"}})}]}},DropdownLeftIcon={args:{children:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_3__.A,null,"Button"),disable:!1,options:[{value:"Text 1",label:"Text 1",leftIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.WA,{style:{width:"18px",height:"18px"}})},{value:"Text 2",label:"Text 2",leftIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.WA,{style:{width:"18px",height:"18px"}})},{value:"Text 3",label:"Text 3",leftIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.WA,{style:{width:"18px",height:"18px"}})}]}},__namedExportsOrder=["DropdownDefault","DropdownRightIcon","DropdownLeftIcon"];DropdownDefault.parameters={...DropdownDefault.parameters,docs:{...DropdownDefault.parameters?.docs,source:{originalSource:"{\n args: {\n children: <Button>Button</Button>,\n disabled: false,\n options: [{\n value: 'Text 1',\n label: 'Text 1'\n }, {\n value: 'Text 2',\n label: 'Text 2'\n }, {\n value: 'Text 3',\n label: 'Text 3'\n }]\n }\n}",...DropdownDefault.parameters?.docs?.source}}},DropdownRightIcon.parameters={...DropdownRightIcon.parameters,docs:{...DropdownRightIcon.parameters?.docs,source:{originalSource:"{\n args: {\n children: <Button>Button</Button>,\n disable: false,\n options: [{\n value: 'Text 1',\n label: 'Text 1',\n rightIcon: <NextSVG style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 2',\n label: 'Text 2',\n rightIcon: <NextSVG style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 3',\n label: 'Text 3',\n rightIcon: <NextSVG style={{\n width: '18px',\n height: '18px'\n }} />\n }]\n }\n}",...DropdownRightIcon.parameters?.docs?.source}}},DropdownLeftIcon.parameters={...DropdownLeftIcon.parameters,docs:{...DropdownLeftIcon.parameters?.docs,source:{originalSource:"{\n args: {\n children: <Button>Button</Button>,\n disable: false,\n options: [{\n value: 'Text 1',\n label: 'Text 1',\n leftIcon: <LocationSvg style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 2',\n label: 'Text 2',\n leftIcon: <LocationSvg style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 3',\n label: 'Text 3',\n leftIcon: <LocationSvg style={{\n width: '18px',\n height: '18px'\n }} />\n }]\n }\n}",...DropdownLeftIcon.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Dropdown/Dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Dropdown_Dropdown_Dropdown});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames);function DropdownOption(_ref){let{label,value,disabled,leftIcon,rightIcon,onSelect}=_ref;return react.createElement("li",{className:classnames_default()("dropdown__option",{"dropdown__option--disabled":disabled}),onClick:()=>!disabled&&onSelect(value)},react.createElement("span",{className:"dropdown__label"},leftIcon,label),rightIcon)}DropdownOption.__docgenInfo={description:"",methods:[],displayName:"DropdownOption",props:{value:{required:!0,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},leftIcon:{required:!1,tsType:{name:"ReactElement"},description:""},rightIcon:{required:!1,tsType:{name:"ReactElement"},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Dropdown=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Dropdown/Dropdown.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Dropdown.A,options);Dropdown.A&&Dropdown.A.locals&&Dropdown.A.locals;function Dropdown_Dropdown_Dropdown(_ref){let{options,disabled=!1,onSelect,className,children,placement="bottomRight"}=_ref;const[isOpen,setIsOpen]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(null),handleSelect=value=>{onSelect(value),setIsOpen(!1)};return(0,react.useEffect)((()=>{const handleBlur=e=>{dropdownRef.current&&e.target instanceof Node&&!dropdownRef.current.contains(e.target)&&setIsOpen(!1)};return isOpen&&document.addEventListener("click",handleBlur,{capture:!0}),()=>document.removeEventListener("click",handleBlur)}),[isOpen]),react.createElement("div",{ref:dropdownRef,className:classnames_default()("dropdown",className)},react.createElement("button",{type:"button",className:"dropdown__toggle",onClick:e=>{e.stopPropagation(),setIsOpen((state=>!state))}},children),react.createElement("ul",{className:classnames_default()("dropdown__menu",`dropdown__menu--${placement}`,{"dropdown__menu--opened":isOpen})},options.map((_ref2=>{let{label,value,leftIcon,rightIcon}=_ref2;return react.createElement(DropdownOption,{label,value,disabled,onSelect:handleSelect,leftIcon,rightIcon,key:value})}))))}Dropdown_Dropdown_Dropdown.__docgenInfo={description:"",methods:[],displayName:"Dropdown",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"Option"}],raw:"Option[]"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},children:{required:!1,tsType:{name:"union",raw:"ReactElement \| string \| number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},placement:{required:!1,tsType:{name:"union",raw:"'topRight' \| 'bottomRight' \| 'left'",elements:[{name:"literal",value:"'topRight'"},{name:"literal",value:"'bottomRight'"},{name:"literal",value:"'left'"}]},description:"",defaultValue:{value:"'bottomRight'",computed:!1}}}}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader_Loader_Loader});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Loader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Loader.A,options);Loader.A&&Loader.A.locals&&Loader.A.locals;function Loader_Loader_Loader(_ref){let{className,size="md"}=_ref;return react.createElement(icons.iO,{className:classnames_default()("loader",size&&`loader--${size}`,className)})}Loader_Loader_Loader.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{size:{required:!1,tsType:{name:"union",raw:"'sm' \| 'md' \| 'lg'",elements:[{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);

package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.62c3a3cc.iframe.bundle.js.LICENSE.txt ADDED Viewed

@@ -0,0 +1,5 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/

package/storybook-static/Presentation-ui-components-Header-Header-stories.33ced43a.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see Presentation-ui-components-Header-Header-stories.33ced43a.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,".avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.avatar,.avatar {box-sizing:border-box}.avatar svg{height:26px;width:26px;fill:var(--tertiary-elements)}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar--xs{width:32px;height:32px}.avatar--sm{width:36px;height:36px}.avatar--md{width:40px;height:40px}.avatar--lg{width:56px;height:56px}.avatar--lg svg{height:33px;width:33px}.avatar--xl{width:64px;height:64px}.avatar--xxl{width:80px;height:80px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,QACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CAEA,eAAA,CACA,iBAAA,CACA,yCAAA,CACA,2BAAA,CCVA,kBAEE,qBAAA,CDYF,YACE,WAAA,CACA,UAAA,CACA,6BAAA,CAGF,eACE,gBAAA,CACA,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAEA,gBACE,WAAA,CACA,UAAA,CAIJ,YACE,UAAA,CACA,WAAA,CAGF,aACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as ;\r\n\r\n.avatar {\r\n display: flex;\r\n flex-shrink: 0;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n overflow: hidden;\r\n border-radius: 50%;\r\n background-color: var(--disabled-elements);\r\n color: var(--secondary-text);\r\n\r\n @include applyBorderBox;\r\n\r\n svg {\r\n height: 26px;\r\n width: 26px;\r\n fill: var(--tertiary-elements);\r\n }\r\n\r\n &__image {\r\n object-fit: cover;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n &--xs {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n &--sm {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n\r\n &--md {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n &--lg {\r\n width: 56px;\r\n height: 56px;\r\n\r\n svg {\r\n height: 33px;\r\n width: 33px;\r\n }\r\n }\r\n\r\n &--xl {\r\n width: 64px;\r\n height: 64px;\r\n }\r\n\r\n &--xxl {\r\n width: 80px;\r\n height: 80px;\r\n }\r\n}\r\n","@mixin applyBorderBox {\r\n &,\r\n * {\r\n box-sizing: border-box;\r\n }\r\n}\r\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 ;\r\n\r\n.dialog-header {\r\n width: 100%;\r\n padding: 12px 16px 12px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 33px;\r\n\r\n @include applyBorderBox;\r\n\r\n &__icon {\r\n cursor: pointer;\r\n width: 24px;\r\n height: 24px;\r\n flex-shrink: 0;\r\n\r\n svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: var(--main-elements);\r\n }\r\n }\r\n\r\n &__back {\r\n color: var(--main-text);\r\n fill: var(--main-text);\r\n }\r\n\r\n &__body {\r\n width: 100%;\r\n display: flex;\r\n gap: 33px;\r\n align-items: center;\r\n justify-content: space-between;\r\n overflow: hidden;\r\n\r\n &-left {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n gap: 8px;\r\n overflow: hidden;\r\n }\r\n\r\n &-right {\r\n height: 24px;\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n }\r\n\r\n &__title {\r\n color: var(--main-text, #0b1b0f);\r\n text-align: left;\r\n font: var(--title-title-large);\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n &__line {\r\n border-style: solid;\r\n border-color: var(--color-divider, #e7efff);\r\n border-width: 0 0 1px 0;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\r\n .dialog-header__body-left {\r\n gap: 3px;\r\n }\r\n}\r\n@media only screen and (min-width: 981px) {\r\n .dialog-header__back {\r\n display: none;\r\n }\r\n}\r\n","@mixin applyBorderBox {\r\n &,\r\n * {\r\n box-sizing: border-box;\r\n }\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Avatar_Avatar_Avatar});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Avatar=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Avatar.A,options);Avatar.A&&Avatar.A.locals&&Avatar.A.locals;function Avatar_Avatar_Avatar(_ref){let{icon=react.createElement(icons.Uh,null),size="md",className,src}=_ref;return src?react.createElement("div",{className:classnames_default()("avatar",`avatar--${size}`,className)},react.createElement("img",{src,className:"avatar__image",alt:"Avatar"})):react.createElement("div",{className:classnames_default()("avatar",`avatar--${size}`,className)},icon)}Avatar_Avatar_Avatar.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{required:!1,tsType:{name:"union",raw:"'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'xxl'",elements:[{name:"literal",value:"'xs'"},{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"},{name:"literal",value:"'xl'"},{name:"literal",value:"'xxl'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},icon:{required:!1,tsType:{name:"ReactElement"},description:"",defaultValue:{value:"<UserSvg />",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/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-Header-Header-stories.33ced43a.iframe.bundle.js.LICENSE.txt ADDED Viewed

@@ -0,0 +1,5 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/

package/storybook-static/Presentation-ui-components-Loader-Loader-stories.9ffbbddb.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see Presentation-ui-components-Loader-Loader-stories.9ffbbddb.iframe.bundle.js.LICENSE.txt /
2	+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit\|\|[]).push([[43],{"./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/Loader/Loader.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,QACE,mCAAA",sourcesContent:[".loader {\r\n &--sm {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n &--md {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n &--lg {\r\n width: 52px;\r\n height: 52px;\r\n }\r\n\r\n @keyframes rotate {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n & {\r\n animation: rotate 1s infinite linear;\r\n }\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Loader/Loader.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LoaderDefault:()=>LoaderDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Loader",component:__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx").A,tags:["autodocs"],parameters:{layout:"centered"},args:{className:""},argTypes:{size:{options:["sm","md","lg"],control:{type:"select"},table:{defaultValue:{summary:"md"},type:{summary:"string"}},description:"Size"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"}}},LoaderDefault={},__namedExportsOrder=["LoaderDefault"];LoaderDefault.parameters={...LoaderDefault.parameters,docs:{...LoaderDefault.parameters?.docs,source:{originalSource:"{}",...LoaderDefault.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader_Loader_Loader});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Loader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Loader.A,options);Loader.A&&Loader.A.locals&&Loader.A.locals;function Loader_Loader_Loader(_ref){let{className,size="md"}=_ref;return react.createElement(icons.iO,{className:classnames_default()("loader",size&&`loader--${size}`,className)})}Loader_Loader_Loader.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{size:{required:!1,tsType:{name:"union",raw:"'sm' \| 'md' \| 'lg'",elements:[{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);

package/storybook-static/Presentation-ui-components-Loader-Loader-stories.9ffbbddb.iframe.bundle.js.LICENSE.txt ADDED Viewed

@@ -0,0 +1,5 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/

package/storybook-static/Presentation-ui-components-Message-Message-stories.56b66b6d.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see Presentation-ui-components-Message-Message-stories.56b66b6d.iframe.bundle.js.LICENSE.txt /
2	+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit\|\|[]).push([[515],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Lq:()=>INITIAL_VIEWPORTS});__webpack_require__("storybook/internal/preview-api");var __defProp=Object.defineProperty,preview_exports={};((target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})})(preview_exports,{initialGlobals:()=>initialGlobals});var PARAM_KEY="viewport",modern={[PARAM_KEY]:{value:void 0,isRotated:!1}},initialGlobals=globalThis.FEATURES?.viewportStoryGlobals?modern:{viewport:"reset",viewportRotated:!1},INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphoneSE3:{name:"iPhone SE 3rd generation",styles:{height:"667px",width:"375px"},type:"mobile"},iphone13:{name:"iPhone 13",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13pro:{name:"iPhone 13 Pro",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13promax:{name:"iPhone 13 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphone14:{name:"iPhone 14",styles:{height:"844px",width:"390px"},type:"mobile"},iphone14pro:{name:"iPhone 14 Pro",styles:{height:"852px",width:"393px"},type:"mobile"},iphone14promax:{name:"iPhone 14 Pro Max",styles:{height:"932px",width:"430px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg\|\|"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))\|\|(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.high-light-link-container{display:flex;flex-direction:column;align-items:flex-start;padding:0px;width:240px;height:70px;background:#e4e6e8;border-radius:8px;flex:none;order:0;flex-grow:0}.high-light-link-container--header-wrapper{display:flex;flex-direction:row;align-items:center;padding:6px 16px;width:240px;height:32px;flex:none;order:0;align-self:stretch;flex-grow:0}.high-light-link-container--header-wrapper__link_url{width:208px;height:20px;text-decoration:none;cursor:pointer;font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.25px;color:#636d78;flex:none;order:0;flex-grow:1}.high-light-link-container--footer-wrapper{display:flex;flex-direction:row;align-items:center;padding:8px 16px;width:240px;height:32px;flex:none;order:4;align-self:stretch;flex-grow:0}.high-light-link-container--footer-wrapper__content{width:208px;height:16px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:11px;line-height:16px;display:flex;align-items:center;letter-spacing:.5px;color:#636d78;flex:none;order:0;flex-grow:1}.message-urls{max-width:calc(var(--max-width-message-bubble) - 20px);overflow-wrap:break-word}',"",{version:3,sources:["webpack://./src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.scss"],names:[],mappings:"AAAA,2BACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,WAAA,CAEA,WAAA,CACA,WAAA,CAEA,kBAAA,CACA,iBAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAEA,2CACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CACA,WAAA,CAEA,SAAA,CACA,OAAA,CACA,kBAAA,CACA,WAAA,CAEA,qDACE,WAAA,CACA,WAAA,CAEA,oBAAA,CACA,cAAA,CAEA,oBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,YAAA,CACA,kBAAA,CACA,oBAAA,CAEA,aAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAIJ,2CACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CACA,WAAA,CAEA,SAAA,CACA,OAAA,CACA,kBAAA,CACA,WAAA,CAEA,oDACE,WAAA,CACA,WAAA,CAEA,oBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,YAAA,CACA,kBAAA,CACA,mBAAA,CAEA,aAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAKN,cACE,sDAAA,CACA,wBAAA",sourcesContent:[".high-light-link-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 0px;\r\n\r\n width: 240px;\r\n height: 70px;\r\n\r\n background: #E4E6E8;\r\n border-radius: 8px;\r\n\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n\r\n &--header-wrapper{\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n padding: 6px 16px;\r\n\r\n width: 240px;\r\n height: 32px;\r\n\r\n flex: none;\r\n order: 0;\r\n align-self: stretch;\r\n flex-grow: 0;\r\n\r\n &__link_url{\r\n width: 208px;\r\n height: 20px;\r\n\r\n text-decoration: none;\r\n cursor: pointer;\r\n\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 20px;\r\n\r\n display: flex;\r\n align-items: center;\r\n letter-spacing: 0.25px;\r\n\r\n color: #636D78;\r\n\r\n flex: none;\r\n order: 0;\r\n flex-grow: 1;\r\n }\r\n }\r\n\r\n &--footer-wrapper{\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n padding: 8px 16px;\r\n\r\n width: 240px;\r\n height: 32px;\r\n\r\n flex: none;\r\n order: 4;\r\n align-self: stretch;\r\n flex-grow: 0;\r\n\r\n &__content{\r\n width: 208px;\r\n height: 16px;\r\n\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-size: 11px;\r\n line-height: 16px;\r\n\r\n display: flex;\r\n align-items: center;\r\n letter-spacing: 0.5px;\r\n\r\n color: #636D78;\r\n\r\n flex: none;\r\n order: 0;\r\n flex-grow: 1;\r\n }\r\n }\r\n}\r\n\r\n.message-urls {\r\n max-width: calc(var(--max-width-message-bubble) - 20px);\r\n overflow-wrap: break-word;\r\n}\r\n\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.avatar,.avatar {box-sizing:border-box}.avatar svg{height:26px;width:26px;fill:var(--tertiary-elements)}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar--xs{width:32px;height:32px}.avatar--sm{width:36px;height:36px}.avatar--md{width:40px;height:40px}.avatar--lg{width:56px;height:56px}.avatar--lg svg{height:33px;width:33px}.avatar--xl{width:64px;height:64px}.avatar--xxl{width:80px;height:80px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,QACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CAEA,eAAA,CACA,iBAAA,CACA,yCAAA,CACA,2BAAA,CCVA,kBAEE,qBAAA,CDYF,YACE,WAAA,CACA,UAAA,CACA,6BAAA,CAGF,eACE,gBAAA,CACA,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAEA,gBACE,WAAA,CACA,UAAA,CAIJ,YACE,UAAA,CACA,WAAA,CAGF,aACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as ;\r\n\r\n.avatar {\r\n display: flex;\r\n flex-shrink: 0;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n overflow: hidden;\r\n border-radius: 50%;\r\n background-color: var(--disabled-elements);\r\n color: var(--secondary-text);\r\n\r\n @include applyBorderBox;\r\n\r\n svg {\r\n height: 26px;\r\n width: 26px;\r\n fill: var(--tertiary-elements);\r\n }\r\n\r\n &__image {\r\n object-fit: cover;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n &--xs {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n &--sm {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n\r\n &--md {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n &--lg {\r\n width: 56px;\r\n height: 56px;\r\n\r\n svg {\r\n height: 33px;\r\n width: 33px;\r\n }\r\n }\r\n\r\n &--xl {\r\n width: 64px;\r\n height: 64px;\r\n }\r\n\r\n &--xxl {\r\n width: 80px;\r\n height: 80px;\r\n }\r\n}\r\n","@mixin applyBorderBox {\r\n &,\r\n * {\r\n box-sizing: border-box;\r\n }\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/CheckBox/CheckBox.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".checkbox,.checkbox-field{display:flex;align-items:center;flex-shrink:0;border-radius:4px;padding:4px;justify-content:center}.checkbox-field>input{z-index:-1;opacity:0}.checkbox-field .icon-checkmark{width:18px;height:18px;fill:var(--main-elements)}.checkbox-field .icon-check{width:18px;height:18px;fill:var(--secondary-elements)}.checkbox-field.disabled .icon-check{fill:var(--disabled-elements);cursor:not-allowed}","",{version:3,sources:["webpack://./src/Presentation/ui-components/CheckBox/CheckBox.scss"],names:[],mappings:"AAAA,0BACE,YAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CACA,WAAA,CACA,sBAAA,CAKF,sBAEE,UAAA,CACA,SAAA,CAGF,gCAEE,UAAA,CACA,WAAA,CACA,yBAAA,CAIF,4BAEE,UAAA,CACA,WAAA,CACA,8BAAA,CAGF,qCACE,6BAAA,CACA,kBAAA",sourcesContent:[".checkbox, .checkbox-field {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n border-radius: 4px;\r\n padding: 4px;\r\n justify-content: center;\r\n //width: 18px;\r\n //height: 18px;\r\n}\r\n\r\n.checkbox-field > input {\r\n //position: fixed;\r\n z-index: -1;\r\n opacity: 0;\r\n}\r\n\r\n.checkbox-field .icon-checkmark {\r\n //position: fixed;\r\n width: 18px;\r\n height: 18px;\r\n fill: var(--main-elements);\r\n\r\n}\r\n\r\n.checkbox-field .icon-check {\r\n //position: fixed;\r\n width: 18px;\r\n height: 18px;\r\n fill: var(--secondary-elements);\r\n}\r\n\r\n.checkbox-field.disabled .icon-check{\r\n fill: var(--disabled-elements);\r\n cursor: not-allowed;\r\n}\r\n\r\n\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".audio-player{display:flex;gap:5px;flex-direction:row;align-items:center}.audio-player__equalizer-time{display:flex;flex-direction:column;gap:2px}.audio-body{padding:5px;border-radius:4px;display:none;width:var(--max-width-audio-message)}.audio-body__controls{display:flex;flex-flow:row;align-items:center;gap:5px;width:24px;height:24px}.audio-body__controls--color{fill:var(--main-elements);width:24px;height:24px}.equalizer{display:flex;flex-direction:row;gap:2px;align-items:flex-end;justify-content:flex-start;position:relative;height:12px}.equalizer__rectangle{background:var(--main-elements, #636d78);flex-shrink:0;width:2px;position:relative}.time-play{color:var(--secondary-text, #636d78);text-align:left;font:var(--label-label-small);height:16px}.audio-bubble-background__incoming{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.audio-bubble-background__outgoing{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.scss"],names:[],mappings:"AAAA,cACE,YAAA,CACA,OAAA,CACA,kBAAA,CACA,kBAAA,CAEA,8BACE,YAAA,CACA,qBAAA,CACA,OAAA,CAGJ,YACE,WAAA,CACA,iBAAA,CACA,YAAA,CACA,oCAAA,CAEA,sBACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,OAAA,CACA,UAAA,CACA,WAAA,CAEA,6BACE,yBAAA,CACA,UAAA,CACA,WAAA,CAKN,WACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,oBAAA,CACA,0BAAA,CACA,iBAAA,CACA,WAAA,CAEA,sBACE,wCAAA,CACA,aAAA,CACA,SAAA,CACA,iBAAA,CAIJ,WACE,oCAAA,CACA,eAAA,CACA,6BAAA,CACA,WAAA,CAKA,mCACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAGF,mCACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA",sourcesContent:[".audio-player {\r\n display: flex;\r\n gap: 5px;\r\n flex-direction: row;\r\n align-items: center;\r\n\r\n &__equalizer-time {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n}\r\n.audio-body{\r\n padding: 5px;\r\n border-radius: 4px;\r\n display: none;\r\n width: var(--max-width-audio-message);\r\n\r\n &__controls {\r\n display: flex;\r\n flex-flow: row;\r\n align-items: center;\r\n gap: 5px;\r\n width: 24px;\r\n height: 24px;\r\n\r\n &--color{\r\n fill: var(--main-elements);\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n}\r\n\r\n.equalizer {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 2px;\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n position: relative;\r\n height: 12px;\r\n\r\n &__rectangle {\r\n background: var(--main-elements, #636d78);\r\n flex-shrink: 0;\r\n width: 2px;\r\n position: relative;\r\n }\r\n}\r\n\r\n.time-play {\r\n color: var(--secondary-text, #636d78);\r\n text-align: left;\r\n font: var(--label-label-small);\r\n height: 16px;\r\n}\r\n\r\n.audio-bubble-background {\r\n\r\n &__incoming {\r\n background: var(--incoming-background, #e4e6e8);\r\n border-radius: 22px 22px 22px 0px;\r\n padding: 8px 12px 8px 12px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n\r\n &__outgoing {\r\n background: var(--outgoing-background, #E7EFFF);\r\n border-radius: 22px 22px 0px 22px;\r\n padding: 8px 12px 8px 12px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".file-bubble-background__incoming{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.file-bubble-background__outgoing{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.scss"],names:[],mappings:"AAEE,kCACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAGF,kCACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA",sourcesContent:[".file-bubble-background {\r\n\r\n &__incoming {\r\n background: var(--incoming-background, #e4e6e8);\r\n border-radius: 22px 22px 22px 0px;\r\n padding: 8px 12px 8px 12px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n\r\n &__outgoing {\r\n background: var(--outgoing-background, #E7EFFF);\r\n border-radius: 22px 22px 0px 22px;\r\n padding: 8px 12px 8px 12px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.message-attachment-image-body{max-width:var(--max-width-image-message);max-height:160px;padding:0;border-radius:4px}.message-attachment-image{display:flex;justify-content:center;flex-flow:row;max-width:var(--max-width-image-message);max-height:160px;font:var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif);color:var(--main-tex, #0b1b0f)}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.scss"],names:[],mappings:"AAAA,+BACE,wCAAA,CACA,gBAAA,CACA,SAAA,CACA,iBAAA,CAGF,0BACE,YAAA,CACA,sBAAA,CACA,aAAA,CACA,wCAAA,CACA,gBAAA,CACA,wEAAA,CACA,8BAAA",sourcesContent:['.message-attachment-image-body{\r\n max-width: var(--max-width-image-message);\r\n max-height: 160px;\r\n padding: 0;\r\n border-radius: 4px;\r\n}\r\n\r\n.message-attachment-image {\r\n display: flex;\r\n justify-content: center;\r\n flex-flow: row;\r\n max-width: var(--max-width-image-message);\r\n max-height: 160px;\r\n font: var(--body-body-medium, 400 14px / 20px "Roboto-Regular", sans-serif);\r\n color: var(--main-tex, #0b1b0f);\r\n}\r\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.bubble-content-text{overflow-wrap:break-word;max-width:calc(var(--max-width-message-bubble) - 20px);padding:0 12px 0 12px;color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif)}.text-bubble-background__incoming{background:var(--incoming-background, #e4e6e8);color:var(--main-text);border-radius:22px 22px 22px 0;padding:8px 0 8px 0;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}.text-bubble-background__outgoing{background:var(--outgoing-background, #E7EFFF);color:var(--main-text);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.scss"],names:[],mappings:"AAAA,qBACE,wBAAA,CACA,sDAAA,CACA,qBAAA,CAEA,+BAAA,CACA,eAAA,CACA,wEAAA,CAKA,kCACE,8CAAA,CACA,sBAAA,CACA,8BAAA,CACA,mBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CAGF,kCACE,8CAAA,CACA,sBAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA",sourcesContent:['.bubble-content-text {\r\n overflow-wrap: break-word;\r\n max-width: calc(var(--max-width-message-bubble) - 20px);\r\n padding: 0 12px 0 12px;\r\n\r\n color: var(--main-text, #0b1b0f);\r\n text-align: left;\r\n font: var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif);\r\n}\r\n\r\n.text-bubble-background {\r\n\r\n &__incoming {\r\n background: var(--incoming-background, #e4e6e8);\r\n color: var(--main-text);\r\n border-radius: 22px 22px 22px 0;\r\n padding: 8px 0 8px 0;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n &__outgoing {\r\n background: var(--outgoing-background, #E7EFFF);\r\n color: var(--main-text);\r\n border-radius: 22px 22px 0px 22px;\r\n padding: 8px 12px 8px 12px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n\r\n}\r\n\r\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".message-attachment-video-body{max-height:130px;max-width:var(--max-width-audio-message);width:var(--max-width-audio-message);padding:0;border-radius:4px}.message-attachment-video-body__link{color:var(--secondary-text, #636d78);text-align:left;font:var(--label-label-small);height:16px}.message-attachment-video{display:flex;justify-content:center;align-items:center;flex-flow:column;max-width:var(--max-width-audio-message);width:var(--max-width-audio-message);max-height:160px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.scss"],names:[],mappings:"AAAA,+BACE,gBAAA,CACA,wCAAA,CACA,oCAAA,CACA,SAAA,CACA,iBAAA,CAEA,qCACE,oCAAA,CACA,eAAA,CACA,6BAAA,CACA,WAAA,CAIJ,0BACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,wCAAA,CACA,oCAAA,CACA,gBAAA",sourcesContent:[".message-attachment-video-body{\r\n max-height: 130px;\r\n max-width: var(--max-width-audio-message);\r\n width: var(--max-width-audio-message);\r\n padding: 0;\r\n border-radius: 4px;\r\n\r\n &__link {\r\n color: var(--secondary-text, #636d78);\r\n text-align: left;\r\n font: var(--label-label-small);\r\n height: 16px;\r\n }\r\n}\r\n\r\n.message-attachment-video {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-flow: column;\r\n //max-width: 300px;\r\n max-width: var(--max-width-audio-message);\r\n width: var(--max-width-audio-message);\r\n max-height: 160px;\r\n}\r\n\r\n\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/FileUrl/FileUrl.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".file-attachment{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.file-attachment__placeholder{flex-shrink:0;width:32px;height:32px;position:static}.file-attachment__placeholder__bg{background:var(--tertiary-elements, #636d78);border-radius:8px;width:32px;height:32px;position:absolute;left:0px;top:0px}.file-attachment__placeholder__bg__icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;width:24px;height:24px}.file-attachment__file-name{color:var(--secondary-text, #636d78);text-align:left;font:var(--body-body-medium);position:relative}.message-icon-file{align-self:stretch;flex:1;height:auto;position:relative;overflow:visible;fill:var(--color-media-icon, #ffffff)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/FileUrl/FileUrl.scss"],names:[],mappings:"AAAA,iBACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,0BAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CAEA,8BACE,aAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CAEA,kCACE,4CAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,QAAA,CACA,OAAA,CAEA,wCACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,WAAA,CAKN,4BACE,oCAAA,CACA,eAAA,CACA,4BAAA,CACA,iBAAA,CAIJ,mBACE,kBAAA,CACA,MAAA,CACA,WAAA,CACA,iBAAA,CACA,gBAAA,CACA,qCAAA",sourcesContent:[".file-attachment {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 8px;\r\n align-items: center;\r\n justify-content: flex-start;\r\n align-self: stretch;\r\n flex-shrink: 0;\r\n position: relative;\r\n\r\n &__placeholder {\r\n flex-shrink: 0;\r\n width: 32px;\r\n height: 32px;\r\n position: static;\r\n\r\n &__bg {\r\n background: var(--tertiary-elements, #636d78);\r\n border-radius: 8px;\r\n width: 32px;\r\n height: 32px;\r\n position: absolute;\r\n left: 0px;\r\n top: 0px;\r\n\r\n &__icon {\r\n border-radius: 4px;\r\n padding: 4px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 0px;\r\n align-items: center;\r\n justify-content: center;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n }\r\n\r\n &__file-name {\r\n color: var(--secondary-text, #636d78);\r\n text-align: left;\r\n font: var(--body-body-medium);\r\n position: relative;\r\n }\r\n}\r\n\r\n.message-icon-file {\r\n align-self: stretch;\r\n flex: 1;\r\n height: auto;\r\n position: relative;\r\n overflow: visible;\r\n fill: var(--color-media-icon, #ffffff);\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Message.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".message-item{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.message-item__right{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%}.message-item__more{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;cursor:pointer}.message-item__more__icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.message-item__more__icon__actions{fill:var(--tertiary-elements, #636D78);path:var(--tertiary-elements, #636D78)}.message-item__outgoing{padding:0px 8px 8px 16px;display:flex;flex-direction:row;gap:8px;justify-content:flex-end;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__outgoing__chat{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__outgoing__chat__bubble-background{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__incoming-mes{background:var(--secondary-background, #ffffff);padding:0px 16px 8px 8px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__incoming{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-end}.message-item__incoming__chat{display:flex;flex-direction:row;gap:8px}.message-item__incoming__chat__bubble{display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:flex-end;flex-shrink:0;position:relative}.message-item__incoming__chat__bubble__background{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/Message.scss"],names:[],mappings:"AAAA,cACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,0BAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CAEA,qBACE,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,wBAAA,CACA,UAAA,CAGF,oBACE,YAAA,CACA,kBAAA,CACA,QAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CACA,cAAA,CAEA,0BACE,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CAGA,mCACE,sCAAA,CACA,sCAAA,CAKN,wBACE,wBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,wBAAA,CACA,kBAAA,CACA,aAAA,CACA,WAAA,CACA,iBAAA,CAEA,8BACE,YAAA,CACA,qBAAA,CACA,OAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEA,iDACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAKN,4BACE,+CAAA,CACA,wBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,oBAAA,CACA,0BAAA,CACA,kBAAA,CACA,aAAA,CACA,WAAA,CACA,iBAAA,CAGF,wBACE,YAAA,CACA,qBAAA,CACA,OAAA,CACA,sBAAA,CACA,wBAAA,CAEA,8BACE,YAAA,CACA,kBAAA,CACA,OAAA,CAEA,sCACE,YAAA,CACA,qBAAA,CACA,OAAA,CACA,oBAAA,CACA,wBAAA,CACA,aAAA,CACA,iBAAA,CAEA,kDACE,8CAAA,CACA,gCAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA",sourcesContent:[".message-item {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 0px;\r\n align-items: center;\r\n justify-content: flex-start;\r\n align-self: stretch;\r\n flex-shrink: 0;\r\n position: relative;\r\n\r\n &__right {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n width: 100%;\r\n }\r\n\r\n &__more {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n align-items: center;\r\n justify-content: center;\r\n align-self: stretch;\r\n flex-shrink: 0;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n &__icon {\r\n border-radius: 4px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 0px;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n width: 24px;\r\n height: 24px;\r\n position: relative;\r\n //padding-bottom: 10px;\r\n\r\n &__actions {\r\n fill: var(--tertiary-elements, #636D78);\r\n path: var(--tertiary-elements, #636D78);\r\n }\r\n }\r\n }\r\n\r\n &__outgoing {\r\n padding: 0px 8px 8px 16px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 8px;\r\n justify-content: flex-end;\r\n align-self: stretch;\r\n flex-shrink: 0;\r\n width: 320px;\r\n position: relative;\r\n\r\n &__chat {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n\r\n &__bubble-background {\r\n background: var(--outgoing-background, #E7EFFF);\r\n border-radius: 22px 22px 0px 22px;\r\n padding: 8px 12px 8px 12px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n }\r\n }\r\n\r\n &__incoming-mes {\r\n background: var(--secondary-background, #ffffff);\r\n padding: 0px 16px 8px 8px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 8px;\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n align-self: stretch;\r\n flex-shrink: 0;\r\n width: 320px;\r\n position: relative;\r\n }\r\n\r\n &__incoming {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n\r\n &__chat {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 8px;\r\n\r\n &__bubble {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n flex-shrink: 0;\r\n position: relative;\r\n\r\n &__background {\r\n background: var(--incoming-background, #e4e6e8);\r\n border-radius: 22px 22px 22px 0px;\r\n padding: 8px 12px 8px 12px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/MessageCaption/MessageCaption.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".message-caption__user{padding:0px 16px 0px 16px;display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-caption__user__caption{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.message-caption__user__caption__name{color:var(--secondary-text, #636d78);text-align:left;font:var(--label-label-medium);position:relative}.message-caption__forward-reply{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.message-caption__forward-reply--reply{width:16px;height:16px;align-self:stretch;flex:1;position:relative;overflow:visible;fill:var(--tertiary-elements, #636d78)}.message-caption__forward-reply--forward{width:16px;height:16px;align-self:stretch;flex:1;position:relative;overflow:visible;fill:var(--tertiary-elements, #636d78)}.message-caption__forward-reply__icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;position:relative}.message-caption__forward-reply__icon--filled{align-self:stretch;flex:1;height:auto;position:relative;overflow:visible;fill:var(--tertiary-elements, #636d78)}.message-caption__forward-reply__from{color:var(--tertiary-elements, #636d78);text-align:left;font:var(--label-label-medium);position:relative}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/MessageCaption/MessageCaption.scss"],names:[],mappings:"AAEE,uBACE,yBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,sBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEA,gCACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEA,sCACE,oCAAA,CACA,eAAA,CACA,8BAAA,CACA,iBAAA,CAKN,gCACE,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,0BAAA,CACA,aAAA,CACA,iBAAA,CAEA,uCACE,UAAA,CACA,WAAA,CACA,kBAAA,CACA,MAAA,CACA,iBAAA,CACA,gBAAA,CACA,sCAAA,CAGF,yCACE,UAAA,CACA,WAAA,CACA,kBAAA,CACA,MAAA,CACA,iBAAA,CACA,gBAAA,CACA,sCAAA,CAGF,sCACE,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CAEA,8CACE,kBAAA,CACA,MAAA,CACA,WAAA,CACA,iBAAA,CACA,gBAAA,CACA,sCAAA,CAIJ,sCACE,uCAAA,CACA,eAAA,CACA,8BAAA,CACA,iBAAA",sourcesContent:[".message-caption {\r\n\r\n &__user {\r\n padding: 0px 16px 0px 16px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 8px;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n\r\n &__caption {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 2px;\r\n align-items: center;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n\r\n &__name {\r\n color: var(--secondary-text, #636d78);\r\n text-align: left;\r\n font: var(--label-label-medium);\r\n position: relative;\r\n }\r\n }\r\n }\r\n\r\n &__forward-reply {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 2px;\r\n align-items: center;\r\n justify-content: flex-start;\r\n flex-shrink: 0;\r\n position: relative;\r\n\r\n &--reply {\r\n width: 16px;\r\n height: 16px;\r\n align-self: stretch;\r\n flex: 1;\r\n position: relative;\r\n overflow: visible;\r\n fill: var(--tertiary-elements, #636d78);\r\n }\r\n\r\n &--forward {\r\n width: 16px;\r\n height: 16px;\r\n align-self: stretch;\r\n flex: 1;\r\n position: relative;\r\n overflow: visible;\r\n fill: var(--tertiary-elements, #636d78);\r\n }\r\n\r\n &__icon {\r\n border-radius: 4px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 0px;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n width: 16px;\r\n height: 16px;\r\n position: relative;\r\n\r\n &--filled {\r\n align-self: stretch;\r\n flex: 1;\r\n height: auto;\r\n position: relative;\r\n overflow: visible;\r\n fill: var(--tertiary-elements, #636d78);\r\n }\r\n }\r\n\r\n &__from {\r\n color: var(--tertiary-elements, #636d78);\r\n text-align: left;\r\n font: var(--label-label-medium);\r\n position: relative;\r\n }\r\n }\r\n\r\n}\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".time-status{background:var(--main-background, #ffffff);padding:0px 8px 8px 16px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-end;align-self:stretch;flex-shrink:0;width:320px;position:relative}.time-status__caption{display:flex;gap:2px;align-items:flex-end;flex-shrink:0}.time-status__caption__status{width:13px;height:13px}.time-status__time{color:var(--tertiary-elements, #636d78);text-align:left;font:var(--label-label-small);position:relative}.status-message--sent{fill:var(--tertiary-elements, #636D78)}.status-message--delivered{fill:var(--tertiary-elements, #636D78)}.status-message--viewed{fill:var(--main-elements, #3978fc)}.status-message--error{fill:var(--error, #FF3B30)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.scss"],names:[],mappings:"AAAA,aACE,0CAAA,CACA,wBAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CACA,aAAA,CACA,WAAA,CACA,iBAAA,CAEA,sBACE,YAAA,CACA,OAAA,CACA,oBAAA,CACA,aAAA,CAEA,8BACE,UAAA,CACA,WAAA,CAGJ,mBACE,uCAAA,CACA,eAAA,CACA,6BAAA,CACA,iBAAA,CAMF,sBACE,sCAAA,CAGF,2BACE,sCAAA,CAGF,wBACE,kCAAA,CAGF,uBACE,0BAAA",sourcesContent:[".time-status {\r\n background: var(--main-background, #ffffff);\r\n padding: 0px 8px 8px 16px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 8px;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n align-self: stretch;\r\n flex-shrink: 0;\r\n width: 320px;\r\n position: relative;\r\n\r\n &__caption {\r\n display: flex;\r\n gap: 2px;\r\n align-items: flex-end;\r\n flex-shrink: 0;\r\n\r\n &__status {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n }\r\n &__time {\r\n color: var(--tertiary-elements, #636d78);\r\n text-align: left;\r\n font: var(--label-label-small);\r\n position: relative;\r\n // padding-bottom: 10px;\r\n }\r\n}\r\n\r\n.status-message {\r\n &--sent {\r\n fill: var(--tertiary-elements, #636D78);\r\n }\r\n\r\n &--delivered {\r\n fill: var(--tertiary-elements, #636D78);\r\n }\r\n\r\n &--viewed {\r\n fill: var(--main-elements, #3978fc);\r\n }\r\n\r\n &--error {\r\n fill: var(--error, #FF3B30);\r\n }\r\n}\r\n\r\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Avatar_Avatar_Avatar});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Avatar=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Avatar.A,options);Avatar.A&&Avatar.A.locals&&Avatar.A.locals;function Avatar_Avatar_Avatar(_ref){let{icon=react.createElement(icons.Uh,null),size="md",className,src}=_ref;return src?react.createElement("div",{className:classnames_default()("avatar",`avatar--${size}`,className)},react.createElement("img",{src,className:"avatar__image",alt:"Avatar"})):react.createElement("div",{className:classnames_default()("avatar",`avatar--${size}`,className)},icon)}Avatar_Avatar_Avatar.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{required:!1,tsType:{name:"union",raw:"'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'xxl'",elements:[{name:"literal",value:"'xs'"},{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"},{name:"literal",value:"'xl'"},{name:"literal",value:"'xxl'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},icon:{required:!1,tsType:{name:"ReactElement"},description:"",defaultValue:{value:"<UserSvg />",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/CheckBox/CheckBox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>CheckBox_CheckBox_CheckBox});var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),CheckBox=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/CheckBox/CheckBox.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(CheckBox.A,options);CheckBox.A&&CheckBox.A.locals&&CheckBox.A.locals;var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts");function CheckBox_CheckBox_CheckBox(_ref){let{disabled,checked,onChange}=_ref;return react.createElement("label",{className:classnames_default()("checkbox-field",{disabled})},checked?react.createElement(icons.uM,{className:"icon-checkmark"}):react.createElement(icons.av,{className:"icon-check"}),react.createElement("input",{type:"checkbox",onChange:()=>onChange?.(!checked),disabled}))}CheckBox_CheckBox_CheckBox.__docgenInfo={description:"",methods:[],displayName:"CheckBox",props:{disabled:{required:!0,tsType:{name:"boolean"},description:""},checked:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(isSelected: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"isSelected"}],return:{name:"void"}}},description:""}}}},"./src/Presentation/ui-components/Message/Message.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MessageFile:()=>MessageFile,MessageImage:()=>MessageImage,MessageText:()=>MessageText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Message_stories});var react=__webpack_require__("./node_modules/react/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),CheckBox=__webpack_require__("./src/Presentation/ui-components/CheckBox/CheckBox.tsx"),forward_filledreact=__webpack_require__("./src/Presentation/icons/actions/forward-filled.svg?react"),reply_filledreact=__webpack_require__("./src/Presentation/icons/actions/reply-filled.svg?react"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),MessageCaption=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/MessageCaption/MessageCaption.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(MessageCaption.A,options);MessageCaption.A&&MessageCaption.A.locals&&MessageCaption.A.locals;const subtypeIconDictionary={forward:forward_filledreact.A,reply:reply_filledreact.A};function MessageCaption_MessageCaption_MessageCaption(_ref){let{type,subtype,userName}=_ref;return react.createElement("div",{className:"message-caption__user__caption"},react.createElement("div",{className:"message-caption__forward-reply"},subtype&&(subtype=>{const SubTypeIcon=subtypeIconDictionary[subtype];return react.createElement(SubTypeIcon,{className:`message-caption__forward-reply--${subtype}`})})(subtype),react.createElement("span",{className:"message-caption__forward-reply__from"},"forward"===subtype&&"Forwarded from ","reply"===subtype&&"Replied to ")),("incoming"===type\|\|"reply"===subtype\|\|"forward"===subtype)&&react.createElement("div",{className:"message-caption__user__caption__name"},userName))}MessageCaption_MessageCaption_MessageCaption.__docgenInfo={description:"",methods:[],displayName:"MessageCaption",props:{type:{required:!0,tsType:{name:"union",raw:"'outgoing' \| 'incoming'",elements:[{name:"literal",value:"'outgoing'"},{name:"literal",value:"'incoming'"}]},description:""},subtype:{required:!1,tsType:{name:"union",raw:"'reply' \| 'forward'",elements:[{name:"literal",value:"'reply'"},{name:"literal",value:"'forward'"}]},description:""},userName:{required:!0,tsType:{name:"string"},description:""}}};var sentreact=__webpack_require__("./src/Presentation/icons/status/sent.svg?react"),viewed_deliveredreact=__webpack_require__("./src/Presentation/icons/status/viewed-delivered.svg?react"),errorreact=__webpack_require__("./src/Presentation/icons/status/error.svg?react"),TimeAndStatus=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.scss"),TimeAndStatus_options={};TimeAndStatus_options.styleTagTransform=styleTagTransform_default(),TimeAndStatus_options.setAttributes=setAttributesWithoutAttributes_default(),TimeAndStatus_options.insert=insertBySelector_default().bind(null,"head"),TimeAndStatus_options.domAPI=styleDomAPI_default(),TimeAndStatus_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(TimeAndStatus.A,TimeAndStatus_options);TimeAndStatus.A&&TimeAndStatus.A.locals&&TimeAndStatus.A.locals;const statusIconDictionary={sent:sentreact.A,delivered:viewed_deliveredreact.A,viewed:viewed_deliveredreact.A,error:errorreact.A};function TimeAndStatus_TimeAndStatus_TimeAndStatus(_ref){let{status,time}=_ref;const StatusIcon=statusIconDictionary[status];return react.createElement("div",{className:"time-status__caption"},status&&react.createElement("div",{className:"time-status__caption__status"},react.createElement(StatusIcon,{className:`status-message--${status}`})),react.createElement("div",{className:"time-status__time"},time))}TimeAndStatus_TimeAndStatus_TimeAndStatus.__docgenInfo={description:"",methods:[],displayName:"TimeAndStatus",props:{status:{required:!1,tsType:{name:"union",raw:"'sent' \| 'delivered' \| 'viewed' \| 'error'",elements:[{name:"literal",value:"'sent'"},{name:"literal",value:"'delivered'"},{name:"literal",value:"'viewed'"},{name:"literal",value:"'error'"}]},description:""},time:{required:!0,tsType:{name:"string"},description:""}}};var Message=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Message.scss"),Message_options={};Message_options.styleTagTransform=styleTagTransform_default(),Message_options.setAttributes=setAttributesWithoutAttributes_default(),Message_options.insert=insertBySelector_default().bind(null,"head"),Message_options.domAPI=styleDomAPI_default(),Message_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Message.A,Message_options);Message.A&&Message.A.locals&&Message.A.locals;function Message_Message_Message(_ref){let{userName,avatar=react.createElement(Avatar.A,null),time,type,status,subtype,enableSelect=!1,isSelect=!1,disabled=!1,onSelect,bottomPart,additionalPart,children}=_ref;return react.createElement("div",{className:"message-item"},enableSelect&&react.createElement(CheckBox.A,{disabled,checked:isSelect,onChange:onSelect}),"outgoing"===type?react.createElement("div",{className:"message-item__right"},react.createElement("div",{className:"message-item__outgoing"},react.createElement(TimeAndStatus_TimeAndStatus_TimeAndStatus,{status,time}),additionalPart,react.createElement("div",{className:"message-item__outgoing__chat"},react.createElement(MessageCaption_MessageCaption_MessageCaption,{type,subtype,userName}),children))):react.createElement(react.Fragment,null,react.createElement("div",{className:"message-item__incoming-mes"},avatar,react.createElement("div",{className:"message-item__incoming"},react.createElement(MessageCaption_MessageCaption_MessageCaption,{type,subtype,userName}),react.createElement("div",{className:"message-item__incoming__chat"},react.createElement("div",{className:"message-item__incoming__chat__bubble"},children,bottomPart),additionalPart,react.createElement(TimeAndStatus_TimeAndStatus_TimeAndStatus,{time}))))))}Message_Message_Message.__docgenInfo={description:"",methods:[],displayName:"Message",props:{userName:{required:!0,tsType:{name:"string"},description:""},avatar:{required:!1,tsType:{name:"ReactElement"},description:"",defaultValue:{value:"<Avatar />",computed:!1}},time:{required:!0,tsType:{name:"string"},description:""},type:{required:!0,tsType:{name:"union",raw:"'outgoing' \| 'incoming'",elements:[{name:"literal",value:"'outgoing'"},{name:"literal",value:"'incoming'"}]},description:""},subtype:{required:!1,tsType:{name:"union",raw:"'reply' \| 'forward'",elements:[{name:"literal",value:"'reply'"},{name:"literal",value:"'forward'"}]},description:""},status:{required:!1,tsType:{name:"union",raw:"'sent' \| 'delivered' \| 'viewed' \| 'error'",elements:[{name:"literal",value:"'sent'"},{name:"literal",value:"'delivered'"},{name:"literal",value:"'viewed'"},{name:"literal",value:"'error'"}]},description:""},enableSelect:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isSelect:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"(isSelected: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"isSelected"}],return:{name:"void"}}},description:""},bottomPart:{required:!1,tsType:{name:"ReactElement"},description:""},additionalPart:{required:!1,tsType:{name:"ReactElement"},description:""},children:{required:!1,tsType:{name:"ReactElement"},description:""}}};var HighLightLink=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.scss"),HighLightLink_options={};HighLightLink_options.styleTagTransform=styleTagTransform_default(),HighLightLink_options.setAttributes=setAttributesWithoutAttributes_default(),HighLightLink_options.insert=insertBySelector_default().bind(null,"head"),HighLightLink_options.domAPI=styleDomAPI_default(),HighLightLink_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(HighLightLink.A,HighLightLink_options);HighLightLink.A&&HighLightLink.A.locals&&HighLightLink.A.locals;const pattern=/(https?:\/\/)?([\p{L}\p{N}_-]+(?:(?:\.[\p{L}\p{N}_-]+)+)[\p{L}\p{N}.,@?^=%&:/~+#-][\p{L}\p{N}@?^=%&/~+#-])/gu;function removeLastPunctuation(str){const punctuationRegex=/[!;%:?_.,:-]/,decimalSeparatorRegex=/[.,]/;if(str.length>0){const lastChar=str.charAt(str.length-1);if(punctuationRegex.test(lastChar)\|\|decimalSeparatorRegex.test(lastChar))return str.slice(0,-1)}return str}const getRuleUrl=url=>{const uriParts=(url=>{const matches=url.match(/^(\w+?:\/\/)?([\w-\\.]+(?=\/?))?:?(\d)?([^:])/);return{scheme:matches?matches[1]:void 0,host:matches?matches[2]:"",port:matches?matches[3]:void 0,pathname:matches?matches[4]:""}})(url);let result=url;return void 0===uriParts.scheme&&(result=`http://${url}`),result},HighLightLink_HighLightLink_HighLightLink=_ref=>{let{messageText}=_ref;const elements=messageText.split(/\n\| /).map(((item,index)=>(str=>{const regex=new RegExp(pattern);return regex.test(str)\|\|regex.test(removeLastPunctuation(str))})(item)?react.createElement("div",{className:"message-urls"},react.createElement("span",null,react.createElement("a",{key:index,href:`${getRuleUrl(item)}`,target:"_blank",rel:"noreferrer"},item)," ")):react.createElement("span",null,item," ")));return react.createElement("div",null,elements)};HighLightLink_HighLightLink_HighLightLink.__docgenInfo={description:"",methods:[],displayName:"HighLightLink",props:{messageText:{required:!0,tsType:{name:"string"},description:""}}};var TextBubble=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.scss"),TextBubble_options={};TextBubble_options.styleTagTransform=styleTagTransform_default(),TextBubble_options.setAttributes=setAttributesWithoutAttributes_default(),TextBubble_options.insert=insertBySelector_default().bind(null,"head"),TextBubble_options.domAPI=styleDomAPI_default(),TextBubble_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(TextBubble.A,TextBubble_options);TextBubble.A&&TextBubble.A.locals&&TextBubble.A.locals;function TextBubble_TextBubble_TextBubble(_ref){let{text,type}=_ref;return react.createElement("div",{className:`text-bubble-background__${type}`},react.createElement("div",{className:"bubble-content-text"},(message=>{let result=0;return message.split(/\n\| /).forEach((s=>{(s.match(pattern)\|\|removeLastPunctuation(s).match(pattern))&&(result+=1)})),result>0})(text)?react.createElement(HighLightLink_HighLightLink_HighLightLink,{messageText:text}):text))}TextBubble_TextBubble_TextBubble.__docgenInfo={description:"",methods:[],displayName:"TextBubble",props:{text:{required:!0,tsType:{name:"string"},description:""},type:{required:!0,tsType:{name:"union",raw:"'outgoing' \| 'incoming'",elements:[{name:"literal",value:"'outgoing'"},{name:"literal",value:"'incoming'"}]},description:""}}};var FileBubble=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.scss"),FileBubble_options={};FileBubble_options.styleTagTransform=styleTagTransform_default(),FileBubble_options.setAttributes=setAttributesWithoutAttributes_default(),FileBubble_options.insert=insertBySelector_default().bind(null,"head"),FileBubble_options.domAPI=styleDomAPI_default(),FileBubble_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(FileBubble.A,FileBubble_options);FileBubble.A&&FileBubble.A.locals&&FileBubble.A.locals;var filereact=__webpack_require__("./src/Presentation/icons/media/file.svg?react"),FileUrl=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/FileUrl/FileUrl.scss"),FileUrl_options={};FileUrl_options.styleTagTransform=styleTagTransform_default(),FileUrl_options.setAttributes=setAttributesWithoutAttributes_default(),FileUrl_options.insert=insertBySelector_default().bind(null,"head"),FileUrl_options.domAPI=styleDomAPI_default(),FileUrl_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(FileUrl.A,FileUrl_options);FileUrl.A&&FileUrl.A.locals&&FileUrl.A.locals;function FileUrl_FileUrl_FileUrl(_ref){let{title,href}=_ref;return react.createElement("div",{className:"file-attachment"},react.createElement("div",{className:"file-attachment__placeholder"},react.createElement("div",{className:"file-attachment__placeholder__bg"}),href?react.createElement("a",{href,target:"_blank",download:!0,rel:"noreferrer",className:"file-attachment__placeholder__bg__icon"},react.createElement(filereact.A,{className:"message-icon-file"})):react.createElement("div",{className:"file-attachment__placeholder__bg__icon"},react.createElement(filereact.A,{className:"message-icon-file"}))),react.createElement("div",{className:"file-attachment__file-name"},(fileName=title).length>10?`${fileName.substring(0,9)}... .${fileName.slice((Math.max(0,fileName.lastIndexOf("."))\|\|1/0)+1)}`:fileName));var fileName}function FileBubble_FileBubble_FileBubble(_ref){let{type,title,href}=_ref;return react.createElement("div",{className:`file-bubble-background__${type}`},react.createElement(FileUrl_FileUrl_FileUrl,{title,href}))}FileUrl_FileUrl_FileUrl.__docgenInfo={description:"",methods:[],displayName:"FileUrl",props:{title:{required:!0,tsType:{name:"string"},description:""},href:{required:!1,tsType:{name:"string"},description:""}}},FileBubble_FileBubble_FileBubble.__docgenInfo={description:"",methods:[],displayName:"FileBubble",props:{type:{required:!0,tsType:{name:"union",raw:"'outgoing' \| 'incoming'",elements:[{name:"literal",value:"'outgoing'"},{name:"literal",value:"'incoming'"}]},description:""},title:{required:!0,tsType:{name:"string"},description:""},href:{required:!1,tsType:{name:"string"},description:""}}};var ImageBubble=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.scss"),ImageBubble_options={};ImageBubble_options.styleTagTransform=styleTagTransform_default(),ImageBubble_options.setAttributes=setAttributesWithoutAttributes_default(),ImageBubble_options.insert=insertBySelector_default().bind(null,"head"),ImageBubble_options.domAPI=styleDomAPI_default(),ImageBubble_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ImageBubble.A,ImageBubble_options);ImageBubble.A&&ImageBubble.A.locals&&ImageBubble.A.locals;function ImageBubble_ImageBubble_ImageBubble(_ref){let{title,href}=_ref;return react.createElement("a",{href,download:"file",target:"_blank",rel:"noreferrer",className:"message-attachment-image"},react.createElement("img",{className:"message-attachment-image-body",key:href,src:href,alt:title\|\|"attached image"}))}ImageBubble_ImageBubble_ImageBubble.__docgenInfo={description:"",methods:[],displayName:"ImageBubble",props:{title:{required:!0,tsType:{name:"string"},description:""},href:{required:!1,tsType:{name:"string"},description:""}}};var playreact=__webpack_require__("./src/Presentation/icons/toggle/play.svg?react"),pausereact=__webpack_require__("./src/Presentation/icons/toggle/pause.svg?react"),AudioBubble=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.scss"),AudioBubble_options={};AudioBubble_options.styleTagTransform=styleTagTransform_default(),AudioBubble_options.setAttributes=setAttributesWithoutAttributes_default(),AudioBubble_options.insert=insertBySelector_default().bind(null,"head"),AudioBubble_options.domAPI=styleDomAPI_default(),AudioBubble_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(AudioBubble.A,AudioBubble_options);AudioBubble.A&&AudioBubble.A.locals&&AudioBubble.A.locals;function AudioBubble_AudioBubble_AudioBubble(_ref){let{type,title,href,fileUid,audioFileType}=_ref;const[isPlaying,setIsPlaying]=(0,react.useState)(!1),audioRef=(0,react.useRef)(null),[secondsElapsed,setSecondsElapsed]=(0,react.useState)(0),handleAudioEnd=()=>{setIsPlaying(!1),setSecondsElapsed(0)};(0,react.useEffect)((()=>{const audio=audioRef.current;if(audio)return audio.addEventListener("ended",handleAudioEnd),()=>{audio.removeEventListener("ended",handleAudioEnd)}}),[]),(0,react.useEffect)((()=>{let intervalId;return isPlaying&&(intervalId=setInterval((()=>{setSecondsElapsed((prevSeconds=>prevSeconds+1))}),100)),()=>{clearInterval(intervalId)}}),[isPlaying]);return react.createElement("div",{className:`audio-bubble-background__${type}`},react.createElement("audio",{ref:audioRef,className:"audio-body",preload:"auto"},react.createElement("source",{src:href,type:audioFileType}),react.createElement("source",{src:href,type:"audio/mpeg"}),react.createElement("source",{src:href,type:"audio/ogg"}),"Your browser does not support the audio element."),react.createElement("div",{className:"audio-player"},react.createElement("div",{className:"audio-body__controls",onClick:()=>{const audio=audioRef.current;audio?(isPlaying?audio.pause():audio.play(),setIsPlaying(!isPlaying)):console.error("Audio element not found")}},isPlaying?react.createElement(pausereact.A,{className:"audio-body__controls--color"}):react.createElement(playreact.A,{className:"audio-body__controls--color"})),react.createElement("div",{className:"audio-player__equalizer-time"},react.createElement("div",{className:"equalizer"},isPlaying?(()=>{const divElements=[];for(let i=0;i<30;i+=1){const divStyle={height:`${Math.floor(12*Math.random())+1}px`};divElements.push(react.createElement("div",{className:"equalizer__rectangle",key:i,style:divStyle}))}return divElements})():(uid=>{const divElements=[],nums=((inputString,count)=>{const uniqueNumbers=[];for(let i=0;i<count;i+=1)uniqueNumbers.push(Math.abs(inputString.charCodeAt(i)%11)+2);return uniqueNumbers})(uid,30);for(let i=0;i<30;i+=1){const divStyle={height:`${nums[i]}px`};divElements.push(react.createElement("div",{className:"equalizer__rectangle",key:i,style:divStyle}))}return divElements})(fileUid)),react.createElement("div",{className:"time-play"},(time=>{const minutes=Math.floor(time%3600/60),seconds=Math.floor(time%60);return`${minutes.toString().padStart(2,"0")}:${seconds.toString().padStart(2,"0")}`})(secondsElapsed)))))}AudioBubble_AudioBubble_AudioBubble.__docgenInfo={description:"",methods:[],displayName:"AudioBubble",props:{type:{required:!0,tsType:{name:"union",raw:"'outgoing' \| 'incoming'",elements:[{name:"literal",value:"'outgoing'"},{name:"literal",value:"'incoming'"}]},description:""},title:{required:!1,tsType:{name:"string"},description:""},href:{required:!1,tsType:{name:"string"},description:""},fileUid:{required:!1,tsType:{name:"string"},description:""},audioFileType:{required:!1,tsType:{name:"string"},description:""}}};var VideoBubble=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.scss"),VideoBubble_options={};VideoBubble_options.styleTagTransform=styleTagTransform_default(),VideoBubble_options.setAttributes=setAttributesWithoutAttributes_default(),VideoBubble_options.insert=insertBySelector_default().bind(null,"head"),VideoBubble_options.domAPI=styleDomAPI_default(),VideoBubble_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(VideoBubble.A,VideoBubble_options);VideoBubble.A&&VideoBubble.A.locals&&VideoBubble.A.locals;function VideoBubble_VideoBubble_VideoBubble(_ref){let{title,href,className}=_ref;return react.createElement("div",{className},react.createElement("div",{className:"message-attachment-video"},react.createElement("video",{className:"message-attachment-video-body",controls:!0,key:title,playsInline:!0,src:href},react.createElement("a",{href,download:!0},"Download"))),react.createElement("a",{href,download:!0,className:"message-attachment-video-body__link"},"Download"))}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function getChildrenByType(type,children){if(("incoming"===type\|\|"outgoing"===type)&&children)return function createBubbleByType(type,children){const isTextBubbleType=children?.type===TextBubble_TextBubble_TextBubble,isFileBubbleType=children?.type===FileBubble_FileBubble_FileBubble,isImageBubbleType=children?.type===ImageBubble_ImageBubble_ImageBubble,isAudioBubbleType=children?.type===AudioBubble_AudioBubble_AudioBubble,isVideoBubbleType=children?.type===VideoBubble_VideoBubble_VideoBubble;return isTextBubbleType?react.createElement(TextBubble_TextBubble_TextBubble,{text:"The QuickBlox UIKit for React is a comprehensive user interface kit specifically designed for building chat applications. It provides a collection of pre-built components, modules, and utilities that simplify the process of creating chat applications.",type}):isFileBubbleType?react.createElement(FileBubble_FileBubble_FileBubble,{title:"00b5563-small-qb-logo-docs-white-9px.png",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png",type}):isImageBubbleType?react.createElement(ImageBubble_ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png"}):isAudioBubbleType?react.createElement(AudioBubble_AudioBubble_AudioBubble,{title:"1.mp3",href:"//samplelib.com/lib/preview/mp3/sample-3s.mp3",audioFileType:"mp3",fileUid:"12345678901234544",type}):isVideoBubbleType?react.createElement(VideoBubble_VideoBubble_VideoBubble,{title:"QuickBlox",href:"https://www.youtube.com/watch?v=0QFqNjhP-wM"}):void 0}(type,children)}VideoBubble_VideoBubble_VideoBubble.__docgenInfo={description:"",methods:[],displayName:"VideoBubble",props:{title:{required:!0,tsType:{name:"string"},description:""},href:{required:!1,tsType:{name:"string"},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};const Message_stories={tags:["autodocs"],title:"@quickblox-react-ui-kit/Presentation/ui-components/Message",component:Message_Message_Message,decorators:[(StoryFn,context)=>{const{type,children}=context.args,modifiedArgs={...context.args,children:getChildrenByType(type,children)};return react.createElement(StoryFn,_extends({},context,{args:modifiedArgs}))}],parameters:{viewport:{viewports:dist.Lq}},args:{userName:"Nate",time:"16:58",type:"incoming",status:void 0,enableSelect:!0,isSelect:!1,disabled:!1},argTypes:{userName:{table:{type:{summary:"string"},defaultValue:{summary:""}},description:"User name"},avatar:{control:!1,table:{type:{summary:"ReactElement"}},description:"Message sender avatar"},time:{table:{type:{summary:"string"},defaultValue:{summary:""}},description:"Time of sending the message"},type:{table:{type:{summary:"outgoing \| incoming"},defaultValue:{summary:"incoming"}},control:"radio",options:["incoming","outgoing"],description:"The type of message can be either outgoing or incoming"},enableSelect:{description:"Enables the option to select a message"},isSelect:{description:"The status of message selection"},disabled:{description:"Active"},status:{table:{type:{summary:"sent \| delivered \| viewed \| error"},defaultValue:{summary:""}},control:"select",options:["sent","delivered","viewed","error"],description:"The status of the message"},children:{table:{type:{summary:"ReactElement"}},description:"Message bubble",control:"select",options:["TextMessage","FileMessage","ImageMessage","AudioMessage","VideoMessage"],mapping:{TextMessage:react.createElement(TextBubble_TextBubble_TextBubble,{text:"The QuickBlox UIKit for React is a comprehensive user interface kit specifically designed for building chat applications. It provides a collection of pre-built components, modules, and utilities that simplify the process of creating chat applications.",type:"incoming"}),FileMessage:react.createElement(FileBubble_FileBubble_FileBubble,{title:"00b5563-small-qb-logo-docs-white-9px.png",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png",type:"incoming"}),ImageMessage:react.createElement(ImageBubble_ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png"}),AudioMessage:react.createElement(AudioBubble_AudioBubble_AudioBubble,{title:"1.mp3",href:"//samplelib.com/lib/preview/mp3/sample-3s.mp3",audioFileType:"mp3",fileUid:"12345678901234544",type:"incoming"}),VideoMessage:react.createElement(VideoBubble_VideoBubble_VideoBubble,{title:"QuickBlox",href:"https://www.youtube.com/watch?v=0QFqNjhP-wM"})}},subtype:{description:"Additional message subtype"},onSelect:{table:{type:{summary:"function"}},description:"The function responsible for message selection"},bottomPart:{table:{type:{summary:"ReactElement"}},control:!1,description:"The bottom part of the message layout"},additionalPart:{table:{type:{summary:"ReactElement"}},control:!1,description:"Additional section of the message layout"}}},MessageText={args:{children:react.createElement(TextBubble_TextBubble_TextBubble,{text:"Test Message",type:"incoming"})}},MessageImage={args:{children:react.createElement(ImageBubble_ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/0a66fe7-SreenModulesDialogList.png"})}},MessageFile={args:{children:react.createElement(FileBubble_FileBubble_FileBubble,{type:"incoming",title:"QuickBlox",href:"https://raw.githubusercontent.com/QuickBlox/react-ui-kit/main/README.md"})}},__namedExportsOrder=["MessageText","MessageImage","MessageFile"];MessageText.parameters={...MessageText.parameters,docs:{...MessageText.parameters?.docs,source:{originalSource:'{\n args: {\n children: <TextBubble text="Test Message" type="incoming" />\n }\n}',...MessageText.parameters?.docs?.source}}},MessageImage.parameters={...MessageImage.parameters,docs:{...MessageImage.parameters?.docs,source:{originalSource:'{\n args: {\n children: <ImageBubble title="QuickBlox" href="https://files.readme.io/0a66fe7-SreenModulesDialogList.png" />\n }\n}',...MessageImage.parameters?.docs?.source}}},MessageFile.parameters={...MessageFile.parameters,docs:{...MessageFile.parameters?.docs,source:{originalSource:'{\n args: {\n children: <FileBubble type="incoming" title="QuickBlox" href="https://raw.githubusercontent.com/QuickBlox/react-ui-kit/main/README.md" />\n }\n}',...MessageFile.parameters?.docs?.source}}}}}]);

package/storybook-static/Presentation-ui-components-Message-Message-stories.56b66b6d.iframe.bundle.js.LICENSE.txt ADDED Viewed

@@ -0,0 +1,5 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/