quickblox-react-ui-kit 0.3.0-beta.4 → 0.3.1-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 (105) hide show
  1. package/dist/CommonTypes/CommonTypes.d.ts +142 -0
  2. package/dist/CommonTypes/FunctionResult.d.ts +0 -54
  3. package/dist/Data/DefaultConfigurations.d.ts +2 -2
  4. package/dist/Data/Stubs.d.ts +5 -4
  5. package/dist/Data/dto/dialog/LocalDialogDTO.d.ts +1 -1
  6. package/dist/Data/dto/dialog/RemoteDialogDTO.d.ts +1 -1
  7. package/dist/Data/source/remote/Mapper/MessageDTOMapper.d.ts +1 -0
  8. package/dist/Domain/entity/LastMessageEntity.d.ts +1 -1
  9. package/dist/Presentation/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.d.ts +3 -1
  10. package/dist/Presentation/ui-components/TextField/TextField.d.ts +2 -2
  11. package/dist/QBconfig.d.ts +2 -76
  12. package/dist/index-ui.js +985 -973
  13. package/dist/index-ui.js.map +1 -1
  14. package/dist/qb-api-calls/index.d.ts +13 -12
  15. package/dist/utils/formatFileSize.d.ts +1 -0
  16. package/dist/utils/parse.d.ts +1 -0
  17. package/global.d.ts +159 -2836
  18. package/package.json +4 -2
  19. package/src/App.tsx +2 -1
  20. package/src/CommonTypes/CommonTypes.ts +228 -0
  21. package/src/CommonTypes/FunctionResult.ts +0 -59
  22. package/src/Data/Creator.ts +1 -0
  23. package/src/Data/DefaultConfigurations.ts +6 -2
  24. package/src/Data/Stubs.ts +30 -29
  25. package/src/Data/dto/dialog/LocalDialogDTO.ts +2 -2
  26. package/src/Data/dto/dialog/RemoteDialogDTO.ts +2 -2
  27. package/src/Data/mapper/DialogLocalDTOMapper.ts +4 -10
  28. package/src/Data/mapper/DialogRemoteDTOMapper.ts +5 -10
  29. package/src/Data/repository/ConnectionRepository.ts +1 -0
  30. package/src/Data/repository/UsersRepository.ts +1 -1
  31. package/src/Data/source/local/ChatLocalStorageDataSource.ts +14 -14
  32. package/src/Data/source/remote/Mapper/DialogDTOMapper.ts +65 -47
  33. package/src/Data/source/remote/Mapper/FileDTOMapper.ts +4 -0
  34. package/src/Data/source/remote/Mapper/MessageDTOMapper.ts +1 -0
  35. package/src/Data/source/remote/Mapper/UserDTOMapper.ts +1 -0
  36. package/src/Data/source/remote/RemoteDataSource.ts +31 -10
  37. package/src/Domain/entity/LastMessageEntity.ts +1 -1
  38. package/src/Presentation/Views/Dialog/useDialogViewModel.ts +8 -0
  39. package/src/Presentation/Views/DialogInfo/DialogInfo.tsx +1 -1
  40. package/src/Presentation/Views/DialogList/DialogList.tsx +65 -2
  41. package/src/Presentation/Views/EditDialog/EditDialog.tsx +4 -3
  42. package/src/Presentation/Views/InviteMembers/InviteMembers.tsx +9 -1
  43. package/src/Presentation/Views/PreviewDialog/PreviewDialog.tsx +1 -0
  44. package/src/Presentation/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx +388 -515
  45. package/src/Presentation/layouts/TestStage/LoginView/Login.tsx +7 -11
  46. package/src/Presentation/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx +30 -2
  47. package/src/Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx +1 -0
  48. package/src/Presentation/ui-components/TextField/TextField.tsx +58 -48
  49. package/src/QBconfig.ts +13 -11
  50. package/src/qb-api-calls/index.ts +39 -14
  51. package/src/utils/formatFileSize.ts +8 -0
  52. package/src/utils/parse.ts +2 -0
  53. package/storybook-static/703.1137fb37.iframe.bundle.js +33 -0
  54. package/storybook-static/703.1137fb37.iframe.bundle.js.map +1 -0
  55. package/storybook-static/{758.53b4954a.iframe.bundle.js → 938.56e9d83c.iframe.bundle.js} +1 -14
  56. package/storybook-static/Presentation-ui-components-Avatar-avatar-stories.1b74ae55.iframe.bundle.js +14 -0
  57. package/storybook-static/Presentation-ui-components-Avatar-avatar-stories.1b74ae55.iframe.bundle.js.map +1 -0
  58. package/storybook-static/Presentation-ui-components-Button-Button-stories.84103f20.iframe.bundle.js +14 -0
  59. package/storybook-static/Presentation-ui-components-Button-Button-stories.84103f20.iframe.bundle.js.map +1 -0
  60. package/storybook-static/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.bf9005d3.iframe.bundle.js +14 -0
  61. package/storybook-static/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.bf9005d3.iframe.bundle.js.map +1 -0
  62. package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.f81a8e38.iframe.bundle.js +14 -0
  63. package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.f81a8e38.iframe.bundle.js.map +1 -0
  64. package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.141a3ae7.iframe.bundle.js +14 -0
  65. package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.141a3ae7.iframe.bundle.js.map +1 -0
  66. package/storybook-static/Presentation-ui-components-Header-Header-stories.9f45c30e.iframe.bundle.js +14 -0
  67. package/storybook-static/Presentation-ui-components-Header-Header-stories.9f45c30e.iframe.bundle.js.map +1 -0
  68. package/storybook-static/Presentation-ui-components-Loader-Loader-stories.af01e15d.iframe.bundle.js +14 -0
  69. package/storybook-static/Presentation-ui-components-Loader-Loader-stories.af01e15d.iframe.bundle.js.map +1 -0
  70. package/storybook-static/Presentation-ui-components-Message-Message-stories.264d251d.iframe.bundle.js +14 -0
  71. package/storybook-static/Presentation-ui-components-Message-Message-stories.264d251d.iframe.bundle.js.map +1 -0
  72. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.0c6310aa.iframe.bundle.js +1 -0
  73. package/storybook-static/{Presentation-ui-components-Placeholder-Placeholder-stories.871f508c.iframe.bundle.js → Presentation-ui-components-Placeholder-Placeholder-stories.97287936.iframe.bundle.js} +14 -1
  74. package/storybook-static/Presentation-ui-components-Placeholder-Placeholder-stories.97287936.iframe.bundle.js.map +1 -0
  75. package/storybook-static/Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.a9f5cd67.iframe.bundle.js +14 -0
  76. package/storybook-static/Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.a9f5cd67.iframe.bundle.js.map +1 -0
  77. package/storybook-static/Presentation-ui-components-SettingsItem-SettingsItem-stories.429a72d5.iframe.bundle.js +14 -0
  78. package/storybook-static/Presentation-ui-components-SettingsItem-SettingsItem-stories.429a72d5.iframe.bundle.js.map +1 -0
  79. package/storybook-static/Presentation-ui-components-TextField-TextField-stories.fd8caf6c.iframe.bundle.js +14 -0
  80. package/storybook-static/Presentation-ui-components-TextField-TextField-stories.fd8caf6c.iframe.bundle.js.map +1 -0
  81. package/storybook-static/{Presentation-ui-components-Toast-Toast-stories.55e63162.iframe.bundle.js → Presentation-ui-components-Toast-Toast-stories.b903385b.iframe.bundle.js} +14 -1
  82. package/storybook-static/Presentation-ui-components-Toast-Toast-stories.b903385b.iframe.bundle.js.map +1 -0
  83. package/storybook-static/{Presentation-ui-components-UserListItem-UserListItem-stories.04d3eefe.iframe.bundle.js → Presentation-ui-components-UserListItem-UserListItem-stories.8781472b.iframe.bundle.js} +14 -1
  84. package/storybook-static/Presentation-ui-components-UserListItem-UserListItem-stories.8781472b.iframe.bundle.js.map +1 -0
  85. package/storybook-static/{docs-Introduction-mdx.ac401482.iframe.bundle.js → docs-Introduction-mdx.bcb06844.iframe.bundle.js} +2 -2
  86. package/storybook-static/{docs-Introduction-mdx.ac401482.iframe.bundle.js.map → docs-Introduction-mdx.bcb06844.iframe.bundle.js.map} +1 -1
  87. package/storybook-static/iframe.html +2 -2
  88. package/storybook-static/{main.597d432b.iframe.bundle.js → main.2f6d7582.iframe.bundle.js} +1 -1
  89. package/storybook-static/project.json +1 -1
  90. package/storybook-static/runtime~main.8d5710fb.iframe.bundle.js +1 -0
  91. package/webpack.config.js +2 -1
  92. package/storybook-static/758.53b4954a.iframe.bundle.js.map +0 -1
  93. package/storybook-static/Presentation-ui-components-Avatar-avatar-stories.cf806856.iframe.bundle.js +0 -1
  94. package/storybook-static/Presentation-ui-components-Button-Button-stories.4fac7996.iframe.bundle.js +0 -1
  95. package/storybook-static/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.6665bbfb.iframe.bundle.js +0 -1
  96. package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.cf340397.iframe.bundle.js +0 -1
  97. package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.b32a1e17.iframe.bundle.js +0 -1
  98. package/storybook-static/Presentation-ui-components-Header-Header-stories.073c4507.iframe.bundle.js +0 -1
  99. package/storybook-static/Presentation-ui-components-Loader-Loader-stories.9bf3fb63.iframe.bundle.js +0 -1
  100. package/storybook-static/Presentation-ui-components-Message-Message-stories.343dfae0.iframe.bundle.js +0 -1
  101. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.c2ead6a5.iframe.bundle.js +0 -1
  102. package/storybook-static/Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.527e000e.iframe.bundle.js +0 -1
  103. package/storybook-static/Presentation-ui-components-SettingsItem-SettingsItem-stories.2ff75703.iframe.bundle.js +0 -1
  104. package/storybook-static/Presentation-ui-components-TextField-TextField-stories.4a2eef3e.iframe.bundle.js +0 -1
  105. package/storybook-static/runtime~main.12da9712.iframe.bundle.js +0 -1
