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

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 (49) hide show
  1. package/.env +1 -0
  2. package/dist/Presentation/ui-components/CheckBox/CheckBox.d.ts.map +1 -1
  3. package/dist/hooks/useQuickBloxUIKit.d.ts.map +1 -1
  4. package/dist/index-ui.js +49 -21
  5. package/package.json +1 -1
  6. package/src/App.tsx +6 -12
  7. package/src/Presentation/Views/DialogInfo/DialogInfo.scss +16 -5
  8. package/src/Presentation/Views/DialogInfo/DialogInfo.tsx +2 -2
  9. package/src/Presentation/Views/DialogInfo/MembersList/MembersList.scss +9 -0
  10. package/src/Presentation/ui-components/Button/Button.scss +1 -1
  11. package/src/Presentation/ui-components/CheckBox/CheckBox.scss +5 -5
  12. package/src/Presentation/ui-components/CheckBox/CheckBox.tsx +3 -1
  13. package/src/Presentation/ui-components/Header/Header.scss +1 -1
  14. package/src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.tsx +1 -1
  15. package/src/Presentation/ui-components/UserListItem/UserListItem.scss +4 -0
  16. package/src/hooks/useQuickBloxUIKit.ts +45 -13
  17. package/storybook-static/Presentation-ui-components-Button-Button-stories.1e4ae2b4.iframe.bundle.js +2 -0
  18. package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.3aa6b2c3.iframe.bundle.js +2 -0
  19. package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.8321872b.iframe.bundle.js +2 -0
  20. package/storybook-static/Presentation-ui-components-Header-Header-stories.1cff200a.iframe.bundle.js +2 -0
  21. package/storybook-static/Presentation-ui-components-Message-Message-stories.83658a4d.iframe.bundle.js +2 -0
  22. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.777e8a38.iframe.bundle.js +1 -0
  23. package/storybook-static/Presentation-ui-components-Toast-Toast-stories.583afd65.iframe.bundle.js +1 -0
  24. package/storybook-static/Presentation-ui-components-UserListItem-UserListItem-stories.019c5688.iframe.bundle.js +2 -0
  25. package/storybook-static/docs-Introduction-mdx.5addfa61.iframe.bundle.js +1 -0
  26. package/storybook-static/docs-Styling-mdx.9f4235f1.iframe.bundle.js +1 -0
  27. package/storybook-static/iframe.html +1 -1
  28. package/storybook-static/project.json +1 -1
  29. package/storybook-static/{runtime~main.b33364cd.iframe.bundle.js → runtime~main.764e618f.iframe.bundle.js} +1 -1
  30. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js +1 -1
  31. package/webpack.app.config.js +2 -0
  32. package/webpack.lib.config-debug.js +4 -0
  33. package/webpack.lib.config.js +4 -0
  34. package/storybook-static/Presentation-ui-components-Button-Button-stories.1b030a58.iframe.bundle.js +0 -2
  35. package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.eb7d6a47.iframe.bundle.js +0 -2
  36. package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.9b27ad00.iframe.bundle.js +0 -2
  37. package/storybook-static/Presentation-ui-components-Header-Header-stories.85ea0a7f.iframe.bundle.js +0 -2
  38. package/storybook-static/Presentation-ui-components-Message-Message-stories.6f9e723d.iframe.bundle.js +0 -2
  39. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.1f01374c.iframe.bundle.js +0 -1
  40. package/storybook-static/Presentation-ui-components-Toast-Toast-stories.5c245f2b.iframe.bundle.js +0 -1
  41. package/storybook-static/Presentation-ui-components-UserListItem-UserListItem-stories.65dee6f0.iframe.bundle.js +0 -2
  42. package/storybook-static/docs-Introduction-mdx.c4bd2a79.iframe.bundle.js +0 -1
  43. package/storybook-static/docs-Styling-mdx.28c7c723.iframe.bundle.js +0 -1
  44. /package/storybook-static/{Presentation-ui-components-Button-Button-stories.1b030a58.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Button-Button-stories.1e4ae2b4.iframe.bundle.js.LICENSE.txt} +0 -0
  45. /package/storybook-static/{Presentation-ui-components-DialogWindow-DialogWindow-stories.eb7d6a47.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-DialogWindow-DialogWindow-stories.3aa6b2c3.iframe.bundle.js.LICENSE.txt} +0 -0
  46. /package/storybook-static/{Presentation-ui-components-Dropdown-Dropdown-stories.9b27ad00.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Dropdown-Dropdown-stories.8321872b.iframe.bundle.js.LICENSE.txt} +0 -0
  47. /package/storybook-static/{Presentation-ui-components-Header-Header-stories.85ea0a7f.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Header-Header-stories.1cff200a.iframe.bundle.js.LICENSE.txt} +0 -0
  48. /package/storybook-static/{Presentation-ui-components-Message-Message-stories.6f9e723d.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Message-Message-stories.83658a4d.iframe.bundle.js.LICENSE.txt} +0 -0
  49. /package/storybook-static/{Presentation-ui-components-UserListItem-UserListItem-stories.65dee6f0.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-UserListItem-UserListItem-stories.019c5688.iframe.bundle.js.LICENSE.txt} +0 -0