@@ -1 +1 @@
1
- {"generatedAt":1711537998887,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"metaFramework":{"name":"CRA","packageName":"react-scripts","version":"5.0.1"},"packageManager":{"type":"npm","version":"10.2.4"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{"builder":{"useSWC":true}}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.6.12","storybookVersionSpecifier":"^7.6.12","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"7.6.12"},"@storybook/react":{"version":"7.6.12"},"@storybook/react-webpack5":{"version":"7.6.12"},"@storybook/test":{"version":"7.6.12"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.6.12"}},"addons":{"@storybook/addon-links":{"version":"7.6.12"},"@storybook/addon-essentials":{"version":"7.6.12"},"@storybook/preset-create-react-app":{"version":"7.6.12"},"@storybook/addon-onboarding":{"version":"1.0.11"},"@storybook/addon-interactions":{"version":"7.6.12"},"@storybook/addon-viewport":{"version":"7.6.16"}}}
1
+ {"generatedAt":1712225525100,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"metaFramework":{"name":"CRA","packageName":"react-scripts","version":"5.0.1"},"packageManager":{"type":"npm","version":"10.2.4"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{"builder":{"useSWC":true}}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.6.12","storybookVersionSpecifier":"^7.6.12","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"7.6.12"},"@storybook/react":{"version":"7.6.12"},"@storybook/react-webpack5":{"version":"7.6.12"},"@storybook/test":{"version":"7.6.12"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.6.12"}},"addons":{"@storybook/addon-links":{"version":"7.6.12"},"@storybook/addon-essentials":{"version":"7.6.12"},"@storybook/preset-create-react-app":{"version":"7.6.12"},"@storybook/addon-onboarding":{"version":"1.0.11"},"@storybook/addon-interactions":{"version":"7.6.12"},"@storybook/addon-viewport":{"version":"7.6.16"}}}
@@ -0,0 +1 @@
1
+ (()=>{"use strict";var __webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2],fulfilled=!0,j=0;j<chunkIds.length;j++)notFulfilled>=priority&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var leafPrototypes,getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__;__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode||"object"==typeof value&&value&&(4&mode&&value.__esModule||16&mode&&"function"==typeof value.then))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises),[])),__webpack_require__.u=chunkId=>""+(({119:"Presentation-ui-components-MessageInput-MessageInput-stories",148:"Presentation-ui-components-Dropdown-Dropdown-stories",181:"Presentation-ui-components-Badge-Badge-stories",229:"docs-Styling-mdx",231:"Presentation-ui-components-SettingsItem-SettingsItem-stories",267:"Presentation-ui-components-Toast-Toast-stories",356:"Presentation-ui-components-Loader-Loader-stories",594:"Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories",626:"Presentation-ui-components-Button-Button-stories",658:"Presentation-ui-components-MessageSeparator-MessageSeparator-stories",665:"Presentation-ui-components-DialogWindow-DialogWindow-stories",687:"Presentation-ui-components-Message-Message-stories",715:"docs-Introduction-mdx",752:"Presentation-ui-components-Header-Header-stories",794:"Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories",874:"Presentation-ui-components-Placeholder-Placeholder-stories",909:"Presentation-ui-components-TextField-TextField-stories",944:"Presentation-ui-components-DialogBanner-DialogBanner-stories",949:"Presentation-ui-components-Avatar-avatar-stories",968:"Presentation-ui-components-UserListItem-UserListItem-stories"})[chunkId]||chunkId)+"."+({119:"0c6310aa",148:"141a3ae7",181:"9449e470",229:"1d6c1212",231:"429a72d5",267:"b903385b",356:"af01e15d",426:"be971fb5",433:"dffc897e",594:"a9f5cd67",603:"4cf0423b",607:"b04b9f0b",626:"84103f20",658:"a7d43c0b",665:"f81a8e38",687:"264d251d",703:"1137fb37",715:"bcb06844",729:"734b4ae4",752:"9f45c30e",768:"e44c05aa",794:"bf9005d3",797:"b3873e04",874:"97287936",909:"fd8caf6c",938:"56e9d83c",944:"fa91d2c7",949:"1b74ae55",968:"8781472b"})[chunkId]+".iframe.bundle.js",__webpack_require__.miniCssF=chunkId=>"static/css/"+({119:"Presentation-ui-components-MessageInput-MessageInput-stories",148:"Presentation-ui-components-Dropdown-Dropdown-stories",181:"Presentation-ui-components-Badge-Badge-stories",231:"Presentation-ui-components-SettingsItem-SettingsItem-stories",267:"Presentation-ui-components-Toast-Toast-stories",356:"Presentation-ui-components-Loader-Loader-stories",594:"Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories",626:"Presentation-ui-components-Button-Button-stories",658:"Presentation-ui-components-MessageSeparator-MessageSeparator-stories",665:"Presentation-ui-components-DialogWindow-DialogWindow-stories",687:"Presentation-ui-components-Message-Message-stories",752:"Presentation-ui-components-Header-Header-stories",794:"Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories",874:"Presentation-ui-components-Placeholder-Placeholder-stories",909:"Presentation-ui-components-TextField-TextField-stories",944:"Presentation-ui-components-DialogBanner-DialogBanner-stories",949:"Presentation-ui-components-Avatar-avatar-stories",968:"Presentation-ui-components-UserListItem-UserListItem-stories"})[chunkId]+"."+({119:"7eb916fc",148:"e37f549d",181:"7b8317f8",231:"7b98a5d4",267:"11d83296",356:"dab34da1",594:"015ac417",626:"1b6e1c55",658:"34aa36b2",665:"4f813450",687:"0e129b10",752:"cdc47631",794:"bee082ca",874:"cb7fb80a",909:"412027f8",944:"bd07fad3",949:"807573c8",968:"4d072348"})[chunkId]+".chunk.css",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),(()=>{var inProgress={},dataWebpackPrefix="quickblox-react-ui-kit:";__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url]){inProgress[url].push(done);return}if(void 0!==key)for(var script,needAttach,scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")==dataWebpackPrefix+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack",dataWebpackPrefix+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach(fn=>fn(event)),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}})(),__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{if("undefined"!=typeof document){var createStylesheet=(chunkId,fullhref,oldTag,resolve,reject)=>{var linkTag=document.createElement("link");return linkTag.rel="stylesheet",linkTag.type="text/css",linkTag.onerror=linkTag.onload=event=>{if(linkTag.onerror=linkTag.onload=null,"load"===event.type)resolve();else{var errorType=event&&("load"===event.type?"missing":event.type),realHref=event&&event.target&&event.target.href||fullhref,err=Error("Loading CSS chunk "+chunkId+" failed.\n("+realHref+")");err.code="CSS_CHUNK_LOAD_FAILED",err.type=errorType,err.request=realHref,linkTag.parentNode.removeChild(linkTag),reject(err)}},linkTag.href=fullhref,oldTag?oldTag.parentNode.insertBefore(linkTag,oldTag.nextSibling):document.head.appendChild(linkTag),linkTag},findStylesheet=(href,fullhref)=>{for(var existingLinkTags=document.getElementsByTagName("link"),i=0;i<existingLinkTags.length;i++){var tag=existingLinkTags[i],dataHref=tag.getAttribute("data-href")||tag.getAttribute("href");if("stylesheet"===tag.rel&&(dataHref===href||dataHref===fullhref))return tag}for(var existingStyleTags=document.getElementsByTagName("style"),i=0;i<existingStyleTags.length;i++){var tag=existingStyleTags[i],dataHref=tag.getAttribute("data-href");if(dataHref===href||dataHref===fullhref)return tag}},loadStylesheet=chunkId=>new Promise((resolve,reject)=>{var href=__webpack_require__.miniCssF(chunkId),fullhref=__webpack_require__.p+href;if(findStylesheet(href,fullhref))return resolve();createStylesheet(chunkId,fullhref,null,resolve,reject)}),installedCssChunks={303:0};__webpack_require__.f.miniCss=(chunkId,promises)=>{installedCssChunks[chunkId]?promises.push(installedCssChunks[chunkId]):0!==installedCssChunks[chunkId]&&({119:1,148:1,181:1,231:1,267:1,356:1,594:1,626:1,658:1,665:1,687:1,752:1,794:1,874:1,909:1,944:1,949:1,968:1})[chunkId]&&promises.push(installedCssChunks[chunkId]=loadStylesheet(chunkId).then(()=>{installedCssChunks[chunkId]=0},e=>{throw delete installedCssChunks[chunkId],e}))}}})(),(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData){if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]);promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=Error();__webpack_require__.l(url,event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}},"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0}},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some(id=>0!==installedChunks[id])){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
package/webpack.config.js CHANGED
@@ -14,11 +14,12 @@ module.exports = {
14
14
  clean: true
15
15
  },