package/.env ADDED
@@ -0,0 +1 @@
1
+ FAST_REFRESH=false
package/dist/Presentation/ui-components/CheckBox/CheckBox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../src/Presentation/ui-components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,CAAC;AAIzB,UAAU,aAAa;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,aAAa,2CASf"}
1
+ {"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../src/Presentation/ui-components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,CAAC;AAIzB,UAAU,aAAa;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,aAAa,2CAWf"}
package/dist/hooks/useQuickBloxUIKit.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useQuickBloxUIKit.d.ts","sourceRoot":"","sources":["../../src/hooks/useQuickBloxUIKit.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useQuickBloxUIKit.d.ts","sourceRoot":"","sources":["../../src/hooks/useQuickBloxUIKit.ts"],"names":[],"mappings":"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"}
package/dist/index-ui.js CHANGED
@@ -355,7 +355,7 @@ module.exports = function (i) {
355
355
 
356
356
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
357
357
  // Module
358
- ___CSS_LOADER_EXPORT___.push([module.id, `.user-list-item{display:flex;align-items:center;justify-content:space-between;height:56px;padding:8px 19px 8px 16px;gap:16px;border-bottom:1px solid var(--divider)}.user-list-item--disabled{cursor:not-allowed;color:var(--disabled-elements);fill:var(--disabled-elements)}.user-list-item__avatar{display:flex;align-items:center;justify-content:space-between}.user-list-item__name{margin-left:16px;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;color:var(--main-text)}`, ""]);
358
+ ___CSS_LOADER_EXPORT___.push([module.id, `.user-list-item{display:flex;align-items:center;justify-content:space-between;height:56px;padding:8px 19px 8px 16px;gap:16px;border-bottom:1px solid var(--divider)}.user-list-item--disabled{cursor:not-allowed;color:var(--disabled-elements);fill:var(--disabled-elements)}.user-list-item__avatar{display:flex;align-items:center;justify-content:space-between}.user-list-item__name{margin-left:16px;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;color:var(--main-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:180px}`, ""]);
359
359
  // Exports
360
360
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
361
361
 
@@ -58476,7 +58476,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__5272__;
58476
58476
 
58477
58477
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
58478
58478
  // Module
58479
- ___CSS_LOADER_EXPORT___.push([module.id, `.checkbox,.checkbox-field{display:flex;align-items:center;flex-shrink:0;border-radius:4px;padding:4px;justify-content:center;width:18px;height:18px}.checkbox-field>input{position:absolute;z-index:-1;opacity:0}.checkbox-field .icon-checkmark{position:absolute;width:18px;height:18px;fill:var(--main-elements)}.checkbox-field .icon-check{position:absolute;width:18px;height:18px;fill:var(--secondary-elements)}.checkbox-field.disabled .icon-check{fill:var(--disabled-elements);cursor:not-allowed}`, ""]);
58479
+ ___CSS_LOADER_EXPORT___.push([module.id, `.checkbox,.checkbox-field{display:flex;align-items:center;flex-shrink:0;border-radius:4px;padding:4px;justify-content:center}.checkbox-field>input{z-index:-1;opacity:0}.checkbox-field .icon-checkmark{width:18px;height:18px;fill:var(--main-elements)}.checkbox-field .icon-check{width:18px;height:18px;fill:var(--secondary-elements)}.checkbox-field.disabled .icon-check{fill:var(--disabled-elements);cursor:not-allowed}`, ""]);
58480
58480
  // Exports
58481
58481
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
58482
58482
 
@@ -58838,7 +58838,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.chat-container{width:100%}.chat-conta
58838
58838
 
58839
58839
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
58840
58840
  // Module
58841
- ___CSS_LOADER_EXPORT___.push([module.id, `.header-dialog-info,.header-dialog-info *{box-sizing:border-box}.header-dialog-info{padding:16px 16px 16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;border-bottom:1px solid var(--divider);height:64px}.header-dialog-info-headline{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);position:relative}.header-dialog-info-icon{width:24px;height:24px;fill:var(--secondary-elements)}.dialog-information-profile,.dialog-information-profile *{box-sizing:border-box}.dialog-information-profile{padding:24px 0px 24px 0px;align-self:stretch;flex-flow:column;flex-shrink:0;height:160px;position:relative;border-bottom:1px solid var(--divider)}.dialog-information-profile-avatar{height:80px;left:140px;top:24px}.dialog-info-profile-avatar-default-icon{display:flex;justify-content:center}.dialog-info-profile-avatar-ellipse{border-radius:50%;position:absolute;height:81px;width:81px;top:24px}.dialog-info-profile-avatar-contents{position:absolute;right:17.86%;left:17.86%;width:64.29%;bottom:17.86%;top:17.86%;height:64.29%;overflow:visible}.dialog-information-profile-dialog-name{margin-top:8px;color:var(--main-text, #0b1b0f);text-align:center;font:var(--title-title-medium);left:134.5px;top:112px;display:flex;align-items:center;justify-content:center}.dialog-information-profile-edit{right:-10px;border-radius:4px;padding:8px 56px 0px 0px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;position:absolute;top:8px}.dialog-information-profile-edit-button{color:var(--main-elements, #3978fc);text-align:left;font:var(--button-default);position:relative}.dialog-information-profile-edit-button--disable{color:var(--disabled-elements);cursor:default}.dialog-info-action-wrapper-settings,.dialog-info-action-wrapper-settings *{box-sizing:border-box}.dialog-info-action-wrapper-settings{padding:16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;border-bottom:1px solid var(--divider)}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-info-action-wrapper-settings{padding:6px}}.no-padding{padding:0}.dialog-info-action-wrapper-settings-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.dialog-info-action-wrapper-settings-subtitle{color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.dialog-info-action-wrapper-settings-contents{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.dialog-info-action-wrapper-settings-right{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge{background:var(--disabled-elements, #bcc1c5);border-radius:30px;padding:2px 6px 2px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge-title{color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-medium);position:relative;padding:0 5px 0 5px}.dialog-info-leave{fill:var(--error);border-bottom:1px solid var(--divider);cursor:pointer}.dialog-info-leave--disable{fill:var(--disabled-elements);cursor:default}.dialog-info-members{fill:var(--main-elements);border-bottom:1px solid var(--divider)}.dialog-info-action-wrapper-button{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:active{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:focus{border:1px solid var(--secondary-elements)}`, ""]);
58841
+ ___CSS_LOADER_EXPORT___.push([module.id, `.header-dialog-info,.header-dialog-info *{box-sizing:border-box}.header-dialog-info{padding:16px 16px 16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;font:var(--title-title-large);position:relative;border-bottom:1px solid var(--divider);height:64px}.header-dialog-info .dialog-header__icon svg{width:24px;height:24px;fill:var(--main-text)}.header-dialog-info-icon{width:24px;height:24px;fill:var(--secondary-elements)}.header-dialog-info-headline{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);position:relative}.dialog-information-profile,.dialog-information-profile *{box-sizing:border-box}.dialog-information-profile{padding:24px 0px 24px 0px;align-self:stretch;flex-flow:column;flex-shrink:0;height:160px;position:relative;border-bottom:1px solid var(--divider)}.dialog-information-profile-avatar{height:80px;left:140px;top:24px}.dialog-info-profile-avatar-default-icon{display:flex;justify-content:center}.dialog-info-profile-avatar-ellipse{border-radius:50%;position:absolute;height:81px;width:81px;top:24px}.dialog-info-profile-avatar-contents{position:absolute;right:17.86%;left:17.86%;width:64.29%;bottom:17.86%;top:17.86%;height:64.29%;overflow:visible}.dialog-information-profile-dialog-name{margin-top:8px;color:var(--main-text, #0b1b0f);text-align:center;font:var(--title-title-medium);left:134.5px;top:112px;display:flex;align-items:center;justify-content:center}.dialog-information-profile-edit{right:-10px;border-radius:4px;padding:8px 56px 0px 0px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;position:absolute;top:8px}.dialog-information-profile-edit-button{color:var(--main-elements, #3978fc);text-align:left;font:var(--button-default);position:relative}.dialog-information-profile-edit-button--disable{color:var(--disabled-elements);cursor:default}.dialog-info-action-wrapper-settings,.dialog-info-action-wrapper-settings *{box-sizing:border-box}.dialog-info-action-wrapper-settings{padding:16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;border-bottom:1px solid var(--divider)}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-info-action-wrapper-settings{padding:6px}}.no-padding{padding:0}.dialog-info-action-wrapper-settings-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.dialog-info-action-wrapper-settings-subtitle{color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.dialog-info-action-wrapper-settings-contents{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.dialog-info-action-wrapper-settings-right{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge{background:var(--disabled-elements, #bcc1c5);border-radius:30px;padding:2px 6px 2px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge-title{color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-medium);position:relative;padding:0 5px 0 5px}.dialog-info-leave{fill:var(--error);border-bottom:1px solid var(--divider);cursor:pointer}.dialog-info-leave--disable{fill:var(--disabled-elements);cursor:default}.dialog-info-members{fill:var(--main-elements);border-bottom:1px solid var(--divider)}.dialog-info-action-wrapper-button{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:active{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:focus{border:1px solid var(--secondary-elements)}`, ""]);
58842
58842
  // Exports
58843
58843
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
58844
58844
 
@@ -58953,7 +58953,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.text-field,.text-field *{box-sizing:b
58953
58953
 
58954
58954
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
58955
58955
  // Module
58956
- ___CSS_LOADER_EXPORT___.push([module.id, `.button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.button,.button *{box-sizing:border-box}.button--default{color:var(--system);background-color:var(--main-elements)}.button--default:hover{background-color:var(--color-default-hover)}.button--default:focus{outline:2px solid var(--color-background-info)}.button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.button--default.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.button--outlined:hover{background-color:var(--outgoing-background)}.button--outlined:focus{border:2px solid var(--color-background-info)}.button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.button--outlined.button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.button--danger{background-color:var(--error);color:var(--secondary-background)}.button--danger:focus{outline:2px solid var(--error-secondary)}.button--danger:active{color:var(--error-secondary)}.button--danger.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--text{background-color:inherit;color:var(--main-elements)}.button--text:focus{outline:2px solid var(--color-background-info)}.button--text:active{color:var(--color-default-hover)}.button--text.button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.button__loader--default{fill:var(--secondary-background)}.button__loader--outlined{fill:var(--main-elements)}.button__loader--danger{fill:var(--secondary-background)}.button__loader--text{fill:var(--disabled-elements)}`, ""]);
58956
+ ___CSS_LOADER_EXPORT___.push([module.id, `.button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.button,.button *{box-sizing:border-box}.button--default{color:var(--system);background-color:var(--main-elements)}.button--default:hover{background-color:var(--color-default-hover)}.button--default:focus{outline:2px solid var(--color-background-info)}.button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.button--default.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.button--outlined:hover{background-color:var(--outgoing-background)}.button--outlined:focus{border:2px solid var(--color-background-info)}.button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.button--outlined.button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.button--danger{background-color:var(--error);color:var(--system)}.button--danger:focus{outline:2px solid var(--error-secondary)}.button--danger:active{color:var(--error-secondary)}.button--danger.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--text{background-color:inherit;color:var(--main-elements)}.button--text:focus{outline:2px solid var(--color-background-info)}.button--text:active{color:var(--color-default-hover)}.button--text.button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.button__loader--default{fill:var(--secondary-background)}.button__loader--outlined{fill:var(--main-elements)}.button__loader--danger{fill:var(--secondary-background)}.button__loader--text{fill:var(--disabled-elements)}`, ""]);
58957
58957
  // Exports
58958
58958
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
58959
58959
 
@@ -59223,7 +59223,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.dialog-preview-container{display:flex
59223
59223
 
59224
59224
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
59225
59225
  // Module
59226
- ___CSS_LOADER_EXPORT___.push([module.id, `.dialog-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-medium);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}`, ""]);
59226
+ ___CSS_LOADER_EXPORT___.push([module.id, `.dialog-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}`, ""]);
59227
59227
  // Exports
59228
59228
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
59229
59229
 
@@ -60016,7 +60016,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.avatar{display:flex;flex-shrink:0;ali
60016
60016
 
60017
60017
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
60018
60018
  // Module
60019
- ___CSS_LOADER_EXPORT___.push([module.id, `.members-container-header,.members-container-header *{box-sizing:border-box}.members-container-header{padding:16px 16px 16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0;height:64px}.members-container-header-left{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.members-container-header-left-headline{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);position:relative}.members-container-header-left-headline-badge{background:var(--disabled-elements, #bcc1c5);border-radius:30px;padding:2px 6px 2px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.members-container-header-left-headline-badge-value{color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-medium);position:relative}.members-container-header-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;position:relative;cursor:pointer}.members-container-members-list-wrapper{display:flex}.members-container-text-field{padding:16px}.members-container-text-field-icon{width:24px;height:24px;fill:var(--tertiary-elements)}`, ""]);
60019
+ ___CSS_LOADER_EXPORT___.push([module.id, `.members-container-header,.members-container-header *{box-sizing:border-box}.members-container-header{padding:16px 16px 16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0;height:64px}.members-container-header .dialog-header__icon svg{width:24px;height:24px;fill:var(--main-text);padding:0}.members-container-header-left{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.members-container-header-left-headline{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);position:relative}.members-container-header-left-headline-badge{background:var(--disabled-elements, #bcc1c5);border-radius:30px;padding:2px 6px 2px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.members-container-header-left-headline-badge-value{color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-medium);position:relative}.members-container-header-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;position:relative;cursor:pointer}.members-container-members-list-wrapper{display:flex}.members-container-text-field{padding:16px}.members-container-text-field-icon{width:24px;height:24px;fill:var(--tertiary-elements)}`, ""]);
60020
60020
  // Exports
60021
60021
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
60022
60022
 
@@ -72042,7 +72042,7 @@ const VoiceRecordingProgress_VoiceRecordingProgress_VoiceRecordingProgress = ({
72042
72042
  setTimeout(() => {
72043
72043
  stopTimer();
72044
72044
  }, longRec * 1000);
72045
- if (timerId === undefined) {
72045
+ if (!timerId) {
72046
72046
  timerId = setInterval(() => {
72047
72047
  setCurrentTime(Date.now());
72048
72048
  }, 1000);
@@ -73627,7 +73627,7 @@ theme = undefined, subHeaderContent = undefined, upHeaderContent = undefined, ro
73627
73627
  } }), (0,jsx_runtime_.jsxs)(containers_ColumnContainer_ColumnContainer, { children: [useUpContent && upHeaderContent, (0,jsx_runtime_.jsx)(ui_components_Header_Header, { title: "Dialog information", className: "header-dialog-info", children: (0,jsx_runtime_.jsx)(closereact, { onClick: onCloseDialogInformationHandler, className: "header-dialog-info-icon" }) }), useSubContent && subHeaderContent, (0,jsx_runtime_.jsxs)("div", { className: "dialog-information-profile", children: [(0,jsx_runtime_.jsx)("div", { className: "dialog-information-profile-avatar", children: renderIconForTypeDialog(dialogViewModel?.entity || dialog) }), (0,jsx_runtime_.jsx)("div", { className: "dialog-information-profile-dialog-name", children: dialogViewModel?.entity?.name || dialog?.name }), (0,jsx_runtime_.jsx)("div", { className: "dialog-information-profile-edit", children: dialog.type !== DialogType.private &&
73628
73628
  dialog.ownerId === currentUserId ? ((0,jsx_runtime_.jsxs)("div", { className: classnames_default()('dialog-information-profile-edit-button', {
73629
73629
  'dialog-information-profile-edit-button--disable': disableAction,
73630
- }), children: [(0,jsx_runtime_.jsx)(Button_Button_Button, { variant: "text", onClick: editModal.toggleModal, disabled: disableAction, children: "Edit" }), (0,jsx_runtime_.jsx)(DialogWindow_DialogWindow_DialogWindow, { title: "Edit dialog", onClose: editModal.toggleModal, open: editModal.isOpen, children: (0,jsx_runtime_.jsx)(Views_EditDialog_EditDialog, { disableActions: disableAction, nameDialog: dialogViewModel?.entity.name || dialog?.name, typeDialog: dialogViewModel?.entity.type || dialog?.type, ulrIcon: getUrlAvatar(dialogViewModel?.entity || dialog), typeAddEditDialog: TypeOpenDialog.edit, clickUpdatedHandler: getDialogUpdatedInfoHandler, clickCancelHandler: editModal.toggleModal }) })] })) : null })] }), dialog.type !== DialogType.private ? ((0,jsx_runtime_.jsx)(SettingsItem_SettingsItem_SettingsItem, { icon: (0,jsx_runtime_.jsx)(group_chatreact, {}), title: "Members", rightSection: (0,jsx_runtime_.jsx)(Badge_Badge_Badge, { mute: true, count: users.length, limit: 100 }), className: "dialog-info-members", children: (0,jsx_runtime_.jsxs)(containers_ColumnContainer_ColumnContainer, { children: [users && users.length > 0 && ((0,jsx_runtime_.jsx)("div", { className: "dialog-info-action-wrapper-settings no-padding", children: (0,jsx_runtime_.jsx)(DialogInfo_UsersList_UsersList, { maxHeight: 75, usersFirstPageToView: users, allUsers: users, usersInDialogCount: users.length }) })), (0,jsx_runtime_.jsxs)("div", { className: "dialog-info-action-wrapper-settings", children: [(0,jsx_runtime_.jsx)(DialogWindow_DialogWindow_DialogWindow, { disableActions: disableAction, title: "Edit dialog", open: inviteMembersModal.isOpen, onClose: inviteMembersModal.toggleModal, children: (0,jsx_runtime_.jsx)(Views_InviteMembers_InviteMembers, { participants: PublicDialogEntity.getParticipants(dialogViewModel?.entity || dialog), applyInviteUsersHandler: applyInviteUsersHandler, cancelInviteMembersHandler: inviteMembersModal.toggleModal, typeAddEditDialog: TypeOpenDialog.edit, typeDialog: dialog.type, idOwnerDialog: dialog.ownerId }) }), (0,jsx_runtime_.jsx)(Button_Button_Button, { className: "dialog-info-action-wrapper-button", onClick: inviteMembersModal.toggleModal, variant: "outlined", disabled: dialog.ownerId !== currentUserId || disableAction, children: "Invite members" }), (0,jsx_runtime_.jsx)(Button_Button_Button, { className: "dialog-info-action-wrapper-button", onClick: () => onShowAllMemberClick(true), variant: "outlined", disabled: disableAction, children: "See all members" })] })] }) })) : null, (0,jsx_runtime_.jsx)(SettingsItem_SettingsItem_SettingsItem, { icon: (0,jsx_runtime_.jsx)(leavereact, {}), title: "Leave dialog", onClick: !disableAction ? leaveModal.toggleModal : undefined, className: classnames_default()('dialog-info-leave', {
73630
+ }), children: [(0,jsx_runtime_.jsx)(Button_Button_Button, { variant: "text", onClick: editModal.toggleModal, disabled: disableAction, children: "Edit" }), (0,jsx_runtime_.jsx)(DialogWindow_DialogWindow_DialogWindow, { title: "Edit dialog", onClose: editModal.toggleModal, open: editModal.isOpen, children: (0,jsx_runtime_.jsx)(Views_EditDialog_EditDialog, { disableActions: disableAction, nameDialog: dialogViewModel?.entity?.name || dialog?.name, typeDialog: dialogViewModel?.entity?.type || dialog?.type, ulrIcon: getUrlAvatar(dialogViewModel?.entity || dialog), typeAddEditDialog: TypeOpenDialog.edit, clickUpdatedHandler: getDialogUpdatedInfoHandler, clickCancelHandler: editModal.toggleModal }) })] })) : null })] }), dialog.type !== DialogType.private ? ((0,jsx_runtime_.jsx)(SettingsItem_SettingsItem_SettingsItem, { icon: (0,jsx_runtime_.jsx)(group_chatreact, {}), title: "Members", rightSection: (0,jsx_runtime_.jsx)(Badge_Badge_Badge, { mute: true, count: users.length, limit: 100 }), className: "dialog-info-members", children: (0,jsx_runtime_.jsxs)(containers_ColumnContainer_ColumnContainer, { children: [users && users.length > 0 && ((0,jsx_runtime_.jsx)("div", { className: "dialog-info-action-wrapper-settings no-padding", children: (0,jsx_runtime_.jsx)(DialogInfo_UsersList_UsersList, { maxHeight: 75, usersFirstPageToView: users, allUsers: users, usersInDialogCount: users.length }) })), (0,jsx_runtime_.jsxs)("div", { className: "dialog-info-action-wrapper-settings", children: [(0,jsx_runtime_.jsx)(DialogWindow_DialogWindow_DialogWindow, { disableActions: disableAction, title: "Edit dialog", open: inviteMembersModal.isOpen, onClose: inviteMembersModal.toggleModal, children: (0,jsx_runtime_.jsx)(Views_InviteMembers_InviteMembers, { participants: PublicDialogEntity.getParticipants(dialogViewModel?.entity || dialog), applyInviteUsersHandler: applyInviteUsersHandler, cancelInviteMembersHandler: inviteMembersModal.toggleModal, typeAddEditDialog: TypeOpenDialog.edit, typeDialog: dialog.type, idOwnerDialog: dialog.ownerId }) }), (0,jsx_runtime_.jsx)(Button_Button_Button, { className: "dialog-info-action-wrapper-button", onClick: inviteMembersModal.toggleModal, variant: "outlined", disabled: dialog.ownerId !== currentUserId || disableAction, children: "Invite members" }), (0,jsx_runtime_.jsx)(Button_Button_Button, { className: "dialog-info-action-wrapper-button", onClick: () => onShowAllMemberClick(true), variant: "outlined", disabled: disableAction, children: "See all members" })] })] }) })) : null, (0,jsx_runtime_.jsx)(SettingsItem_SettingsItem_SettingsItem, { icon: (0,jsx_runtime_.jsx)(leavereact, {}), title: "Leave dialog", onClick: !disableAction ? leaveModal.toggleModal : undefined, className: classnames_default()('dialog-info-leave', {
73631
73631
  'dialog-info-leave--disable': disableAction,
73632
73632
  }) }), (0,jsx_runtime_.jsx)(DialogWindow_DialogWindow_DialogWindow, { open: leaveModal.isOpen, title: "Leave dialog?", onClose: leaveModal.toggleModal, children: (0,jsx_runtime_.jsxs)("div", { className: "dialog-leave-container", children: [(0,jsx_runtime_.jsx)(Button_Button_Button, { variant: "outlined", onClick: leaveModal.toggleModal, children: "Cancel" }), (0,jsx_runtime_.jsx)(Button_Button_Button, { variant: "danger", onClick: leaveDialogHandler, children: "Leave" })] }) })] })] }));