16
16
  resolve: {
17
- extensions: ['.ts', '.tsx']
17
+ extensions: ['.ts', '.tsx'],
18
18
  },
19
19
  externals: {
20
20
  "react": "react",
21
21
  "react-dom": "react-dom",
22
+ "quickblox/quickblox": "quickblox/quickblox",
22
23
  },
23
24
  module: {
24
25
  rules: [
@@ -1 +0,0 @@
1
- {"version":3,"file":"758.53b4954a.iframe.bundle.js","mappings":";;;;AAIA;;;;;;;;ACIA","sources":["webpack://quickblox-react-ui-kit/./node_modules/classnames/index.js","webpack://quickblox-react-ui-kit/./node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":[],"sourceRoot":""}
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[949],{"./src/Presentation/ui-components/Avatar/avatar.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AvatarDefault:()=>AvatarDefault,AvatarIcon:()=>AvatarIcon,AvatarImage:()=>AvatarImage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _icons__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/Presentation/icons/index.ts"),_Avatar__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");let __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Avatar",component:_Avatar__WEBPACK_IMPORTED_MODULE_1__.Z,tags:["autodocs"],parameters:{layout:"centered"},args:{size:"md"},argTypes:{icon:{type:"function",options:["User","Group","Conference","Public"],control:"select",mapping:{User:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.vw,{}),Group:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.Av,{}),Conference:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.pP,{}),Public:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.UZ,{})},table:{type:{summary:"svg"}},description:"Format plug svg"},size:{options:["xs","sm","md","lg","xl","xxl"],control:{type:"select"},table:{defaultValue:{summary:"md"},type:{summary:"string"}},description:"Size"},src:{table:{type:{summary:"url"}},description:"Avatar image source"},className:{table:{type:{summary:"string"}},description:"Additional classes"}}},AvatarDefault={},AvatarIcon={args:{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.vw,{})}},AvatarImage={args:{src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"}};AvatarDefault.parameters={...AvatarDefault.parameters,docs:{...AvatarDefault.parameters?.docs,source:{originalSource:"{}",...AvatarDefault.parameters?.docs?.source}}},AvatarIcon.parameters={...AvatarIcon.parameters,docs:{...AvatarIcon.parameters?.docs,source:{originalSource:"{\n args: {\n icon: <UserSvg />\n }\n}",...AvatarIcon.parameters?.docs?.source}}},AvatarImage.parameters={...AvatarImage.parameters,docs:{...AvatarImage.parameters?.docs,source:{originalSource:"{\n args: {\n src: 'https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg'\n }\n}",...AvatarImage.parameters?.docs?.source}}};let __namedExportsOrder=["AvatarDefault","AvatarIcon","AvatarImage"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[626],{"./src/Presentation/ui-components/Button/Button.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonDanger:()=>ButtonDanger,ButtonDefault:()=>ButtonDefault,ButtonOutline:()=>ButtonOutline,ButtonText:()=>ButtonText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});let __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Button",component:__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx").Z,tags:["autodocs"],parameters:{layout:"centered"},args:{disabled:!1,loading:!1,className:"",children:"Button"},argTypes:{variant:{options:["default","outlined","danger","text"],control:{type:"select"},table:{defaultValue:{summary:"'default'"},type:{summary:"string"}},description:"Button style"},disabled:{table:{defaultValue:{summary:!1},type:{summary:"boolean"}},description:"Active"},loading:{table:{defaultValue:{summary:!1},type:{summary:"boolean"}},description:"Loading"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"},children:{table:{defaultValue:{summary:null},type:{summary:"ReactElement | string | number"}},description:"Primary content"}}},ButtonDefault={},ButtonOutline={args:{variant:"outlined",children:"Button"}},ButtonDanger={args:{variant:"danger",children:"Button"}},ButtonText={args:{variant:"text",children:"Button"}};ButtonDefault.parameters={...ButtonDefault.parameters,docs:{...ButtonDefault.parameters?.docs,source:{originalSource:"{}",...ButtonDefault.parameters?.docs?.source}}},ButtonOutline.parameters={...ButtonOutline.parameters,docs:{...ButtonOutline.parameters?.docs,source:{originalSource:"{\n args: {\n variant: 'outlined',\n children: 'Button'\n }\n}",...ButtonOutline.parameters?.docs?.source}}},ButtonDanger.parameters={...ButtonDanger.parameters,docs:{...ButtonDanger.parameters?.docs,source:{originalSource:"{\n args: {\n variant: 'danger',\n children: 'Button'\n }\n}",...ButtonDanger.parameters?.docs?.source}}},ButtonText.parameters={...ButtonText.parameters,docs:{...ButtonText.parameters?.docs,source:{originalSource:"{\n args: {\n variant: 'text',\n children: 'Button'\n }\n}",...ButtonText.parameters?.docs?.source}}};let __namedExportsOrder=["ButtonDefault","ButtonOutline","ButtonDanger","ButtonText"]},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button_Button});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return(0,jsx_runtime.jsx)("button",{className:classnames_default()("button","button--".concat(variant),{"button--disabled":disabled},className),disabled:disabled||loading,...rest,children:loading&&!disabled?(0,jsx_runtime.jsx)(Loader.Z,{className:classnames_default()("button__loader","button__loader--".concat(variant))}):children})}try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"default"'},{value:'"outlined"'},{value:'"danger"'}]}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/Presentation/ui-components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[794],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{p:()=>INITIAL_VIEWPORTS});var 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"}}},"./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogItemPreviewDefault:()=>DialogItemPreviewDefault,DialogItemPreviewFullScreen:()=>DialogItemPreviewFullScreen,DialogItemPreviewMobileScreen:()=>DialogItemPreviewMobileScreen,DialogItemPreviewMobileScreenIPad:()=>DialogItemPreviewMobileScreenIPad,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogItemPreview_stories});var dist=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let DialogItemPreview_DialogItemPreview=_ref=>{let{avatar,title,date,active,lastMessage,badge,contextMenu,onClick,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("dialog-item-preview",{"dialog-item-preview--active":active},className),onClick:onClick,children:[avatar,(0,jsx_runtime.jsxs)("div",{className:"dialog-item-preview__content",children:[(0,jsx_runtime.jsxs)("div",{className:"dialog-item-preview__content-top",children:[(0,jsx_runtime.jsx)("span",{className:"dialog-item-preview__content-top-title",children:title}),date&&(0,jsx_runtime.jsx)("span",{className:"dialog-item-preview__content-top-date",children:date})]}),(0,jsx_runtime.jsxs)("div",{className:"dialog-item-preview__content-bottom",children:[(0,jsx_runtime.jsx)("div",{className:"dialog-item-preview__content-bottom-message",children:lastMessage}),(0,jsx_runtime.jsxs)("div",{onClick:event=>event.stopPropagation(),className:"dialog-item-preview__content-bottom-controls",children:[badge,contextMenu&&(0,jsx_runtime.jsx)("div",{className:"dialog-item-preview__content-bottom-controls-menu",children:contextMenu})]})]})]})]})};try{DialogItemPreview_DialogItemPreview.displayName="DialogItemPreview",DialogItemPreview_DialogItemPreview.__docgenInfo={description:"",displayName:"DialogItemPreview",props:{avatar:{defaultValue:null,description:"",name:"avatar",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},date:{defaultValue:null,description:"",name:"date",required:!1,type:{name:"string"}},lastMessage:{defaultValue:null,description:"",name:"lastMessage",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>>"}},badge:{defaultValue:null,description:"",name:"badge",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"FunctionTypeVoidToVoid"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.tsx#DialogItemPreview"]={docgenInfo:DialogItemPreview_DialogItemPreview.__docgenInfo,name:"DialogItemPreview",path:"src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.tsx#DialogItemPreview"})}catch(__react_docgen_typescript_loader_error){}var Badge=__webpack_require__("./src/Presentation/ui-components/Badge/Badge.tsx"),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),icons=__webpack_require__("./src/Presentation/icons/index.ts"),PreviewFileMessage=__webpack_require__("./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx"),Dropdown=__webpack_require__("./src/Presentation/ui-components/Dropdown/Dropdown.tsx");let DialogItemPreview_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/DialogItemPreview",tags:["autodocs"],component:DialogItemPreview_DialogItemPreview,decorators:[],parameters:{viewport:{viewports:dist.p}},argTypes:{avatar:{description:"Avatar or Icon",control:"select",options:["User","Group","Conference","Public","Photo"],mapping:{User:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.vw,{})}),Group:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.Av,{})}),Conference:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.pP,{})}),Public:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.UZ,{})}),Photo:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"})}},lastMessage:{description:"Last message by type",control:"select",options:["ShortText","LongText","Image","File","None"],mapping:{ShortText:"Hello, world!How are you?",LongText:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",Image:(0,jsx_runtime.jsx)(PreviewFileMessage.Z,{name:"My avatar.png",src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"}),File:(0,jsx_runtime.jsx)(PreviewFileMessage.Z,{name:"My Document.txt"}),None:void 0}},badge:{description:"Badge",control:"select",options:["Default","OverCount","None"],mapping:{Default:(0,jsx_runtime.jsx)(Badge.Z,{count:5}),OverCount:(0,jsx_runtime.jsx)(Badge.Z,{count:15,limit:9}),None:void 0}},active:{table:{defaultValue:{summary:!1},type:{summary:"boolean"}},description:"Active"},contextMenu:{description:"Context action icon",control:"select",options:["Default","Leave","None"],mapping:{Default:(0,jsx_runtime.jsx)(icons.Qf,{}),Leave:(0,jsx_runtime.jsx)(Dropdown.Z,{placement:"left",options:[{value:"Leave",label:"Leave"}],onSelect:value=>{console.log(value)},children:(0,jsx_runtime.jsx)(icons.Qf,{})}),None:void 0}}}},DialogItemPreviewDefault={name:"DialogItemPreview Default",args:{title:"Name",avatar:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.vw,{})})},render:args=>(args.date=new Date(args.date).toLocaleDateString(),(0,jsx_runtime.jsx)(DialogItemPreview_DialogItemPreview,{...args}))},DialogItemPreviewFullScreen={name:"DialogItemPreview FullScreen",args:{title:"Name",avatar:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.vw,{})}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:(0,jsx_runtime.jsx)(Badge.Z,{count:5}),contextMenu:(0,jsx_runtime.jsx)(icons.Qf,{})},parameters:{viewport:{defaultViewport:"responsive"}},render:args=>(args.date=new Date(args.date).toLocaleDateString(),(0,jsx_runtime.jsx)(DialogItemPreview_DialogItemPreview,{...args}))},DialogItemPreviewMobileScreen={name:"DialogItemPreview MobileScreen",args:{title:"Name",avatar:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.vw,{})}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:(0,jsx_runtime.jsx)(Badge.Z,{count:5}),contextMenu:(0,jsx_runtime.jsx)(icons.Qf,{})},parameters:{viewport:{defaultViewport:"iphonese2"}},render:args=>(args.date=new Date(args.date).toLocaleDateString(),(0,jsx_runtime.jsx)(DialogItemPreview_DialogItemPreview,{...args}))},DialogItemPreviewMobileScreenIPad={name:"DialogItemPreview MobileScreen IPad",args:{title:"Name",avatar:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.vw,{})}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:(0,jsx_runtime.jsx)(Badge.Z,{count:5}),contextMenu:(0,jsx_runtime.jsx)(icons.Qf,{})},parameters:{viewport:{defaultViewport:"ipad"}},render:args=>(args.date=new Date(args.date).toLocaleDateString(),(0,jsx_runtime.jsx)(DialogItemPreview_DialogItemPreview,{...args}))};DialogItemPreviewDefault.parameters={...DialogItemPreviewDefault.parameters,docs:{...DialogItemPreviewDefault.parameters?.docs,source:{originalSource:"{\n name: 'DialogItemPreview Default',\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />\n },\n render: args => {\n // eslint-disable-next-line no-param-reassign\n args.date = new Date(args.date!).toLocaleDateString();\n return <DialogItemPreview {...args} />;\n }\n}",...DialogItemPreviewDefault.parameters?.docs?.source}}},DialogItemPreviewFullScreen.parameters={...DialogItemPreviewFullScreen.parameters,docs:{...DialogItemPreviewFullScreen.parameters?.docs,source:{originalSource:"{\n name: 'DialogItemPreview FullScreen',\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n badge: <Badge count={5} />,\n contextMenu: <MoreSvg />\n },\n parameters: {\n viewport: {\n defaultViewport: 'responsive'\n }\n },\n render: args => {\n // eslint-disable-next-line no-param-reassign\n args.date = new Date(args.date!).toLocaleDateString();\n return <DialogItemPreview {...args} />;\n }\n}",...DialogItemPreviewFullScreen.parameters?.docs?.source}}},DialogItemPreviewMobileScreen.parameters={...DialogItemPreviewMobileScreen.parameters,docs:{...DialogItemPreviewMobileScreen.parameters?.docs,source:{originalSource:"{\n name: 'DialogItemPreview MobileScreen',\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n badge: <Badge count={5} />,\n contextMenu: <MoreSvg />\n },\n parameters: {\n viewport: {\n defaultViewport: 'iphonese2'\n }\n },\n render: args => {\n // eslint-disable-next-line no-param-reassign\n args.date = new Date(args.date!).toLocaleDateString();\n return <DialogItemPreview {...args} />;\n }\n}",...DialogItemPreviewMobileScreen.parameters?.docs?.source}}},DialogItemPreviewMobileScreenIPad.parameters={...DialogItemPreviewMobileScreenIPad.parameters,docs:{...DialogItemPreviewMobileScreenIPad.parameters?.docs,source:{originalSource:"{\n name: 'DialogItemPreview MobileScreen IPad',\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n badge: <Badge count={5} />,\n contextMenu: <MoreSvg />\n },\n parameters: {\n viewport: {\n defaultViewport: 'ipad'\n }\n },\n render: args => {\n // eslint-disable-next-line no-param-reassign\n args.date = new Date(args.date!).toLocaleDateString();\n return <DialogItemPreview {...args} />;\n }\n}",...DialogItemPreviewMobileScreenIPad.parameters?.docs?.source}}};let __namedExportsOrder=["DialogItemPreviewDefault","DialogItemPreviewFullScreen","DialogItemPreviewMobileScreen","DialogItemPreviewMobileScreenIPad"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Badge/Badge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Badge_Badge});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Badge_Badge(_ref){let{count,limit,mute=!1,classNames}=_ref;return(0,jsx_runtime.jsx)("div",{className:classnames_default()("badge",{"badge--mute":mute},classNames),children:limit&&count>limit?"".concat(limit,"+"):count})}try{Badge_Badge.displayName="Badge",Badge_Badge.__docgenInfo={description:"",displayName:"Badge",props:{count:{defaultValue:null,description:"",name:"count",required:!0,type:{name:"number"}},limit:{defaultValue:null,description:"",name:"limit",required:!1,type:{name:"number"}},mute:{defaultValue:{value:"false"},description:"",name:"mute",required:!1,type:{name:"boolean"}},classNames:{defaultValue:null,description:"",name:"classNames",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Badge/Badge.tsx#Badge"]={docgenInfo:Badge_Badge.__docgenInfo,name:"Badge",path:"src/Presentation/ui-components/Badge/Badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Dropdown/Dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>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),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function DropdownOption(_ref){let{label,value,disabled,leftIcon,rightIcon,onSelect}=_ref;return(0,jsx_runtime.jsxs)("li",{className:classnames_default()("dropdown__option",{"dropdown__option--disabled":disabled}),onClick:()=>!disabled&&onSelect(value),children:[(0,jsx_runtime.jsxs)("span",{className:"dropdown__label",children:[leftIcon,label]}),rightIcon]})}try{DropdownOption.displayName="DropdownOption",DropdownOption.__docgenInfo={description:"",displayName:"DropdownOption",props:{onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(value: string) => void"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},leftIcon:{defaultValue:null,description:"",name:"leftIcon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},rightIcon:{defaultValue:null,description:"",name:"rightIcon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Dropdown/DropdownOption.tsx#DropdownOption"]={docgenInfo:DropdownOption.__docgenInfo,name:"DropdownOption",path:"src/Presentation/ui-components/Dropdown/DropdownOption.tsx#DropdownOption"})}catch(__react_docgen_typescript_loader_error){}function Dropdown_Dropdown(_ref){let{options,disabled=!1,onSelect,className,children,placement="bottomRight"}=_ref,[isOpen,setIsOpen]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(null),handleSelect=value=>{onSelect(value),setIsOpen(!1)};return(0,react.useEffect)(()=>{let 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]),(0,jsx_runtime.jsxs)("div",{ref:dropdownRef,className:classnames_default()("dropdown",className),children:[(0,jsx_runtime.jsx)("button",{type:"button",className:"dropdown__toggle",onClick:e=>{e.stopPropagation(),setIsOpen(state=>!state)},children:children}),(0,jsx_runtime.jsx)("ul",{className:classnames_default()("dropdown__menu","dropdown__menu--".concat(placement),{"dropdown__menu--opened":isOpen}),children:options.map(_ref2=>{let{label,value,leftIcon,rightIcon}=_ref2;return(0,jsx_runtime.jsx)(DropdownOption,{label:label,value:value,disabled:disabled,onSelect:handleSelect,leftIcon:leftIcon,rightIcon:rightIcon},value)})})]})}try{Dropdown_Dropdown.displayName="Dropdown",Dropdown_Dropdown.__docgenInfo={description:"",displayName:"Dropdown",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"Option[]"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(value: string) => void"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},placement:{defaultValue:{value:"bottomRight"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"topRight"'},{value:'"bottomRight"'},{value:'"left"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Dropdown/Dropdown.tsx#Dropdown"]={docgenInfo:Dropdown_Dropdown.__docgenInfo,name:"Dropdown",path:"src/Presentation/ui-components/Dropdown/Dropdown.tsx#Dropdown"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>PreviewFileMessage_PreviewFileMessage});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let iconDictionary={document:icons.K,audio:icons.rR,video:icons.Hd};function PreviewFileMessage_PreviewFileMessage(_ref){let{type="document",name,src,className}=_ref,Icon=iconDictionary[type];return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("preview-file-message",className),children:[src?(0,jsx_runtime.jsx)("img",{src:src,alt:"",className:"preview-file-message__image"}):(0,jsx_runtime.jsx)("span",{className:"preview-file-message__image",children:(0,jsx_runtime.jsx)(Icon,{className:"preview-file-message__icon"})}),(0,jsx_runtime.jsx)("span",{className:"preview-file-message__name",children:name})]})}try{PreviewFileMessage_PreviewFileMessage.displayName="PreviewFileMessage",PreviewFileMessage_PreviewFileMessage.__docgenInfo={description:"",displayName:"PreviewFileMessage",props:{type:{defaultValue:{value:"document"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"document"'},{value:'"audio"'},{value:'"video"'}]}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx#PreviewFileMessage"]={docgenInfo:PreviewFileMessage_PreviewFileMessage.__docgenInfo,name:"PreviewFileMessage",path:"src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx#PreviewFileMessage"})}catch(__react_docgen_typescript_loader_error){}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[665],{"./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogWindowDefault:()=>DialogWindowDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogWindow_stories});var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Header=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function DialogWindow_DialogWindow(_ref){let{children,onClose,open=!1,title,className,disableActions=!1}=_ref;return open?(0,react_dom.createPortal)((0,jsx_runtime.jsxs)("div",{className:classnames_default()("dialog-window",className),children:[(0,jsx_runtime.jsx)("div",{className:classnames_default()("",{"dialog-window--disable":disableActions})}),(0,jsx_runtime.jsxs)("div",{className:"dialog-window__content",children:[(0,jsx_runtime.jsx)(Header.Z,{className:"dialog-window__header",onGoBack:onClose,title:title,children:(0,jsx_runtime.jsx)(icons.sZ,{onClick:onClose,className:"dialog-window__close"})}),children]})]}),document.body):null}try{DialogWindow_DialogWindow.displayName="DialogWindow",DialogWindow_DialogWindow.__docgenInfo={description:"",displayName:"DialogWindow",props:{open:{defaultValue:{value:"false"},description:"",name:"open",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"VoidFunction"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},disableActions:{defaultValue:{value:"false"},description:"",name:"disableActions",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/DialogWindow/DialogWindow.tsx#DialogWindow"]={docgenInfo:DialogWindow_DialogWindow.__docgenInfo,name:"DialogWindow",path:"src/Presentation/ui-components/DialogWindow/DialogWindow.tsx#DialogWindow"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");let DialogWindow_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/DialogWindow",component:DialogWindow_DialogWindow,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0,open:!1,title:"",className:"",onClose:void 0},argTypes:{title:{table:{defaultValue:{summary:""},type:{summary:"string"}},description:"Title for modal window"},children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactElement | ReactElement[]"}},description:"Primary content"},open:{table:{defaultValue:{summary:!1},type:{summary:"boolean"}},description:"Open modal window"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"},onClose:{table:{type:{summary:"VoidFunction"}},description:"closes the modal window"}}};function DialogWindowExample(){let[isOpen,setIsOpen]=(0,react.useState)(!1),handleOnChange=()=>{setIsOpen(state=>!state)};return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(Button.Z,{onClick:handleOnChange,type:"button",children:"Button"}),(0,jsx_runtime.jsx)(DialogWindow_DialogWindow,{open:isOpen,title:"Headline",onClose:handleOnChange,children:(0,jsx_runtime.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-end",marginTop:"48px",gap:"8px"},children:[(0,jsx_runtime.jsx)(Button.Z,{variant:"outlined",onClick:handleOnChange,children:"Button"}),(0,jsx_runtime.jsx)(Button.Z,{variant:"danger",onClick:handleOnChange,children:"Button"})]})})]})}let DialogWindowDefault={name:"DialogWindow Default",render:()=>(0,jsx_runtime.jsx)(DialogWindowExample,{})};DialogWindowDefault.parameters={...DialogWindowDefault.parameters,docs:{...DialogWindowDefault.parameters?.docs,source:{originalSource:"{\n name: 'DialogWindow Default',\n render: () => <DialogWindowExample />\n}",...DialogWindowDefault.parameters?.docs?.source}}};let __namedExportsOrder=["DialogWindowDefault"]},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button_Button});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return(0,jsx_runtime.jsx)("button",{className:classnames_default()("button","button--".concat(variant),{"button--disabled":disabled},className),disabled:disabled||loading,...rest,children:loading&&!disabled?(0,jsx_runtime.jsx)(Loader.Z,{className:classnames_default()("button__loader","button__loader--".concat(variant))}):children})}try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"default"'},{value:'"outlined"'},{value:'"danger"'}]}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/Presentation/ui-components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>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"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let Header_Header=_ref=>{let{title,avatar,badge,children,onGoBack,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("dialog-header",className),children:[onGoBack&&(0,jsx_runtime.jsx)(icons.Hg,{className:"dialog-header__icon dialog-header__back",onClick:onGoBack}),(0,jsx_runtime.jsxs)("div",{className:"dialog-header__body",children:[(0,jsx_runtime.jsxs)("div",{className:"dialog-header__body-left",children:[avatar,(0,jsx_runtime.jsx)("span",{className:"dialog-header__title",children:title}),badge]}),children&&(0,jsx_runtime.jsx)("div",{className:"dialog-header__body-right",children:react.Children.map(children,child=>(0,jsx_runtime.jsx)("span",{className:"dialog-header__icon",children:child}))})]})]})},ui_components_Header_Header=Header_Header;try{Header_Header.displayName="Header",Header_Header.__docgenInfo={description:"",displayName:"Header",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},avatar:{defaultValue:null,description:"",name:"avatar",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},badge:{defaultValue:null,description:"",name:"badge",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onGoBack:{defaultValue:null,description:"",name:"onGoBack",required:!1,type:{name:"FunctionTypeVoidToVoid"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Header/Header.tsx#Header"]={docgenInfo:Header_Header.__docgenInfo,name:"Header",path:"src/Presentation/ui-components/Header/Header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[148],{"./src/Presentation/ui-components/Dropdown/Dropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DropdownDefault:()=>DropdownDefault,DropdownLeftIcon:()=>DropdownLeftIcon,DropdownRightIcon:()=>DropdownRightIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _icons__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/Presentation/icons/index.ts"),_Dropdown__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/Presentation/ui-components/Dropdown/Dropdown.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");let __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Dropdown",component:_Dropdown__WEBPACK_IMPORTED_MODULE_1__.Z,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:null},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:!1},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:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.Z,{children:"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:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.Z,{children:"Button"}),disable:!1,options:[{value:"Text 1",label:"Text 1",rightIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.wh,{style:{width:"18px",height:"18px"}})},{value:"Text 2",label:"Text 2",rightIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.wh,{style:{width:"18px",height:"18px"}})},{value:"Text 3",label:"Text 3",rightIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.wh,{style:{width:"18px",height:"18px"}})}]}},DropdownLeftIcon={args:{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.Z,{children:"Button"}),disable:!1,options:[{value:"Text 1",label:"Text 1",leftIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.iO,{style:{width:"18px",height:"18px"}})},{value:"Text 2",label:"Text 2",leftIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.iO,{style:{width:"18px",height:"18px"}})},{value:"Text 3",label:"Text 3",leftIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.iO,{style:{width:"18px",height:"18px"}})}]}};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}}};let __namedExportsOrder=["DropdownDefault","DropdownRightIcon","DropdownLeftIcon"]},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button_Button});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return(0,jsx_runtime.jsx)("button",{className:classnames_default()("button","button--".concat(variant),{"button--disabled":disabled},className),disabled:disabled||loading,...rest,children:loading&&!disabled?(0,jsx_runtime.jsx)(Loader.Z,{className:classnames_default()("button__loader","button__loader--".concat(variant))}):children})}try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"default"'},{value:'"outlined"'},{value:'"danger"'}]}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/Presentation/ui-components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Dropdown/Dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>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),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function DropdownOption(_ref){let{label,value,disabled,leftIcon,rightIcon,onSelect}=_ref;return(0,jsx_runtime.jsxs)("li",{className:classnames_default()("dropdown__option",{"dropdown__option--disabled":disabled}),onClick:()=>!disabled&&onSelect(value),children:[(0,jsx_runtime.jsxs)("span",{className:"dropdown__label",children:[leftIcon,label]}),rightIcon]})}try{DropdownOption.displayName="DropdownOption",DropdownOption.__docgenInfo={description:"",displayName:"DropdownOption",props:{onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(value: string) => void"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},leftIcon:{defaultValue:null,description:"",name:"leftIcon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},rightIcon:{defaultValue:null,description:"",name:"rightIcon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Dropdown/DropdownOption.tsx#DropdownOption"]={docgenInfo:DropdownOption.__docgenInfo,name:"DropdownOption",path:"src/Presentation/ui-components/Dropdown/DropdownOption.tsx#DropdownOption"})}catch(__react_docgen_typescript_loader_error){}function Dropdown_Dropdown(_ref){let{options,disabled=!1,onSelect,className,children,placement="bottomRight"}=_ref,[isOpen,setIsOpen]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(null),handleSelect=value=>{onSelect(value),setIsOpen(!1)};return(0,react.useEffect)(()=>{let 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]),(0,jsx_runtime.jsxs)("div",{ref:dropdownRef,className:classnames_default()("dropdown",className),children:[(0,jsx_runtime.jsx)("button",{type:"button",className:"dropdown__toggle",onClick:e=>{e.stopPropagation(),setIsOpen(state=>!state)},children:children}),(0,jsx_runtime.jsx)("ul",{className:classnames_default()("dropdown__menu","dropdown__menu--".concat(placement),{"dropdown__menu--opened":isOpen}),children:options.map(_ref2=>{let{label,value,leftIcon,rightIcon}=_ref2;return(0,jsx_runtime.jsx)(DropdownOption,{label:label,value:value,disabled:disabled,onSelect:handleSelect,leftIcon:leftIcon,rightIcon:rightIcon},value)})})]})}try{Dropdown_Dropdown.displayName="Dropdown",Dropdown_Dropdown.__docgenInfo={description:"",displayName:"Dropdown",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"Option[]"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(value: string) => void"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},placement:{defaultValue:{value:"bottomRight"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"topRight"'},{value:'"bottomRight"'},{value:'"left"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Dropdown/Dropdown.tsx#Dropdown"]={docgenInfo:Dropdown_Dropdown.__docgenInfo,name:"Dropdown",path:"src/Presentation/ui-components/Dropdown/Dropdown.tsx#Dropdown"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[752],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{p:()=>INITIAL_VIEWPORTS});var 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"}}},"./src/Presentation/ui-components/Header/Header.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__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 _storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),_Header__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),_icons__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Presentation/icons/index.ts"),_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");let __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Header",component:_Header__WEBPACK_IMPORTED_MODULE_1__.Z,tags:["autodocs"],parameters:{viewport:{viewports:_storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_0__.p}},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:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.vw,{})}),Group:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.Av,{})}),Public:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.UZ,{})}),Photo:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{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:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.VY,{}),MultiplyIcons:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.K1,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.Xg,{})],Close:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.sZ,{})},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:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.vw,{})})},parameters:{layout:"centered"}},HeaderWithAvatarAndBack={args:{title:"Default Dialog mobile",avatar:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.vw,{})}),onGoBack:()=>{window.alert("onGoBack")}},parameters:{viewport:{defaultViewport:"iphonese2"}}},HeaderWithOneChildrenIcon={args:{title:"Default Dialog desktop",avatar:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.vw,{})}),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.sZ,{}),onGoBack:void 0},parameters:{layout:"centered"}},HeaderWithTwoChildrenIcon={args:{title:"Default Dialog desktop",avatar:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.vw,{})}),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.K1,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.Xg,{})],onGoBack:void 0},parameters:{layout:"centered"}};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}}};let __namedExportsOrder=["HeaderDefault","HeaderWithAvatar","HeaderWithAvatarAndBack","HeaderWithOneChildrenIcon","HeaderWithTwoChildrenIcon"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>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"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let Header_Header=_ref=>{let{title,avatar,badge,children,onGoBack,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("dialog-header",className),children:[onGoBack&&(0,jsx_runtime.jsx)(icons.Hg,{className:"dialog-header__icon dialog-header__back",onClick:onGoBack}),(0,jsx_runtime.jsxs)("div",{className:"dialog-header__body",children:[(0,jsx_runtime.jsxs)("div",{className:"dialog-header__body-left",children:[avatar,(0,jsx_runtime.jsx)("span",{className:"dialog-header__title",children:title}),badge]}),children&&(0,jsx_runtime.jsx)("div",{className:"dialog-header__body-right",children:react.Children.map(children,child=>(0,jsx_runtime.jsx)("span",{className:"dialog-header__icon",children:child}))})]})]})},ui_components_Header_Header=Header_Header;try{Header_Header.displayName="Header",Header_Header.__docgenInfo={description:"",displayName:"Header",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},avatar:{defaultValue:null,description:"",name:"avatar",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},badge:{defaultValue:null,description:"",name:"badge",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onGoBack:{defaultValue:null,description:"",name:"onGoBack",required:!1,type:{name:"FunctionTypeVoidToVoid"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Header/Header.tsx#Header"]={docgenInfo:Header_Header.__docgenInfo,name:"Header",path:"src/Presentation/ui-components/Header/Header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[356],{"./src/Presentation/ui-components/Loader/Loader.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LoaderDefault:()=>LoaderDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});let __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Loader",component:__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx").Z,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={};LoaderDefault.parameters={...LoaderDefault.parameters,docs:{...LoaderDefault.parameters?.docs,source:{originalSource:"{}",...LoaderDefault.parameters?.docs?.source}}};let __namedExportsOrder=["LoaderDefault"]},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[687],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{p:()=>INITIAL_VIEWPORTS});var 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"}}},"./src/Presentation/ui-components/Message/Message.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__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_filled=__webpack_require__("./src/Presentation/icons/actions/forward-filled.svg"),reply_filled=__webpack_require__("./src/Presentation/icons/actions/reply-filled.svg"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let subtypeIconDictionary={forward:forward_filled.r,reply:reply_filled.r},renderSubtype=subtype=>{let SubTypeIcon=subtypeIconDictionary[subtype];return(0,jsx_runtime.jsx)(SubTypeIcon,{className:"message-caption__forward-reply--".concat(subtype)})};function MessageCaption_MessageCaption(_ref){let{type,subtype,userName}=_ref;return(0,jsx_runtime.jsxs)("div",{className:"message-caption__user__caption",children:[(0,jsx_runtime.jsxs)("div",{className:"message-caption__forward-reply",children:[subtype&&renderSubtype(subtype),(0,jsx_runtime.jsxs)("span",{className:"message-caption__forward-reply__from",children:["forward"===subtype&&"Forwarded from ","reply"===subtype&&"Replied to "]})]}),("incoming"===type||"reply"===subtype||"forward"===subtype)&&(0,jsx_runtime.jsx)("div",{className:"message-caption__user__caption__name",children:userName})]})}try{MessageCaption_MessageCaption.displayName="MessageCaption",MessageCaption_MessageCaption.__docgenInfo={description:"",displayName:"MessageCaption",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"outgoing"'},{value:'"incoming"'}]}},subtype:{defaultValue:null,description:"",name:"subtype",required:!1,type:{name:"enum",value:[{value:'"reply"'},{value:'"forward"'}]}},userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/MessageCaption/MessageCaption.tsx#MessageCaption"]={docgenInfo:MessageCaption_MessageCaption.__docgenInfo,name:"MessageCaption",path:"src/Presentation/ui-components/Message/MessageCaption/MessageCaption.tsx#MessageCaption"})}catch(__react_docgen_typescript_loader_error){}var sent=__webpack_require__("./src/Presentation/icons/status/sent.svg"),viewed_delivered=__webpack_require__("./src/Presentation/icons/status/viewed-delivered.svg"),error=__webpack_require__("./src/Presentation/icons/status/error.svg");let statusIconDictionary={sent:sent.r,delivered:viewed_delivered.r,viewed:viewed_delivered.r,error:error.r};function TimeAndStatus_TimeAndStatus(_ref){let{status,time}=_ref,StatusIcon=statusIconDictionary[status];return(0,jsx_runtime.jsxs)("div",{className:"time-status__caption",children:[status&&(0,jsx_runtime.jsx)("div",{className:"time-status__caption__status",children:(0,jsx_runtime.jsx)(StatusIcon,{className:"status-message--".concat(status)})}),(0,jsx_runtime.jsx)("div",{className:"time-status__time",children:time})]})}try{TimeAndStatus_TimeAndStatus.displayName="TimeAndStatus",TimeAndStatus_TimeAndStatus.__docgenInfo={description:"",displayName:"TimeAndStatus",props:{status:{defaultValue:null,description:"",name:"status",required:!1,type:{name:"enum",value:[{value:'"sent"'},{value:'"delivered"'},{value:'"viewed"'},{value:'"error"'}]}},time:{defaultValue:null,description:"",name:"time",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.tsx#TimeAndStatus"]={docgenInfo:TimeAndStatus_TimeAndStatus.__docgenInfo,name:"TimeAndStatus",path:"src/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.tsx#TimeAndStatus"})}catch(__react_docgen_typescript_loader_error){}function Message_Message(_ref){let{userName,avatar=(0,jsx_runtime.jsx)(Avatar.Z,{}),time,type,status,subtype,enableSelect=!1,isSelect=!1,disabled=!1,onSelect,bottomPart,additionalPart,children}=_ref;return(0,jsx_runtime.jsxs)("div",{className:"message-item",children:[enableSelect&&(0,jsx_runtime.jsx)(CheckBox.Z,{disabled:disabled,checked:isSelect,onChange:onSelect}),"outgoing"===type?(0,jsx_runtime.jsx)("div",{className:"message-item__right",children:(0,jsx_runtime.jsxs)("div",{className:"message-item__outgoing",children:[(0,jsx_runtime.jsx)(TimeAndStatus_TimeAndStatus,{status:status,time:time}),additionalPart,(0,jsx_runtime.jsxs)("div",{className:"message-item__outgoing__chat",children:[(0,jsx_runtime.jsx)(MessageCaption_MessageCaption,{type:type,subtype:subtype,userName:userName}),children]})]})}):(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsxs)("div",{className:"message-item__incoming-mes",children:[avatar,(0,jsx_runtime.jsxs)("div",{className:"message-item__incoming",children:[(0,jsx_runtime.jsx)(MessageCaption_MessageCaption,{type:type,subtype:subtype,userName:userName}),(0,jsx_runtime.jsxs)("div",{className:"message-item__incoming__chat",children:[(0,jsx_runtime.jsxs)("div",{className:"message-item__incoming__chat__bubble",children:[children,bottomPart]}),additionalPart,(0,jsx_runtime.jsx)(TimeAndStatus_TimeAndStatus,{time:time})]})]})]})})]})}try{Message_Message.displayName="Message",Message_Message.__docgenInfo={description:"",displayName:"Message",props:{userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"string"}},avatar:{defaultValue:{value:"<Avatar />"},description:"",name:"avatar",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},time:{defaultValue:null,description:"",name:"time",required:!0,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"outgoing"'},{value:'"incoming"'}]}},subtype:{defaultValue:null,description:"",name:"subtype",required:!1,type:{name:"enum",value:[{value:'"reply"'},{value:'"forward"'}]}},status:{defaultValue:null,description:"",name:"status",required:!1,type:{name:"enum",value:[{value:'"sent"'},{value:'"delivered"'},{value:'"viewed"'},{value:'"error"'}]}},enableSelect:{defaultValue:{value:"false"},description:"",name:"enableSelect",required:!1,type:{name:"boolean"}},isSelect:{defaultValue:{value:"false"},description:"",name:"isSelect",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"((isSelected: boolean) => void)"}},bottomPart:{defaultValue:null,description:"",name:"bottomPart",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},additionalPart:{defaultValue:null,description:"",name:"additionalPart",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Message.tsx#Message"]={docgenInfo:Message_Message.__docgenInfo,name:"Message",path:"src/Presentation/ui-components/Message/Message.tsx#Message"})}catch(__react_docgen_typescript_loader_error){}let pattern=/(https?:\/\/)?([\p{L}\p{N}_-]+(?:(?:\.[\p{L}\p{N}_-]+)+)[\p{L}\p{N}.,@?^=%&:/~+#-]*[\p{L}\p{N}@?^=%&/~+#-])/gu;function removeLastPunctuation(str){if(str.length>0){let lastChar=str.charAt(str.length-1);if(/[!;%:?*_.,:-]/.test(lastChar)||/[.,]/.test(lastChar))return str.slice(0,-1)}return str}let isURL=str=>{let regex=new RegExp(pattern);return regex.test(str)||regex.test(removeLastPunctuation(str))},getURIParts=url=>{let 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]:""}},getRuleUrl=url=>{let uriParts=getURIParts(url),result=url;return void 0===uriParts.scheme&&(result="http://".concat(url)),result},messageHasUrls=message=>{let result=0;return message.split(/\n| /).forEach(s=>{(s.match(pattern)||removeLastPunctuation(s).match(pattern))&&(result+=1)}),result>0},HighLightLink_HighLightLink=_ref=>{let{messageText}=_ref,elements=messageText.split(/\n| /).map((item,index)=>isURL(item)?(0,jsx_runtime.jsx)("div",{className:"message-urls",children:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("a",{href:"".concat(getRuleUrl(item)),target:"_blank",rel:"noreferrer",children:item},index)," "]})}):(0,jsx_runtime.jsxs)("span",{children:[item," "]}));return(0,jsx_runtime.jsx)("div",{children:elements})};try{isURL.displayName="isURL",isURL.__docgenInfo={description:"",displayName:"isURL",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#isURL"]={docgenInfo:isURL.__docgenInfo,name:"isURL",path:"src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#isURL"})}catch(__react_docgen_typescript_loader_error){}try{messageHasUrls.displayName="messageHasUrls",messageHasUrls.__docgenInfo={description:"",displayName:"messageHasUrls",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#messageHasUrls"]={docgenInfo:messageHasUrls.__docgenInfo,name:"messageHasUrls",path:"src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#messageHasUrls"})}catch(__react_docgen_typescript_loader_error){}try{HighLightLink_HighLightLink.displayName="HighLightLink",HighLightLink_HighLightLink.__docgenInfo={description:"",displayName:"HighLightLink",props:{messageText:{defaultValue:null,description:"",name:"messageText",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#HighLightLink"]={docgenInfo:HighLightLink_HighLightLink.__docgenInfo,name:"HighLightLink",path:"src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#HighLightLink"})}catch(__react_docgen_typescript_loader_error){}function TextBubble_TextBubble(_ref){let{text,type}=_ref;return(0,jsx_runtime.jsx)("div",{className:"text-bubble-background__".concat(type),children:(0,jsx_runtime.jsx)("div",{className:"bubble-content-text",children:messageHasUrls(text)?(0,jsx_runtime.jsx)(HighLightLink_HighLightLink,{messageText:text}):text})})}try{TextBubble_TextBubble.displayName="TextBubble",TextBubble_TextBubble.__docgenInfo={description:"",displayName:"TextBubble",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"outgoing"'},{value:'"incoming"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.tsx#TextBubble"]={docgenInfo:TextBubble_TextBubble.__docgenInfo,name:"TextBubble",path:"src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.tsx#TextBubble"})}catch(__react_docgen_typescript_loader_error){}var file=__webpack_require__("./src/Presentation/icons/media/file.svg");let trimFileName=fileName=>fileName.length>10?"".concat(fileName.substring(0,9),"... .").concat(fileName.slice((Math.max(0,fileName.lastIndexOf("."))||1/0)+1)):fileName;function FileUrl_FileUrl(_ref){let{title,href}=_ref;return(0,jsx_runtime.jsxs)("div",{className:"file-attachment",children:[(0,jsx_runtime.jsxs)("div",{className:"file-attachment__placeholder",children:[(0,jsx_runtime.jsx)("div",{className:"file-attachment__placeholder__bg"}),href?(0,jsx_runtime.jsx)("a",{href:href,target:"_blank",download:!0,rel:"noreferrer",className:"file-attachment__placeholder__bg__icon",children:(0,jsx_runtime.jsx)(file.r,{className:"message-icon-file"})}):(0,jsx_runtime.jsx)("div",{className:"file-attachment__placeholder__bg__icon",children:(0,jsx_runtime.jsx)(file.r,{className:"message-icon-file"})})]}),(0,jsx_runtime.jsx)("div",{className:"file-attachment__file-name",children:trimFileName(title)})]})}try{FileUrl_FileUrl.displayName="FileUrl",FileUrl_FileUrl.__docgenInfo={description:"",displayName:"FileUrl",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/FileUrl/FileUrl.tsx#FileUrl"]={docgenInfo:FileUrl_FileUrl.__docgenInfo,name:"FileUrl",path:"src/Presentation/ui-components/Message/FileUrl/FileUrl.tsx#FileUrl"})}catch(__react_docgen_typescript_loader_error){}function FileBubble_FileBubble(_ref){let{type,title,href}=_ref;return(0,jsx_runtime.jsx)("div",{className:"file-bubble-background__".concat(type),children:(0,jsx_runtime.jsx)(FileUrl_FileUrl,{title:title,href:href})})}try{FileBubble_FileBubble.displayName="FileBubble",FileBubble_FileBubble.__docgenInfo={description:"",displayName:"FileBubble",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"outgoing"'},{value:'"incoming"'}]}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.tsx#FileBubble"]={docgenInfo:FileBubble_FileBubble.__docgenInfo,name:"FileBubble",path:"src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.tsx#FileBubble"})}catch(__react_docgen_typescript_loader_error){}function ImageBubble_ImageBubble(_ref){let{title,href}=_ref;return(0,jsx_runtime.jsx)("a",{href:href,download:"file",target:"_blank",rel:"noreferrer",className:"message-attachment-image",children:(0,jsx_runtime.jsx)("img",{className:"message-attachment-image-body",src:href,alt:title||"attached image"},href)})}try{ImageBubble_ImageBubble.displayName="ImageBubble",ImageBubble_ImageBubble.__docgenInfo={description:"",displayName:"ImageBubble",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.tsx#ImageBubble"]={docgenInfo:ImageBubble_ImageBubble.__docgenInfo,name:"ImageBubble",path:"src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.tsx#ImageBubble"})}catch(__react_docgen_typescript_loader_error){}var play=__webpack_require__("./src/Presentation/icons/toggle/play.svg"),pause=__webpack_require__("./src/Presentation/icons/toggle/pause.svg");function AudioBubble_AudioBubble(_ref){let{type,title,href,fileUid,audioFileType}=_ref,[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)(()=>{let 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]);let generateUniqueNumbers=(inputString,count)=>{let uniqueNumbers=[];for(let i=0;i<count;i+=1)uniqueNumbers.push(Math.abs(inputString.charCodeAt(i)%11)+2);return uniqueNumbers};return(0,jsx_runtime.jsxs)("div",{className:"audio-bubble-background__".concat(type),children:[(0,jsx_runtime.jsxs)("audio",{ref:audioRef,className:"audio-body",preload:"auto",children:[(0,jsx_runtime.jsx)("source",{src:href,type:audioFileType}),(0,jsx_runtime.jsx)("source",{src:href,type:"audio/mpeg"}),(0,jsx_runtime.jsx)("source",{src:href,type:"audio/ogg"}),"Your browser does not support the audio element."]}),(0,jsx_runtime.jsxs)("div",{className:"audio-player",children:[(0,jsx_runtime.jsx)("div",{className:"audio-body__controls",onClick:()=>{let audio=audioRef.current;audio?(isPlaying?audio.pause():audio.play(),setIsPlaying(!isPlaying)):console.error("Audio element not found")},children:isPlaying?(0,jsx_runtime.jsx)(pause.r,{className:"audio-body__controls--color"}):(0,jsx_runtime.jsx)(play.r,{className:"audio-body__controls--color"})}),(0,jsx_runtime.jsxs)("div",{className:"audio-player__equalizer-time",children:[(0,jsx_runtime.jsx)("div",{className:"equalizer",children:isPlaying?(()=>{let divElements=[];for(let i=0;i<30;i+=1){let randomHeight=Math.floor(12*Math.random())+1,divStyle={height:"".concat(randomHeight,"px")};divElements.push((0,jsx_runtime.jsx)("div",{className:"equalizer__rectangle",style:divStyle},i))}return divElements})():(uid=>{let divElements=[],nums=generateUniqueNumbers(uid,30);for(let i=0;i<30;i+=1){let divStyle={height:"".concat(nums[i],"px")};divElements.push((0,jsx_runtime.jsx)("div",{className:"equalizer__rectangle",style:divStyle},i))}return divElements})(fileUid)}),(0,jsx_runtime.jsx)("div",{className:"time-play",children:(time=>{let formattedMinutes=Math.floor(time%3600/60).toString().padStart(2,"0"),formattedSeconds=Math.floor(time%60).toString().padStart(2,"0");return"".concat(formattedMinutes,":").concat(formattedSeconds)})(secondsElapsed)})]})]})]})}try{AudioBubble_AudioBubble.displayName="AudioBubble",AudioBubble_AudioBubble.__docgenInfo={description:"",displayName:"AudioBubble",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"outgoing"'},{value:'"incoming"'}]}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}},fileUid:{defaultValue:null,description:"",name:"fileUid",required:!1,type:{name:"string"}},audioFileType:{defaultValue:null,description:"",name:"audioFileType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.tsx#AudioBubble"]={docgenInfo:AudioBubble_AudioBubble.__docgenInfo,name:"AudioBubble",path:"src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.tsx#AudioBubble"})}catch(__react_docgen_typescript_loader_error){}function VideoBubble_VideoBubble(_ref){let{title,href,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:className,children:[(0,jsx_runtime.jsx)("div",{className:"message-attachment-video",children:(0,jsx_runtime.jsx)("video",{className:"message-attachment-video-body",controls:!0,playsInline:!0,src:href,children:(0,jsx_runtime.jsx)("a",{href:href,download:!0,children:"Download"})},title)}),(0,jsx_runtime.jsx)("a",{href:href,download:!0,className:"message-attachment-video-body__link",children:"Download"})]})}try{VideoBubble_VideoBubble.displayName="VideoBubble",VideoBubble_VideoBubble.__docgenInfo={description:"",displayName:"VideoBubble",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.tsx#VideoBubble"]={docgenInfo:VideoBubble_VideoBubble.__docgenInfo,name:"VideoBubble",path:"src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.tsx#VideoBubble"})}catch(__react_docgen_typescript_loader_error){}function createBubbleByType(type,children){let isTextBubbleType=(null==children?void 0:children.type)===TextBubble_TextBubble,isFileBubbleType=(null==children?void 0:children.type)===FileBubble_FileBubble,isImageBubbleType=(null==children?void 0:children.type)===ImageBubble_ImageBubble,isAudioBubbleType=(null==children?void 0:children.type)===AudioBubble_AudioBubble,isVideoBubbleType=(null==children?void 0:children.type)===VideoBubble_VideoBubble;return isTextBubbleType?(0,jsx_runtime.jsx)(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:type}):isFileBubbleType?(0,jsx_runtime.jsx)(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:type}):isImageBubbleType?(0,jsx_runtime.jsx)(ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png"}):isAudioBubbleType?(0,jsx_runtime.jsx)(AudioBubble_AudioBubble,{title:"1.mp3",href:"//samplelib.com/lib/preview/mp3/sample-3s.mp3",audioFileType:"mp3",fileUid:"12345678901234544",type:type}):isVideoBubbleType?(0,jsx_runtime.jsx)(VideoBubble_VideoBubble,{title:"QuickBlox",href:"https://www.youtube.com/watch?v=0QFqNjhP-wM"}):void 0}function getChildrenByType(type,children){if(("incoming"===type||"outgoing"===type)&&children)return createBubbleByType(type,children)}let Message_stories={tags:["autodocs"],title:"@quickblox-react-ui-kit/Presentation/ui-components/Message",component:Message_Message,decorators:[(StoryFn,context)=>{let{type,children}=context.args,modifiedArgs={...context.args,children:getChildrenByType(type,children)};return(0,jsx_runtime.jsx)(StoryFn,{...context,args:modifiedArgs})}],parameters:{viewport:{viewports:dist.p}},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:(0,jsx_runtime.jsx)(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:(0,jsx_runtime.jsx)(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:(0,jsx_runtime.jsx)(ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png"}),AudioMessage:(0,jsx_runtime.jsx)(AudioBubble_AudioBubble,{title:"1.mp3",href:"//samplelib.com/lib/preview/mp3/sample-3s.mp3",audioFileType:"mp3",fileUid:"12345678901234544",type:"incoming"}),VideoMessage:(0,jsx_runtime.jsx)(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:(0,jsx_runtime.jsx)(TextBubble_TextBubble,{text:"Test Message",type:"incoming"})}},MessageImage={args:{children:(0,jsx_runtime.jsx)(ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/0a66fe7-SreenModulesDialogList.png"})}},MessageFile={args:{children:(0,jsx_runtime.jsx)(FileBubble_FileBubble,{type:"incoming",title:"QuickBlox",href:"https://raw.githubusercontent.com/QuickBlox/react-ui-kit/main/README.md"})}};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}}};let __namedExportsOrder=["MessageText","MessageImage","MessageFile"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/CheckBox/CheckBox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>CheckBox_CheckBox});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function CheckBox_CheckBox(_ref){let{disabled,checked,onChange}=_ref;return(0,jsx_runtime.jsx)("input",{className:"checkbox",type:"checkbox",checked:checked,disabled:disabled,onChange:()=>null==onChange?void 0:onChange(!checked)})}try{CheckBox_CheckBox.displayName="CheckBox",CheckBox_CheckBox.__docgenInfo={description:"",displayName:"CheckBox",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},checked:{defaultValue:null,description:"",name:"checked",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((isSelected: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/CheckBox/CheckBox.tsx#CheckBox"]={docgenInfo:CheckBox_CheckBox.__docgenInfo,name:"CheckBox",path:"src/Presentation/ui-components/CheckBox/CheckBox.tsx#CheckBox"})}catch(__react_docgen_typescript_loader_error){}}}]);