73633
73633
  };
@@ -78198,17 +78198,57 @@ function useQuickBloxUIKit({ AIRephrase = undefined, AITranslate = undefined, AI
78198
78198
  }
78199
78199
  };
78200
78200
  // Start recording using QBMediaRecorder
78201
+ const startWebRTCRecording = async () => {
78202
+ try {
78203
+ const audioContext = new AudioContext();
78204
+ const source = audioContext.createMediaStreamSource(stream);
78205
+ const destination = audioContext.createMediaStreamDestination();
78206
+ source.connect(destination);
78207
+ const recorder = new (src_default())({
78208
+ mimeType: 'audio/mp4',
78209
+ timeslice: 1000, // Chunks of 1 second
78210
+ ignoreMutedMedia: true,
78211
+ onstart: () => console.log('Recording started in startWebRTCRecording'),
78212
+ onstop: (file) => {
78213
+ console.log('Final audio file:', file);
78214
+ setResultAudioBlob(file);
78215
+ setAudioChunks([]); // Clear recorded chunks
78216
+ },
78217
+ ondataavailable: (event) => {
78218
+ if (event.data.size > 0) {
78219
+ setAudioChunks((prevChunks) => [...prevChunks, event.data]);
78220
+ }
78221
+ },
78222
+ });
78223
+ mediaRecorder.current = recorder;
78224
+ recorder.start(destination.stream);
78225
+ setIsRecording(true);
78226
+ console.log('WebRTC recording started.');
78227
+ }
78228
+ catch (error) {
78229
+ console.error('Error starting WebRTC recording:', error);
78230
+ }
78231
+ };
78201
78232
  // eslint-disable-next-line @typescript-eslint/require-await
78202
78233
  const startRecording = async () => {
78203
78234
  if (!stream)
78204
78235
  return;
78236
+ // Detect browser type
78237
+ const userAgent = navigator.userAgent.toLowerCase();
78238
+ const isSafari = /^((?!chrome|android).)*safari/.test(userAgent);
78239
+ if (isSafari || !window.MediaRecorder) {
78240
+ console.log('Safari detected, using WebRTC.');
78241
+ await startWebRTCRecording();
78242
+ return;
78243
+ }
78244
+ console.log('Using QBMediaRecorder.');
78205
78245
  const mimeType = detectBrowserAndMimeType();
78206
78246
  console.log(`Selected MIME-type: ${mimeType}`);
78207
78247
  const recorder = new (src_default())({
78208
78248
  mimeType,
78209
78249
  timeslice: 1000, // Chunks of 1 second
78210
78250
  ignoreMutedMedia: true,
78211
- onstart: () => console.log('Recording started'),
78251
+ onstart: () => console.log('Recording started in startRecording'),
78212
78252
  onstop: (file) => {
78213
78253
  console.log('Final audio file:', file);
78214
78254
  setResultAudioBlob(file);
@@ -78239,18 +78279,6 @@ function useQuickBloxUIKit({ AIRephrase = undefined, AITranslate = undefined, AI
78239
78279
  const blobToFile = (blob, fileName) => {
78240
78280
  return new File([blob], fileName, { type: blob.type });
78241
78281
  };
78242
- // const blobToFile = (theBlob: Blob, fileName: string): File => {
78243
- // const b: any = theBlob;
78244
- //
78245
- // // A Blob() is almost a File() - it's just missing the two properties below which we will add
78246
- // b.lastModifiedDate = new Date();
78247
- // b.name = fileName;
78248
- //
78249
- // // Cast to a File() type
78250
- // const resultFile = theBlob as unknown as File;
78251
- //
78252
- // return resultFile;
78253
- // };
78254
78282
  function sendTextMessageActions(textToSend) {
78255
78283
  if (isOnline) {
78256
78284
  // closeReplyMessageFlowHandler
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "quickblox-react-ui-kit",
3
- "version": "0.5.0-beta.3",
3
+ "version": "0.5.0-beta.5",
4
4
  "main": "dist/index-ui.js",
5
5
  "types": "dist/index-ui.d.ts",
6
6
  "license": "MIT",
package/src/App.tsx CHANGED
@@ -188,18 +188,12 @@ function App() {
188
188
  console.log('HEAVE USER: ', JSON.stringify(currentUser));
189
189
  }, [currentUser]);
190
190
 
191
- useEffect(() => {
192
- console.log('0. APP INIT');
193
- prepareSDK(currentUser).catch((er) => {
194
- console.log(er);
195
- });
196
- }, []);
197
- //
198
- // const { proxyConfig } = QBConfig.configAIApi.AIAnswerAssistWidgetConfig;
199
- //
200
- // const defaultAIAnswer = UseDefaultAIAssistAnswerWidget({
201
- // ...proxyConfig,
202
- // });
191
+ // useEffect(() => {
192
+ // console.log('0. APP INIT');
193
+ // prepareSDK(currentUser).catch((er) => {
194
+ // console.log(er);
195
+ // });
196
+ // }, []);
203
197
 
204
198
  return (
205
199
  <>
package/src/Presentation/Views/DialogInfo/DialogInfo.scss CHANGED
@@ -13,21 +13,32 @@ $dialog-information-container-dialog-information-height: 64px;
13
13
  justify-content: space-between;
14
14
  align-self: stretch;
15
15
  flex-shrink: 0;
16
+ font: var(--title-title-large);
16
17
  position: relative;
17
18
  border-bottom: 1px solid var(--divider);
18
19
  height: $dialog-information-container-dialog-information-height;
20
+
21
+ .dialog-header__icon {
22
+ svg {
23
+ width: 24px;
24
+ height: 24px;
25
+ fill: var(--main-text);
26
+ }
27
+ }
28
+ }
29
+ .header-dialog-info-icon {
30
+ width: 24px;
31
+ height: 24px;
32
+ fill: var(--secondary-elements);
19
33
  }
34
+
20
35
  .header-dialog-info-headline {
21
36
  color: var(--main-text, #0b1b0f);
22
37
  text-align: left;
23
38
  font: var(--title-title-large);
24
39
  position: relative;
25
40
  }
26
- .header-dialog-info-icon {
27
- width: 24px;
28
- height: 24px;
29
- fill: var(--secondary-elements);
30
- }
41
+
31
42
 
32
43
  .dialog-information-profile,
33
44
  .dialog-information-profile * {
package/src/Presentation/Views/DialogInfo/DialogInfo.tsx CHANGED
@@ -397,8 +397,8 @@ const DialogInfo = ({
397
397
  >
398
398
  <EditDialog
399
399
  disableActions={disableAction}
400
- nameDialog={dialogViewModel?.entity.name || dialog?.name}
401
- typeDialog={dialogViewModel?.entity.type || dialog?.type}
400
+ nameDialog={dialogViewModel?.entity?.name || dialog?.name}
401
+ typeDialog={dialogViewModel?.entity?.type || dialog?.type}
402
402
  ulrIcon={getUrlAvatar(dialogViewModel?.entity || dialog)}
403
403
  typeAddEditDialog={TypeOpenDialog.edit}
404
404
  clickUpdatedHandler={getDialogUpdatedInfoHandler}
package/src/Presentation/Views/DialogInfo/MembersList/MembersList.scss CHANGED
@@ -20,6 +20,15 @@ $members-container-header-height: 64px;
20
20
  border-width: 0 0 1px 0;
21
21
 
22
22
  height: $members-container-header-height;
23
+
24
+ .dialog-header__icon {
25
+ svg {
26
+ width: 24px;
27
+ height: 24px;
28
+ fill: var(--main-text);
29
+ padding: 0;
30
+ }
31
+ }
23
32
  }
24
33
  .members-container-header-left {
25
34
  display: flex;
package/src/Presentation/ui-components/Button/Button.scss CHANGED
@@ -77,7 +77,7 @@
77
77
 
78
78
  &--danger {
79
79
  background-color: var(--error);
80
- color: var(--secondary-background);
80
+ color: var(--system);
81
81
 
82
82
  &:focus {
83
83
  outline: 2px solid var(--error-secondary);
package/src/Presentation/ui-components/CheckBox/CheckBox.scss CHANGED
@@ -5,18 +5,18 @@
5
5
  border-radius: 4px;
6
6
  padding: 4px;
7
7
  justify-content: center;
8
- width: 18px;
9
- height: 18px;
8
+ //width: 18px;
9
+ //height: 18px;
10
10
  }
11
11
 
12
12
  .checkbox-field > input {
13
- position: absolute;
13
+ //position: fixed;
14
14
  z-index: -1;
15
15
  opacity: 0;
16
16
  }
17
17
 
18
18
  .checkbox-field .icon-checkmark {
19
- position: absolute;
19
+ //position: fixed;
20
20
  width: 18px;
21
21
  height: 18px;
22
22
  fill: var(--main-elements);
@@ -24,7 +24,7 @@
24
24
  }
25
25
 
26
26
  .checkbox-field .icon-check {
27
- position: absolute;
27
+ //position: fixed;
28
28
  width: 18px;
29
29
  height: 18px;
30
30
  fill: var(--secondary-elements);
package/src/Presentation/ui-components/CheckBox/CheckBox.tsx CHANGED
@@ -19,7 +19,9 @@ export default function CheckBox({
19
19
  'disabled': disabled
20
20
  })}>
21
21
  {checked ? <CheckOnSvg className="icon-checkmark" /> : <CheckOffSvg className="icon-check" />}
22
- <input type="checkbox" onChange={() => onChange?.(!checked)} disabled={disabled} />
22
+ <input type="checkbox"
23
+ onChange={() => onChange?.(!checked)}
24
+ disabled={disabled} />
23
25
  </label>
24
26
  );
25
27
  }
package/src/Presentation/ui-components/Header/Header.scss CHANGED
@@ -54,7 +54,7 @@
54
54
  &__title {
55
55
  color: var(--main-text, #0b1b0f);
56
56
  text-align: left;
57
- font: var(--title-title-medium);
57
+ font: var(--title-title-large);
58
58
  overflow: hidden;
59
59
  white-space: nowrap;
60
60
  text-overflow: ellipsis;
package/src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.tsx CHANGED
@@ -49,7 +49,7 @@ const VoiceRecordingProgress = ({
49
49
  stopTimer();
50
50
  }, longRec * 1000);
51
51
 
52
- if (timerId === undefined) {
52
+ if (!timerId) {
53
53
  timerId = setInterval(() => {
54
54
  setCurrentTime(Date.now());
55
55
  }, 1000);
package/src/Presentation/ui-components/UserListItem/UserListItem.scss CHANGED
@@ -28,5 +28,9 @@
28
28
  line-height: 24px;
29
29
  letter-spacing: 0.15px;
30
30
  color: var(--main-text);
31
+ white-space: nowrap;
32
+ overflow: hidden;
33
+ text-overflow: ellipsis;
34
+ width: 180px;
31
35
  }
32
36
  }
package/src/hooks/useQuickBloxUIKit.ts CHANGED
@@ -581,10 +581,54 @@ export default function useQuickBloxUIKit({
581
581
  };
582
582
 
583
583
  // Start recording using QBMediaRecorder
584
+ const startWebRTCRecording = async () => {
585
+ try {
586
+ const audioContext = new AudioContext();
587
+ const source = audioContext.createMediaStreamSource(stream!);
588
+ const destination = audioContext.createMediaStreamDestination();
589
+ source.connect(destination);
590
+
591
+ const recorder = new QBMediaRecorder({
592
+ mimeType: 'audio/mp4',
593
+ timeslice: 1000, // Chunks of 1 second
594
+ ignoreMutedMedia: true,
595
+ onstart: () => console.log('Recording started in startWebRTCRecording'),
596
+ onstop: (file) => {
597
+ console.log('Final audio file:', file);
598
+ setResultAudioBlob(file);
599
+ setAudioChunks([]); // Clear recorded chunks
600
+ },
601
+ ondataavailable: (event) => {
602
+ if (event.data.size > 0) {
603
+ setAudioChunks((prevChunks) => [...prevChunks, event.data]);
604
+ }
605
+ },
606
+ });
607
+
608
+ mediaRecorder.current = recorder;
609
+ recorder.start(destination.stream);
610
+ setIsRecording(true);
611
+
612
+ console.log('WebRTC recording started.');
613
+ } catch (error) {
614
+ console.error('Error starting WebRTC recording:', error);
615
+ }
616
+ };
584
617
  // eslint-disable-next-line @typescript-eslint/require-await
585
618
  const startRecording = async () => {
586
619
  if (!stream) return;
587
620
 
621
+ // Detect browser type
622
+ const userAgent = navigator.userAgent.toLowerCase();
623
+ const isSafari = /^((?!chrome|android).)*safari/.test(userAgent);
624
+
625
+ if (isSafari || !window.MediaRecorder) {
626
+ console.log('Safari detected, using WebRTC.');
627
+ await startWebRTCRecording();
628
+ return;
629
+ }
630
+
631
+ console.log('Using QBMediaRecorder.');
588
632
  const mimeType = detectBrowserAndMimeType();
589
633
 
590
634
  console.log(`Selected MIME-type: ${mimeType}`);
@@ -593,7 +637,7 @@ export default function useQuickBloxUIKit({
593
637
  mimeType,
594
638
  timeslice: 1000, // Chunks of 1 second
595
639
  ignoreMutedMedia: true,
596
- onstart: () => console.log('Recording started'),
640
+ onstart: () => console.log('Recording started in startRecording'),
597
641
  onstop: (file) => {
598
642
  console.log('Final audio file:', file);
599
643
  setResultAudioBlob(file);
@@ -629,18 +673,6 @@ export default function useQuickBloxUIKit({
629
673
  return new File([blob], fileName, { type: blob.type });
630
674
  };
631
675
 
632
- // const blobToFile = (theBlob: Blob, fileName: string): File => {
633
- // const b: any = theBlob;
634
- //
635
- // // A Blob() is almost a File() - it's just missing the two properties below which we will add
636
- // b.lastModifiedDate = new Date();
637
- // b.name = fileName;
638
- //
639
- // // Cast to a File() type
640
- // const resultFile = theBlob as unknown as File;
641
- //
642
- // return resultFile;
643
- // };
644
676
 
645
677
  function sendTextMessageActions(textToSend: string) {
646
678
  if (isOnline) {
package/storybook-static/Presentation-ui-components-Button-Button-stories.1e4ae2b4.iframe.bundle.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see Presentation-ui-components-Button-Button-stories.1e4ae2b4.iframe.bundle.js.LICENSE.txt */
2
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[349],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.button,.button *{box-sizing:border-box}.button--default{color:var(--system);background-color:var(--main-elements)}.button--default:hover{background-color:var(--color-default-hover)}.button--default:focus{outline:2px solid var(--color-background-info)}.button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.button--default.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.button--outlined:hover{background-color:var(--outgoing-background)}.button--outlined:focus{border:2px solid var(--color-background-info)}.button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.button--outlined.button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.button--danger{background-color:var(--error);color:var(--system)}.button--danger:focus{outline:2px solid var(--error-secondary)}.button--danger:active{color:var(--error-secondary)}.button--danger.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--text{background-color:inherit;color:var(--main-elements)}.button--text:focus{outline:2px solid var(--color-background-info)}.button--text:active{color:var(--color-default-hover)}.button--text.button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.button__loader--default{fill:var(--secondary-background)}.button__loader--outlined{fill:var(--main-elements)}.button__loader--danger{fill:var(--secondary-background)}.button__loader--text{fill:var(--disabled-elements)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Button/Button.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,QACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CAEA,iBAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAEA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,cAAA,CACA,WAAA,CACA,YAAA,CCxBA,kBAEE,qBAAA,CDyBF,iBACE,mBAAA,CACA,qCAAA,CAEA,uBACE,2CAAA,CAGF,uBACE,8CAAA,CAGF,wBACE,2CAAA,CACA,kCAAA,CAGF,kCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,kBACE,wBAAA,CACA,iCAAA,CACA,sBAAA,CAEA,wBACE,2CAAA,CAGF,wBACE,6CAAA,CAGF,yBACE,qCAAA,CACA,0BAAA,CAGF,mCACE,kBAAA,CACA,yCAAA,CACA,8BAAA,CAIJ,gBACE,6BAAA,CACA,mBAAA,CAEA,sBACE,wCAAA,CAGF,uBACE,4BAAA,CAGF,iCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,cACE,wBAAA,CACA,0BAAA,CAEA,oBACE,8CAAA,CAGF,qBACE,gCAAA,CAGF,+BACE,kBAAA,CACA,8BAAA,CAKF,yBACE,gCAAA,CAGF,0BACE,yBAAA,CAGF,wBACE,gCAAA,CAGF,sBACE,6BAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n\n height: 32px;\n\n border-radius: 4px;\n\n flex: none;\n order: 1;\n flex-grow: 0;\n\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n\n cursor: pointer;\n border: none;\n outline: none;\n @include applyBorderBox;\n\n &--default {\n color: var(--system);\n background-color: var(--main-elements);\n\n &:hover {\n background-color: var(--color-default-hover);\n }\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n background-color: var(--color-default-hover);\n color: var(--color-background-info);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--outlined {\n background-color: inherit;\n border: 1px solid var(--main-text);\n color: var(--main-text);\n\n &:hover {\n background-color: var(--outgoing-background);\n }\n\n &:focus {\n border: 2px solid var(--color-background-info);\n }\n\n &:active {\n border: 1px solid var(--main-elements);\n color: var(--main-elements);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n border: 1px solid var(--disabled-elements);\n color: var(--disabled-elements);\n }\n }\n\n &--danger {\n background-color: var(--error);\n color: var(--system);\n\n &:focus {\n outline: 2px solid var(--error-secondary);\n }\n\n &:active {\n color: var(--error-secondary);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--text {\n background-color: inherit;\n color: var(--main-elements);\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n color: var(--color-default-hover);\n }\n\n &.button--disabled {\n cursor: not-allowed;\n color: var(--disabled-elements);\n }\n }\n\n &__loader {\n &--default {\n fill: var(--secondary-background);\n }\n\n &--outlined {\n fill: var(--main-elements);\n }\n\n &--danger {\n fill: var(--secondary-background);\n }\n\n &--text {\n fill: var(--disabled-elements);\n }\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,QACE,mCAAA",sourcesContent:[".loader {\n &--sm {\n width: 24px;\n height: 24px;\n }\n\n &--md {\n width: 48px;\n height: 48px;\n }\n\n &--lg {\n width: 52px;\n height: 52px;\n }\n\n @keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n & {\n animation: rotate 1s infinite linear;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Button/Button.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonDanger:()=>ButtonDanger,ButtonDefault:()=>ButtonDefault,ButtonOutline:()=>ButtonOutline,ButtonText:()=>ButtonText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Button",component:__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx").A,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:"false"},type:{summary:"boolean"}},description:"Active"},loading:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Loading"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"},children:{table:{defaultValue:{summary:void 0},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"}},__namedExportsOrder=["ButtonDefault","ButtonOutline","ButtonDanger","ButtonText"];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}}}},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Button=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Button.A,options);Button.A&&Button.A.locals&&Button.A.locals;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function Button_Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return react.createElement("button",_extends({className:classnames_default()("button",`button--${variant}`,{"button--disabled":disabled},className),disabled:disabled||loading},rest),loading&&!disabled?react.createElement(Loader.A,{className:classnames_default()("button__loader",`button__loader--${variant}`)}):children)}Button_Button_Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'danger' | 'text'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'text'"}]},description:"",defaultValue:{value:"'default'",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""}},composes:["HTMLButtonProps"]}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader_Loader_Loader});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Loader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Loader.A,options);Loader.A&&Loader.A.locals&&Loader.A.locals;function Loader_Loader_Loader(_ref){let{className,size="md"}=_ref;return react.createElement(icons.iO,{className:classnames_default()("loader",size&&`loader--${size}`,className)})}Loader_Loader_Loader.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{size:{required:!1,tsType:{name:"union",raw:"'sm' | 'md' | 'lg'",elements:[{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);