quickblox-react-ui-kit 0.2.8-beta.13 → 0.2.8-beta.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index-ui.js
CHANGED
|
@@ -193,7 +193,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
193
193
|
|
|
194
194
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
195
195
|
// Module
|
|
196
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".context-menu,\n.context-menu * {\n box-sizing: border-box;\n}\n\n.context-menu {\n background: var(--main-background, #ffffff);\n border-radius: 4px;\n padding: 8px 0px 8px 0px;\n display: flex;\n flex-direction: column;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n
|
|
196
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".context-menu,\n.context-menu * {\n box-sizing: border-box;\n}\n\n.context-menu {\n background: var(--main-background, #ffffff);\n border-radius: 4px;\n padding: 8px 0px 8px 0px;\n display: flex;\n flex-direction: column;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.04), 0px 3px 14px 0px rgba(0, 0, 0, 0.08), 0px 8px 10px 0px rgba(0, 0, 0, 0.12);\n z-index: 1;\n position: absolute;\n top: 60px;\n transform: translate(-80%, -140%);\n}\n\n.context-menu-item {\n padding: 4px 8px 4px 16px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.context-menu-item-reply {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--body-body-medium, 400 14px/20px \"Roboto\", sans-serif);\n position: relative;\n width: 87px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.context-menu-item-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Dialog/ContextMenu/ContextMenu.scss"],"names":[],"mappings":"AAAA;;EAEE,sBAAA;AACF;;AACA;EACE,2CAAA;EACA,kBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EAEA,2HAAA;EAGA,UAAA;EACA,kBAAA;EACA,SAAA;EAEA,iCAAA;AAFF;;AAMA;EACE,yBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAHF;;AAKA;EACE,gCAAA;EACA,gBAAA;EACA,iEAAA;EACA,kBAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;AAFF;;AAIA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AADF","sourcesContent":[".context-menu,\n.context-menu * {\n box-sizing: border-box;\n}\n.context-menu {\n background: var(--main-background, #ffffff);\n border-radius: 4px;\n padding: 8px 0px 8px 0px;\n display: flex;\n flex-direction: column;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n //position: relative;\n box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.04),\n 0px 3px 14px 0px rgba(0, 0, 0, 0.08),\n 0px 8px 10px 0px rgba(0, 0, 0, 0.12);\n z-index: 1;\n position: absolute;\n top: 60px;\n // left: 50%;\n transform: translate(-80%, -140%);\n}\n\n\n.context-menu-item {\n padding: 4px 8px 4px 16px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.context-menu-item-reply {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--body-body-medium, 400 14px/20px \"Roboto\", sans-serif);\n position: relative;\n width: 87px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n.context-menu-item-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n}\n"],"sourceRoot":""}]);
|
|
197
197
|
// Exports
|
|
198
198
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
199
199
|
|
|
@@ -241,7 +241,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
241
241
|
|
|
242
242
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
243
243
|
// Module
|
|
244
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-header,\n.dialog-header * {\n box-sizing: border-box;\n}\n\n.dialog-header {\n background: var(--main-background, #ffffff);\n padding: 12px 16px 12px 16px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-header-left {\n display: flex;\n flex-direction: row;\n gap:
|
|
244
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-header,\n.dialog-header * {\n box-sizing: border-box;\n}\n\n.dialog-header {\n background: var(--main-background, #ffffff);\n padding: 12px 16px 12px 16px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-header-left {\n display: flex;\n flex-direction: row;\n gap: 33px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n width: 100%;\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-header-left {\n gap: 3px;\n }\n}\n.dialog-header-left-headline {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n width: 100%;\n}\n\n.dialog-header-left-avatar-and-name {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-header-dialog-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-medium);\n position: relative;\n}\n\n.dialog-header-line,\n.dialog-header-line * {\n box-sizing: border-box;\n}\n\n.dialog-header-line {\n border-style: solid;\n border-color: var(--color-divider, #e7efff);\n border-width: 1px 0 0 0;\n height: 0px;\n position: relative;\n}\n\n.dh-avatar,\n.dh-avatar * {\n box-sizing: border-box;\n}\n\n.dh-avatar {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n position: relative;\n}\n\n.dh-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dh-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dh-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Dialog/DialogHeader/DialogHeader.scss"],"names":[],"mappings":"AAAA;;EAEE,sBAAA;AACF;;AACA;EACE,2CAAA;EACA,4BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAEF;;AAAA;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;EACA,WAAA;AAGF;;AADA;EACE;IACE,QAAA;EAIF;AACF;AAFA;EACE,aAAA;EACA,mBAAA;EAEA,mBAAA;EACA,2BAAA;EAEA,kBAAA;EACA,WAAA;AAEF;;AAAA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAGF;;AADA;EACE,gCAAA;EACA,gBAAA;EACA,+BAAA;EACA,kBAAA;AAIF;;AAFA;;EAEE,sBAAA;AAKF;;AAHA;EACE,mBAAA;EACA,2CAAA;EACA,uBAAA;EAEA,WAAA;EACA,kBAAA;AAKF;;AAFA;;EAEE,sBAAA;AAKF;;AAHA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAMF;;AAJA;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAOF;;AALA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAQF;;AALA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAQF","sourcesContent":[".dialog-header,\n.dialog-header * {\n box-sizing: border-box;\n}\n.dialog-header {\n background: var(--main-background, #ffffff);\n padding: 12px 16px 12px 16px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-header-left {\n display: flex;\n flex-direction: row;\n gap: 33px;// todo artik 29.12.2023 changed was 18 px\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n width: 100%;\n}\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-header-left {\n gap: 3px;// todo artik 29.12.2023 changed was 18 px\n }\n}\n.dialog-header-left-headline {\n display: flex;\n flex-direction: row;\n //gap: 33px;\n align-items: center;\n justify-content: flex-start;\n // flex-shrink: 0;\n position: relative;\n width: 100%;\n}\n.dialog-header-left-avatar-and-name {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-header-dialog-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-medium);\n position: relative;\n}\n.dialog-header-line,\n.dialog-header-line * {\n box-sizing: border-box;\n}\n.dialog-header-line {\n border-style: solid;\n border-color: var(--color-divider, #e7efff);\n border-width: 1px 0 0 0;\n //width: 360px;\n height: 0px;\n position: relative;\n}\n\n.dh-avatar,\n.dh-avatar * {\n box-sizing: border-box;\n}\n.dh-avatar {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n position: relative;\n}\n.dh-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dh-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dh-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n\n\n\n"],"sourceRoot":""}]);
|
|
245
245
|
// Exports
|
|
246
246
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
247
247
|
|
|
@@ -673,7 +673,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
673
673
|
|
|
674
674
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
675
675
|
// Module
|
|
676
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".message-attachment-image-body {\n max-width: var(--max-width-image-message);\n max-height: 160px;\n padding: 0;\n border-radius: 4px;\n}\n\n.message-attachment-image {\n display: flex;\n justify-content: center;\n flex-flow: row;\n max-width: var(--max-width-image-message);\n max-height: 160px;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Dialog/Message/MessageAttachment/ImageAttachment/ImageAttachment.scss"],"names":[],"mappings":"AAAA;
|
|
676
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".message-attachment-image-body {\n max-width: var(--max-width-image-message);\n max-height: 160px;\n padding: 0;\n border-radius: 4px;\n}\n\n.message-attachment-image {\n display: flex;\n justify-content: center;\n flex-flow: row;\n max-width: var(--max-width-image-message);\n max-height: 160px;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Dialog/Message/MessageAttachment/ImageAttachment/ImageAttachment.scss"],"names":[],"mappings":"AAAA;EACE,yCAAA;EACA,iBAAA;EACA,UAAA;EACA,kBAAA;AACF;;AAEA;EACE,aAAA;EACA,uBAAA;EACA,cAAA;EACA,yCAAA;EACA,iBAAA;AACF","sourcesContent":[".message-attachment-image-body{\n max-width: var(--max-width-image-message);\n max-height: 160px;\n padding: 0;\n border-radius: 4px;\n}\n\n.message-attachment-image {\n display: flex;\n justify-content: center;\n flex-flow: row;\n max-width: var(--max-width-image-message);\n max-height: 160px;\n}\n"],"sourceRoot":""}]);
|
|
677
677
|
// Exports
|
|
678
678
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
679
679
|
|
|
@@ -1155,7 +1155,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1155
1155
|
|
|
1156
1156
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1157
1157
|
// Module
|
|
1158
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".container-invite-members {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n width: var(--max-width-dialog-list);\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.container-invite-members--add-members-container {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n width: var(--max-width-dialog-list);\n}\n.container-invite-members--add-members-container--wrapper {\n min-height: 432px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.container-invite-members--add-members-container--wrapper__inf {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 24px;\n}\n.container-invite-members--add-members-container--wrapper__members {\n display: flex;\n max-height: 326px;\n height: 356px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 8px;\n}\n.container-invite-members--add-members-container--wrapper__members__empty-members {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 100%;\n height: 100px;\n}\n.container-invite-members--add-members-container--wrapper__members__list {\n height: 290px;\n max-height: 290px;\n min-height: 290px;\n}\n.container-invite-members--add-members-container--wrapper__dialog-name-input {\n margin-top: 8px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n padding: 8px;\n width: 100%;\n height: 44px;\n border: 1px solid #90979F;\n border-radius: 4px;\n background-color: var(--main-background);\n color: var(--secondary-text);\n}\n.container-invite-members--add-members-container--wrapper__dialog-name-input input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n border: none;\n outline: none;\n}\n.container-invite-members--btn-container {\n min-height: 32px;\n max-height: 32px;\n height: 32px;\n width: 100%;\n min-height: 34px;\n margin-top: 24px;\n margin-bottom: 24px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/InviteMembers/InviteMembers.scss"],"names":[],"mappings":"AAKA;EACE,iBALiB;EAMjB,iBANiB;EAOjB,aAPiB;EAQjB,mCAAA;EAEA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AALF;AAOE;EACE,iBAjBe;EAkBf,iBAlBe;EAmBf,aAnBe;EAoBf,mCAAA;AALJ;AAOI;EACE,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;
|
|
1158
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".container-invite-members {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n width: var(--max-width-dialog-list);\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.container-invite-members--add-members-container {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n width: var(--max-width-dialog-list);\n}\n.container-invite-members--add-members-container--loader {\n align-items: center;\n justify-content: center;\n display: flex;\n}\n.container-invite-members--add-members-container--wrapper {\n min-height: 432px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.container-invite-members--add-members-container--wrapper__inf {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 24px;\n}\n.container-invite-members--add-members-container--wrapper__members {\n display: flex;\n max-height: 326px;\n height: 356px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 8px;\n width: 100%;\n align-items: center;\n}\n.container-invite-members--add-members-container--wrapper__members__empty-members {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 100%;\n height: 100px;\n}\n.container-invite-members--add-members-container--wrapper__members__list {\n height: 290px;\n max-height: 290px;\n min-height: 290px;\n}\n.container-invite-members--add-members-container--wrapper__dialog-name-input {\n margin-top: 8px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n padding: 8px;\n width: 100%;\n height: 44px;\n border: 1px solid #90979F;\n border-radius: 4px;\n background-color: var(--main-background);\n color: var(--secondary-text);\n}\n.container-invite-members--add-members-container--wrapper__dialog-name-input input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n border: none;\n outline: none;\n}\n.container-invite-members--btn-container {\n min-height: 32px;\n max-height: 32px;\n height: 32px;\n width: 100%;\n min-height: 34px;\n margin-top: 24px;\n margin-bottom: 24px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/InviteMembers/InviteMembers.scss"],"names":[],"mappings":"AAKA;EACE,iBALiB;EAMjB,iBANiB;EAOjB,aAPiB;EAQjB,mCAAA;EAEA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AALF;AAOE;EACE,iBAjBe;EAkBf,iBAlBe;EAmBf,aAnBe;EAoBf,mCAAA;AALJ;AAOI;EACE,mBAAA;EACA,uBAAA;EACA,aAAA;AALN;AAQI;EACE,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AANN;AAQM;EACE,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,aAAA;EACA,qBAAA;EACA,2BAAA;EACA,gBAAA;AANR;AAWM;EACE,aAAA;EACA,iBAAA;EACA,aAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,2BAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;AATR;AAWQ;EACE,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,SAAA;EAGA,WAAA;EACA,aAAA;AAXV;AAcQ;EACE,aAAA;EACA,iBAAA;EACA,iBAAA;AAZV;AAiBM;EACE,eAAA;EAEA,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;EAEA,mBAAA;EACA,kBAAA;EACA,YAAA;EAEA,WAAA;EACA,YAAA;EAEA,yBAAA;EACA,kBAAA;EAEA,wCAAA;EACA,4BAAA;AApBR;AAsBQ;EACE,4BAAA;EACA,wCAAA;EACA,gBAAA;EACA,iBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EAEA,YAAA;EACA,aAAA;AAvBV;AA8BE;EACE,gBAAA;EACA,gBAAA;EACA,YAAA;EAIA,WAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,qBAAA;AAhCJ","sourcesContent":["$container-width: 332px;\n$container-height: 504px;\n$create-dialog-container-width: 332px;\n$create-dialog-container-height: 412px;\n\n.container-invite-members {\n min-height: $container-height;\n max-height: $container-height;\n height: $container-height;\n width: var(--max-width-dialog-list);\n\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n\n &--add-members-container {\n min-height: $container-height;\n max-height: $container-height;\n height: $container-height;\n width: var(--max-width-dialog-list);\n\n &--loader {\n align-items: center;\n justify-content: center;\n display: flex;\n }\n\n &--wrapper{\n min-height: 432px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n\n &__inf{\n min-height: 20px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 24px;\n }\n\n\n\n &__members{\n display: flex;\n max-height: 326px;\n height: 356px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 8px;\n width: 100%;\n align-items: center;\n\n &__empty-members {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n\n //width: 332px;\n width: 100%;\n height: 100px;\n\n }\n &__list {\n height: 290px;\n max-height: 290px;\n min-height: 290px;\n }\n }\n\n\n &__dialog-name-input{\n margin-top: 8px;\n\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n\n align-items: center;\n text-align: center;\n padding: 8px;\n //width: 320px;\n width: 100%;\n height: 44px;\n\n border: 1px solid #90979F;\n border-radius: 4px;\n\n background-color: var(--main-background);\n color: var(--secondary-text);\n\n input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n\n border: none;\n outline: none;\n }\n\n }\n }\n }\n\n &--btn-container{\n min-height: 32px;\n max-height: 32px;\n height: 32px;\n //min-width: $container-width;\n //max-width: $container-width;\n //width: $container-width;\n width: 100%;\n min-height: 34px;\n margin-top: 24px;\n margin-bottom: 24px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n\n //border: 2px solid blue;\n }\n}\n\n\n\n\n"],"sourceRoot":""}]);
|
|
1159
1159
|
// Exports
|
|
1160
1160
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1161
1161
|
|
|
@@ -1275,7 +1275,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1275
1275
|
|
|
1276
1276
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1277
1277
|
// Module
|
|
1278
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-preview-container {\n display: flex;\n border: 1px solid var(--chat-input);\n}\n\n.dialog-preview-container-left {\n flex: 1;\n}\n\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n\n.dialog-preview {\n padding: 6px 6px 6px 6px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-item-preview-text {\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px;\n height: 22px;\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/PreviewDialog/PreviewDialog.scss"],"names":[],"mappings":"AACA;EACE,aAAA;EAEA,mCAAA;AADF;;AAGA;EACE,OAAA;AAAF;;AAEA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;AACF;;AAEA;;EAEE,sBAAA;AACF;;AACA;EAEE,wBAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AACF;;AACA;EACE,4CAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AAEF;;AAAA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAGF;;AADA;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAIF;;AAFA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAKF;;AAHA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAMF;;AAJA;EACE,aAAA;EACA,sBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,OAAA;EACA,kBAAA;AAOF;;AALA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAQF;;AANA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AASF;;AAPA;EACE,gCAAA;EACA,gBAAA;EACA,mEAAA;EACA,kBAAA;AAUF;;AARA;EACE,uBAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EACA,YAAA;AAWF;;AARA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAWF;;AATA;EACE,wCAAA;EACA,iBAAA;EACA,kEAAA;EACA,kBAAA;AAYF;;AAVA;EACE,qCAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EAGA,qBAAA;EACA,qBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;AAWF;;AARA;EACE,yCAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;AAWF;;AATA;EACE,uCAAA;EACA,kBAAA;EACA,mEAAA;EACA,kBAAA;AAYF;;AATA;EACE,aAAA;EACA,cAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;AAYF;;AATA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AAYF;;AATA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAYF","sourcesContent":["\n.dialog-preview-container {\n display: flex;\n //background: var(--color-background, #ffffff);\n border: 1px solid var(--chat-input);\n}\n.dialog-preview-container-left {\n flex: 1;\n}\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n.dialog-preview {\n // padding: 8px 8px 8px 16px; //todo comment padding value for desktop artik 21-12-2023\n padding: 6px 6px 6px 6px; //todo new padding fro mobile artik 21-12-2023\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-item-preview-text{\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n\n ///\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px; // todo artik 21-12-2020 change width value from 32px to 12px\n height: 22px; // todo artik 21-12-2020 change width value from 32px to 22px\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n\n\n\n\n"],"sourceRoot":""}]);
|
|
1278
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-preview-container {\n display: flex;\n border: 1px solid var(--chat-input);\n gap: 16px;\n}\n\n.dialog-preview-container-left {\n flex: 1;\n margin-left: 10px;\n}\n\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n\n.dialog-preview {\n padding: 6px 6px 6px 6px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-item-preview-text {\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px;\n height: 22px;\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/PreviewDialog/PreviewDialog.scss"],"names":[],"mappings":"AACA;EACE,aAAA;EACA,mCAAA;EACA,SAAA;AAAF;;AAEA;EACE,OAAA;EACA,iBAAA;AACF;;AACA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;AAEF;;AACA;;EAEE,sBAAA;AAEF;;AAAA;EAEE,wBAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAEF;;AAAA;EACE,4CAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AAGF;;AADA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAIF;;AAFA;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAKF;;AAHA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAMF;;AAJA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAOF;;AALA;EACE,aAAA;EACA,sBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,OAAA;EACA,kBAAA;AAQF;;AANA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AASF;;AAPA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAUF;;AARA;EACE,gCAAA;EACA,gBAAA;EACA,mEAAA;EACA,kBAAA;AAWF;;AATA;EACE,uBAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EACA,YAAA;AAYF;;AATA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAYF;;AAVA;EACE,wCAAA;EACA,iBAAA;EACA,kEAAA;EACA,kBAAA;AAaF;;AAXA;EACE,qCAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EAGA,qBAAA;EACA,qBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;AAYF;;AATA;EACE,yCAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;AAYF;;AAVA;EACE,uCAAA;EACA,kBAAA;EACA,mEAAA;EACA,kBAAA;AAaF;;AAVA;EACE,aAAA;EACA,cAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;AAaF;;AAVA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AAaF;;AAVA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAaF","sourcesContent":["\n.dialog-preview-container {\n display: flex;\n border: 1px solid var(--chat-input);\n gap: 16px;\n}\n.dialog-preview-container-left {\n flex: 1;\n margin-left: 10px;\n}\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n.dialog-preview {\n // padding: 8px 8px 8px 16px; //todo comment padding value for desktop artik 21-12-2023\n padding: 6px 6px 6px 6px; //todo new padding fro mobile artik 21-12-2023\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-item-preview-text{\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n\n ///\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px; // todo artik 21-12-2020 change width value from 32px to 12px\n height: 22px; // todo artik 21-12-2020 change width value from 32px to 22px\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n\n\n\n\n"],"sourceRoot":""}]);
|
|
1279
1279
|
// Exports
|
|
1280
1280
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1281
1281
|
|
|
@@ -1371,7 +1371,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1371
1371
|
|
|
1372
1372
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1373
1373
|
// Module
|
|
1374
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".yesno-container-wrapper {\n
|
|
1374
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".yesno-container-wrapper {\n width: 100%;\n}\n\n.yesno-container {\n display: flex;\n flex-flow: column nowrap;\n min-height: 176px;\n margin: 0 auto;\n justify-content: center;\n align-items: center;\n gap: 16px;\n background-color: var(--main-background);\n}\n.yesno-container__message-text {\n min-height: 24px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n text-align: center;\n letter-spacing: 0.15px;\n color: var(--caption);\n}\n.yesno-container__footer {\n width: 100%;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/YesNoQuestion/YesNoQuestion.scss"],"names":[],"mappings":"AAIA;EAEE,WAAA;AAJF;;AAOA;EACE,aAAA;EACA,wBAAA;EAEA,iBAAA;EACA,cAAA;EACA,uBAAA;EACA,mBAAA;EACA,SAAA;EACA,wCAlBiC;AAanC;AAOE;EACE,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,sBAAA;EACA,qBA5BiC;AAuBrC;AAOE;EAGE,WAAA;AAPJ","sourcesContent":["$yesno-container-background-color: var(--main-background);\n$yesno-container-message-text-color: var(--caption);\n$yesno-container-divider: var(--divider);\n\n.yesno-container-wrapper {\n //min-width: 336px;\n width: 100%;\n}\n\n.yesno-container {\n display: flex;\n flex-flow: column nowrap;\n //min-width: 380px;\n min-height: 176px;\n margin: 0 auto;\n justify-content: center;\n align-items: center;\n gap: 16px;\n background-color: $yesno-container-background-color;\n\n &__message-text {\n min-height: 24px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n text-align: center;\n letter-spacing: 0.15px;\n color: $yesno-container-message-text-color;\n }\n &__footer{\n //border: 2px solid brown;\n //min-width: 336px;\n width: 100%;\n }\n}\n"],"sourceRoot":""}]);
|
|
1375
1375
|
// Exports
|
|
1376
1376
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1377
1377
|
|
|
@@ -1395,7 +1395,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1395
1395
|
|
|
1396
1396
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1397
1397
|
// Module
|
|
1398
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".main-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n height: 32px;\n
|
|
1398
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".main-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n background: var(--main-elements);\n border-radius: 4px;\n flex: none;\n order: 1;\n flex-grow: 0;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--main-background);\n border: none;\n outline: none;\n}\n\n.danger-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n background: var(--error);\n border-radius: 4px;\n flex: none;\n order: 1;\n flex-grow: 0;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--main-background);\n border: none;\n outline: none;\n}\n\n.secondary-button {\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n background-color: var(--main-background);\n border: 1px solid var(--secondary-elements);\n border-radius: 4px;\n flex: none;\n order: 0;\n flex-grow: 0;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--secondary-elements);\n}\n\n.main-disabled-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n background: var(--disabled-elements);\n border-radius: 4px;\n flex: none;\n order: 1;\n flex-grow: 0;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--secondary-text);\n border: none;\n outline: none;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/components/UI/Buttons/MainButton/MainButton.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,0BAAA;EAEA,YAAA;EAEA,gCAAA;EACA,kBAAA;EAEA,UAAA;EACA,QAAA;EACA,YAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EAEA,6BAAA;EAEA,YAAA;EACA,aAAA;AALF;;AAQA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,0BAAA;EAEA,YAAA;EAEA,wBAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,6BAAA;EAEA,YAAA;EACA,aAAA;AARF;;AAWA;EACE,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EAEA,wCAAA;EACA,2CAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,gCAAA;AAVF;;AAaA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,oCAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,4BAAA;EAEA,YAAA;EACA,aAAA;AAXF","sourcesContent":[".main-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n\n height: 32px;\n\n background: var(--main-elements);\n border-radius: 4px;\n\n flex: none;\n order: 1;\n flex-grow: 0;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n\n color: var(--main-background);\n\n border: none;\n outline: none;\n}\n\n.danger-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n\n height: 32px;\n\n background: var(--error);\n border-radius: 4px;\n flex: none;\n order: 1;\n flex-grow: 0;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--main-background);\n\n border: none;\n outline: none;\n}\n\n.secondary-button{\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n\n background-color: var(--main-background);\n border: 1px solid var(--secondary-elements);\n border-radius: 4px;\n flex: none;\n order: 0;\n flex-grow: 0;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--secondary-elements);\n}\n\n.main-disabled-button{\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n background: var(--disabled-elements);\n border-radius: 4px;\n flex: none;\n order: 1;\n flex-grow: 0;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--secondary-text);\n\n border: none;\n outline: none;\n}\n"],"sourceRoot":""}]);
|
|
1399
1399
|
// Exports
|
|
1400
1400
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1401
1401
|
|
|
@@ -1491,7 +1491,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1491
1491
|
|
|
1492
1492
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1493
1493
|
// Module
|
|
1494
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".column-container {\n width:
|
|
1494
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".column-container {\n width: var(--max-width-dialog-list);\n display: flex;\n flex-flow: column nowrap;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/components/containers/ColumnContainer/ColumnContainer.scss"],"names":[],"mappings":"AAEA;EACE,mCAFuB;EAIvB,aAAA;EACA,wBAAA;AAFF","sourcesContent":["// $column-container-width: 320px;\n$column-container-width: var(--max-width-dialog-list);\n.column-container{\n width: $column-container-width; // artan changed 12.01.2024\n // width: 100%;\n display: flex;\n flex-flow: column nowrap;\n}\n// artan changed 12.01.2024\n//@media only screen and (max-width: var(--min-width-screen-desktop)) {\n// .column-container{\n// width: 100%;\n// display: flex;\n// flex-flow: column nowrap;\n// }\n//}\n"],"sourceRoot":""}]);
|
|
1495
1495
|
// Exports
|
|
1496
1496
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1497
1497
|
|
|
@@ -20696,6 +20696,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
20696
20696
|
/* harmony import */ var _MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../MessageContextMenu/MessageContextMenu */ "./src/Presentation/Views/Dialog/Message/MessageContextMenu/MessageContextMenu.tsx");
|
|
20697
20697
|
/* harmony import */ var _components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../components/UI/Placeholders/LoaderComponent/LoaderComponent */ "./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx");
|
|
20698
20698
|
/* harmony import */ var _AIComponents_AIAssistComponent_AIAssistComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../AIComponents/AIAssistComponent/AIAssistComponent */ "./src/Presentation/Views/Dialog/AIComponents/AIAssistComponent/AIAssistComponent.tsx");
|
|
20699
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
20699
20700
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
20700
20701
|
__assign = Object.assign || function(t) {
|
|
20701
20702
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -20756,6 +20757,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
20756
20757
|
|
|
20757
20758
|
|
|
20758
20759
|
|
|
20760
|
+
|
|
20759
20761
|
function IncomingForwardedMessage(props) {
|
|
20760
20762
|
var _this = this;
|
|
20761
20763
|
var _a, _b;
|
|
@@ -20828,7 +20830,17 @@ function IncomingForwardedMessage(props) {
|
|
|
20828
20830
|
}); };
|
|
20829
20831
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [props.messages.map(function (item) { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-forward-message-avatar-wrap" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-avatar" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "incoming-forward-message-avatar-rectangle" }), props.userIconRenderer ? (props.userIconRenderer({
|
|
20830
20832
|
userId: props.currentUserId,
|
|
20831
|
-
})) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_AvatarContentIncomingUser_AvatarContentIncomingUser__WEBPACK_IMPORTED_MODULE_3__["default"], {}))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-incoming" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-forward-message-incoming-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-forward-message-incoming-name-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-incoming-name-caption-forward" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-forward-message-incoming-name-caption-forward-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_ForwardFilled__WEBPACK_IMPORTED_MODULE_7__["default"], { width: "16", height: "16", color: "var(--caption)" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-incoming-name-caption-forward-from-name" }, { children: ["Forwarded from ", props.repliedUserName] }))] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-incoming-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-incoming-bubble" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-forward-message-incoming-bubble-background"
|
|
20833
|
+
})) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_AvatarContentIncomingUser_AvatarContentIncomingUser__WEBPACK_IMPORTED_MODULE_3__["default"], {}))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-incoming" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-forward-message-incoming-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-forward-message-incoming-name-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-incoming-name-caption-forward" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-forward-message-incoming-name-caption-forward-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_ForwardFilled__WEBPACK_IMPORTED_MODULE_7__["default"], { width: "16", height: "16", color: "var(--caption)" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-incoming-name-caption-forward-from-name" }, { children: ["Forwarded from ", props.repliedUserName] }))] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-incoming-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message-incoming-bubble" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-forward-message-incoming-bubble-background", style: {
|
|
20834
|
+
background: item.attachments &&
|
|
20835
|
+
(item.attachments[0].type
|
|
20836
|
+
.toString()
|
|
20837
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.image) ||
|
|
20838
|
+
item.attachments[0].type
|
|
20839
|
+
.toString()
|
|
20840
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.video))
|
|
20841
|
+
? 'none'
|
|
20842
|
+
: undefined,
|
|
20843
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-forward-message-incoming-bubble-background-line" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_8__["default"], { theme: props.theme, messageEntity: item, originalTextMessage: originalTextMessage, widgetTextContent: widgetTextContent }) })) })), props.AITranslation && !item.attachments ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AIComponents_AITranslateComponent_AITranslateComponent__WEBPACK_IMPORTED_MODULE_9__["default"], { onTranslate: function (language) {
|
|
20832
20844
|
sendMessageToTranslate(item, props.messagesToView, props.currentUserId, props.AITranslation, language);
|
|
20833
20845
|
}, onClickOriginalText: function () {
|
|
20834
20846
|
setOriginalTextMessage(true);
|
|
@@ -20906,6 +20918,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
20906
20918
|
/* harmony import */ var _AIComponents_AITranslateComponent_AITranslateComponent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../AIComponents/AITranslateComponent/AITranslateComponent */ "./src/Presentation/Views/Dialog/AIComponents/AITranslateComponent/AITranslateComponent.tsx");
|
|
20907
20919
|
/* harmony import */ var _MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./MessageContentComponent/MessageContentComponent */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.tsx");
|
|
20908
20920
|
/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
|
|
20921
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
20909
20922
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
20910
20923
|
__assign = Object.assign || function(t) {
|
|
20911
20924
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -20966,6 +20979,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
20966
20979
|
|
|
20967
20980
|
|
|
20968
20981
|
|
|
20982
|
+
|
|
20969
20983
|
function IncomingMessage(props) {
|
|
20970
20984
|
var _a, _b;
|
|
20971
20985
|
var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_5__["default"])();
|
|
@@ -21057,7 +21071,17 @@ function IncomingMessage(props) {
|
|
|
21057
21071
|
}
|
|
21058
21072
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-forward-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-avatar-wrap" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-message-avatar" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "incoming-message-avatar-rectangle" }), props.userIconRenderer ? (props.userIconRenderer({
|
|
21059
21073
|
userId: props.currentUserId,
|
|
21060
|
-
})) : props.message.sender && props.message.sender.photo ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_12__["default"], { urlAvatar: props.message.sender.photo, iconTheme: { width: '40px', height: '40px' } })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AvatarContentIncomingUser_AvatarContentIncomingUser__WEBPACK_IMPORTED_MODULE_7__["default"], {}))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-message-incoming" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-name-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-name-caption-forward" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-name-caption-forward-from-name" }, { children: senderName || props.message.sender_id.toString() })) })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-message-incoming-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-message-incoming-bubble" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-bubble-background"
|
|
21074
|
+
})) : props.message.sender && props.message.sender.photo ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_12__["default"], { urlAvatar: props.message.sender.photo, iconTheme: { width: '40px', height: '40px' } })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AvatarContentIncomingUser_AvatarContentIncomingUser__WEBPACK_IMPORTED_MODULE_7__["default"], {}))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-message-incoming" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-name-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-name-caption-forward" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-name-caption-forward-from-name" }, { children: senderName || props.message.sender_id.toString() })) })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-message-incoming-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-message-incoming-bubble" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-bubble-background", style: {
|
|
21075
|
+
background: props.message.attachments &&
|
|
21076
|
+
(props.message.attachments[0].type
|
|
21077
|
+
.toString()
|
|
21078
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.image) ||
|
|
21079
|
+
props.message.attachments[0].type
|
|
21080
|
+
.toString()
|
|
21081
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.video))
|
|
21082
|
+
? 'none'
|
|
21083
|
+
: undefined,
|
|
21084
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-message-incoming-bubble-background-line" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_11__["default"], { theme: props.theme, messageEntity: props.message, originalTextMessage: originalTextMessage, widgetTextContent: widgetTextContent }) })) })), props.AITranslation && !props.message.attachments ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AIComponents_AITranslateComponent_AITranslateComponent__WEBPACK_IMPORTED_MODULE_10__["default"], { onTranslate: function (language) {
|
|
21061
21085
|
sendMessageToTranslate(props.message, props.messagesToView, props.currentUserId, props.AITranslation, language);
|
|
21062
21086
|
}, onClickOriginalText: function () {
|
|
21063
21087
|
setOriginalTextMessage(true);
|
|
@@ -21155,6 +21179,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
21155
21179
|
/* harmony import */ var _MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../MessageContextMenu/MessageContextMenu */ "./src/Presentation/Views/Dialog/Message/MessageContextMenu/MessageContextMenu.tsx");
|
|
21156
21180
|
/* harmony import */ var _IncomingMessage_AvatarContentIncomingUser_AvatarContentIncomingUser__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../IncomingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.tsx");
|
|
21157
21181
|
/* harmony import */ var _components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../components/UI/Placeholders/LoaderComponent/LoaderComponent */ "./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx");
|
|
21182
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
21158
21183
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21159
21184
|
__assign = Object.assign || function(t) {
|
|
21160
21185
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21215,6 +21240,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
21215
21240
|
|
|
21216
21241
|
|
|
21217
21242
|
|
|
21243
|
+
|
|
21218
21244
|
function IncomingRepliedMessage(props) {
|
|
21219
21245
|
var _this = this;
|
|
21220
21246
|
var _a, _b;
|
|
@@ -21285,7 +21311,17 @@ function IncomingRepliedMessage(props) {
|
|
|
21285
21311
|
}); };
|
|
21286
21312
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [props.messages.map(function (item) { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-replied-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-avatar-wrap" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-replied-message-avatar" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "incoming-replied-message-avatar-rectangle" }), props.userIconRenderer ? (props.userIconRenderer({
|
|
21287
21313
|
userId: props.currentUserId,
|
|
21288
|
-
})) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_AvatarContentIncomingUser_AvatarContentIncomingUser__WEBPACK_IMPORTED_MODULE_11__["default"], {}))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-replied-message-incoming" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-name-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-replied-message-incoming-name-caption-forward" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-name-caption-forward-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_ReplyFilled__WEBPACK_IMPORTED_MODULE_7__["default"], { width: "16", height: "16", color: "var(--caption)" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-name-caption-forward-from-name" }, { children: "Replied to ".concat(props.repliedUserName) }))] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-replied-message-incoming-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-replied-message-incoming-bubble" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-bubble-background"
|
|
21314
|
+
})) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_AvatarContentIncomingUser_AvatarContentIncomingUser__WEBPACK_IMPORTED_MODULE_11__["default"], {}))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-replied-message-incoming" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-name-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-replied-message-incoming-name-caption-forward" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-name-caption-forward-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_ReplyFilled__WEBPACK_IMPORTED_MODULE_7__["default"], { width: "16", height: "16", color: "var(--caption)" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-name-caption-forward-from-name" }, { children: "Replied to ".concat(props.repliedUserName) }))] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-replied-message-incoming-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "incoming-replied-message-incoming-bubble" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-bubble-background", style: {
|
|
21315
|
+
background: item.attachments &&
|
|
21316
|
+
(item.attachments[0].type
|
|
21317
|
+
.toString()
|
|
21318
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.image) ||
|
|
21319
|
+
item.attachments[0].type
|
|
21320
|
+
.toString()
|
|
21321
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.video))
|
|
21322
|
+
? 'none'
|
|
21323
|
+
: undefined,
|
|
21324
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "incoming-replied-message-incoming-bubble-background-line" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_3__["default"], { theme: props.theme, messageEntity: item, originalTextMessage: originalTextMessage, widgetTextContent: widgetTextContent }) })) })), props.AITranslation && !item.attachments ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AIComponents_AITranslateComponent_AITranslateComponent__WEBPACK_IMPORTED_MODULE_8__["default"], { onTranslate: function (language) {
|
|
21289
21325
|
sendMessageToTranslate(item, props.messagesToView, props.currentUserId, props.AITranslation, language);
|
|
21290
21326
|
}, onClickOriginalText: function () {
|
|
21291
21327
|
setOriginalTextMessage(true);
|
|
@@ -21313,15 +21349,17 @@ function IncomingRepliedMessage(props) {
|
|
|
21313
21349
|
"use strict";
|
|
21314
21350
|
__webpack_require__.r(__webpack_exports__);
|
|
21315
21351
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
21316
|
-
/* harmony import */ var
|
|
21317
|
-
/* harmony import */ var
|
|
21318
|
-
/* harmony import */ var
|
|
21319
|
-
/* harmony import */ var
|
|
21320
|
-
/* harmony import */ var
|
|
21321
|
-
/* harmony import */ var
|
|
21322
|
-
/* harmony import */ var
|
|
21323
|
-
/* harmony import */ var
|
|
21324
|
-
/* harmony import */ var
|
|
21352
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
21353
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
21354
|
+
/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/DateTimeFormatter */ "./src/utils/DateTimeFormatter.ts");
|
|
21355
|
+
/* harmony import */ var _SystemMessageBanner_SystemMessageBanner__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../SystemMessageBanner/SystemMessageBanner */ "./src/Presentation/Views/Dialog/SystemMessageBanner/SystemMessageBanner.tsx");
|
|
21356
|
+
/* harmony import */ var _IncomingMessage_IncomingMessage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./IncomingMessage/IncomingMessage */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/IncomingMessage.tsx");
|
|
21357
|
+
/* harmony import */ var _IncomingForwardedMessage_IncomingForwardedMessage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./IncomingForwardedMessage/IncomingForwardedMessage */ "./src/Presentation/Views/Dialog/Message/IncomingForwardedMessage/IncomingForwardedMessage.tsx");
|
|
21358
|
+
/* harmony import */ var _OutgoingRepliedMessage_OutgoingRepliedMessage__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OutgoingRepliedMessage/OutgoingRepliedMessage */ "./src/Presentation/Views/Dialog/Message/OutgoingRepliedMessage/OutgoingRepliedMessage.tsx");
|
|
21359
|
+
/* harmony import */ var _OutgoingMessage_OutgoingMessage__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./OutgoingMessage/OutgoingMessage */ "./src/Presentation/Views/Dialog/Message/OutgoingMessage/OutgoingMessage.tsx");
|
|
21360
|
+
/* harmony import */ var _IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./IncomingMessage/MessageContentComponent/MessageContentComponent */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.tsx");
|
|
21361
|
+
/* harmony import */ var _OutgoinForwardedMessage_OutgoinForwardedMessage__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./OutgoinForwardedMessage/OutgoinForwardedMessage */ "./src/Presentation/Views/Dialog/Message/OutgoinForwardedMessage/OutgoinForwardedMessage.tsx");
|
|
21362
|
+
/* harmony import */ var _IncomingRepliedMessage_IncomingRepliedMessage__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./IncomingRepliedMessage/IncomingRepliedMessage */ "./src/Presentation/Views/Dialog/Message/IncomingRepliedMessage/IncomingRepliedMessage.tsx");
|
|
21325
21363
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21326
21364
|
__assign = Object.assign || function(t) {
|
|
21327
21365
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21333,6 +21371,43 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21333
21371
|
};
|
|
21334
21372
|
return __assign.apply(this, arguments);
|
|
21335
21373
|
};
|
|
21374
|
+
var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
21375
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
21376
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
21377
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
21378
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
21379
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
21380
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
21381
|
+
});
|
|
21382
|
+
};
|
|
21383
|
+
var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
|
|
21384
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
21385
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
21386
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
21387
|
+
function step(op) {
|
|
21388
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
21389
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
21390
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
21391
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
21392
|
+
switch (op[0]) {
|
|
21393
|
+
case 0: case 1: t = op; break;
|
|
21394
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
21395
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
21396
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
21397
|
+
default:
|
|
21398
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
21399
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
21400
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
21401
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
21402
|
+
if (t[2]) _.ops.pop();
|
|
21403
|
+
_.trys.pop(); continue;
|
|
21404
|
+
}
|
|
21405
|
+
op = body.call(thisArg, _);
|
|
21406
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
21407
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
21408
|
+
}
|
|
21409
|
+
};
|
|
21410
|
+
|
|
21336
21411
|
|
|
21337
21412
|
|
|
21338
21413
|
|
|
@@ -21346,23 +21421,42 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21346
21421
|
// eslint-disable-next-line react/function-component-definition
|
|
21347
21422
|
var Message = function (_a) {
|
|
21348
21423
|
var _b, _c, _d, _e;
|
|
21349
|
-
var message = _a.message, userId = _a.userId, setWaitAIWidget = _a.setWaitAIWidget, setShowErrorToast = _a.setShowErrorToast, setMessageErrorToast = _a.setMessageErrorToast, messagesToView = _a.messagesToView, AITranslateWidget = _a.AITranslateWidget, AIAssistWidget = _a.AIAssistWidget, onReply = _a.onReply, onForward = _a.onForward, theme = _a.theme, enableForwarding = _a.enableForwarding, enableReplying = _a.enableReplying;
|
|
21424
|
+
var message = _a.message, userId = _a.userId, setWaitAIWidget = _a.setWaitAIWidget, setShowErrorToast = _a.setShowErrorToast, setMessageErrorToast = _a.setMessageErrorToast, messagesToView = _a.messagesToView, AITranslateWidget = _a.AITranslateWidget, AIAssistWidget = _a.AIAssistWidget, onReply = _a.onReply, onForward = _a.onForward, defaultGetSenderName = _a.defaultGetSenderName, theme = _a.theme, enableForwarding = _a.enableForwarding, enableReplying = _a.enableReplying;
|
|
21350
21425
|
var TypeSystemMessage = 'SystemMessage';
|
|
21351
21426
|
var TypeIncomingMessage = 'IncomingMessage';
|
|
21352
21427
|
var TypeOutgoingMessage = 'OutgoingMessage';
|
|
21353
21428
|
var messageView;
|
|
21354
|
-
var
|
|
21355
|
-
|
|
21356
|
-
|
|
21357
|
-
|
|
21358
|
-
|
|
21359
|
-
return
|
|
21360
|
-
|
|
21361
|
-
|
|
21362
|
-
|
|
21363
|
-
|
|
21364
|
-
|
|
21365
|
-
|
|
21429
|
+
var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), userNameForReplyForward = _f[0], setUserNameForReplyForward = _f[1];
|
|
21430
|
+
function getUserNameForReplyForward() {
|
|
21431
|
+
var _a;
|
|
21432
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
21433
|
+
var userName;
|
|
21434
|
+
return __generator(this, function (_b) {
|
|
21435
|
+
switch (_b.label) {
|
|
21436
|
+
case 0:
|
|
21437
|
+
if (!(message.origin_sender_name &&
|
|
21438
|
+
!message.origin_sender_name.includes('undefined'))) return [3 /*break*/, 1];
|
|
21439
|
+
setUserNameForReplyForward(message.origin_sender_name);
|
|
21440
|
+
return [3 /*break*/, 3];
|
|
21441
|
+
case 1:
|
|
21442
|
+
if (!(message.qb_original_messages &&
|
|
21443
|
+
((_a = message.qb_original_messages) === null || _a === void 0 ? void 0 : _a.length) > 0)) return [3 /*break*/, 3];
|
|
21444
|
+
return [4 /*yield*/, defaultGetSenderName({
|
|
21445
|
+
userId: message.qb_original_messages[0].sender_id,
|
|
21446
|
+
sender: message.qb_original_messages[0].sender,
|
|
21447
|
+
})];
|
|
21448
|
+
case 2:
|
|
21449
|
+
userName = _b.sent();
|
|
21450
|
+
setUserNameForReplyForward(userName || '');
|
|
21451
|
+
_b.label = 3;
|
|
21452
|
+
case 3: return [2 /*return*/];
|
|
21453
|
+
}
|
|
21454
|
+
});
|
|
21455
|
+
});
|
|
21456
|
+
}
|
|
21457
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
21458
|
+
getUserNameForReplyForward();
|
|
21459
|
+
}, []);
|
|
21366
21460
|
var checkMessageType = function (m) {
|
|
21367
21461
|
if (m.notification_type && m.notification_type.length > 0) {
|
|
21368
21462
|
return TypeSystemMessage;
|
|
@@ -21375,7 +21469,7 @@ var Message = function (_a) {
|
|
|
21375
21469
|
};
|
|
21376
21470
|
var messageTypes = checkMessageType(message);
|
|
21377
21471
|
if (messageTypes === TypeSystemMessage) {
|
|
21378
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "message-view-container--system-message-wrapper" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21472
|
+
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "message-view-container--system-message-wrapper" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_SystemMessageBanner_SystemMessageBanner__WEBPACK_IMPORTED_MODULE_3__.SystemMessageBanner, { messageText: message.message }) }), Date.now().toString()));
|
|
21379
21473
|
}
|
|
21380
21474
|
else if (messageTypes === TypeIncomingMessage) {
|
|
21381
21475
|
if (message.qb_original_messages &&
|
|
@@ -21384,14 +21478,14 @@ var Message = function (_a) {
|
|
|
21384
21478
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
21385
21479
|
((_c = message.qb_message_action) === null || _c === void 0 ? void 0 : _c.includes('forward')) ? 'forward' : 'reply';
|
|
21386
21480
|
if (typeMessage === 'reply') {
|
|
21387
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21481
|
+
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingRepliedMessage_IncomingRepliedMessage__WEBPACK_IMPORTED_MODULE_10__["default"], { enableReplying: enableReplying, enableForwarding: enableForwarding, theme: theme, messages: message.qb_original_messages, date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), repliedUserName: message.origin_sender_name || '', onReply: onReply, onForward: onForward, onStartLoader: function () {
|
|
21388
21482
|
setWaitAIWidget(true);
|
|
21389
21483
|
}, onStopLoader: function () {
|
|
21390
21484
|
setWaitAIWidget(false);
|
|
21391
21485
|
}, onErrorToast: function (messageError) {
|
|
21392
21486
|
setShowErrorToast(true);
|
|
21393
21487
|
setMessageErrorToast(messageError);
|
|
21394
|
-
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, renderOringinalMessage: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21488
|
+
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, renderOringinalMessage: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_IncomingMessage__WEBPACK_IMPORTED_MODULE_4__.IncomingMessage, { theme: theme, senderNameFct: defaultGetSenderName, message: message, date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), onReply: onReply, onForward: onForward,
|
|
21395
21489
|
// element={messageContentRender(message)}
|
|
21396
21490
|
onStartLoader: function () {
|
|
21397
21491
|
setWaitAIWidget(true);
|
|
@@ -21403,14 +21497,14 @@ var Message = function (_a) {
|
|
|
21403
21497
|
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, enableReplying: enableReplying, enableForwarding: enableForwarding }) }));
|
|
21404
21498
|
}
|
|
21405
21499
|
else {
|
|
21406
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21500
|
+
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingForwardedMessage_IncomingForwardedMessage__WEBPACK_IMPORTED_MODULE_5__["default"], { enableReplying: enableReplying, enableForwarding: enableForwarding, theme: theme, messages: message.qb_original_messages, repliedUserName: message.origin_sender_name || '', onReply: onReply, onForward: onForward, date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), onStartLoader: function () {
|
|
21407
21501
|
setWaitAIWidget(true);
|
|
21408
21502
|
}, onStopLoader: function () {
|
|
21409
21503
|
setWaitAIWidget(false);
|
|
21410
21504
|
}, onErrorToast: function (messageError) {
|
|
21411
21505
|
setShowErrorToast(true);
|
|
21412
21506
|
setMessageErrorToast(messageError);
|
|
21413
|
-
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, renderOringinalMessage: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21507
|
+
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, renderOringinalMessage: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_IncomingMessage__WEBPACK_IMPORTED_MODULE_4__.IncomingMessage, { theme: theme, senderNameFct: defaultGetSenderName, message: message, date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), onReply: onReply, onForward: onForward,
|
|
21414
21508
|
// element={messageContentRender(message)}
|
|
21415
21509
|
onStartLoader: function () {
|
|
21416
21510
|
setWaitAIWidget(true);
|
|
@@ -21423,7 +21517,7 @@ var Message = function (_a) {
|
|
|
21423
21517
|
}
|
|
21424
21518
|
}
|
|
21425
21519
|
else {
|
|
21426
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21520
|
+
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_IncomingMessage__WEBPACK_IMPORTED_MODULE_4__.IncomingMessage, { theme: theme, senderNameFct: defaultGetSenderName, message: message, date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), onReply: onReply, onForward: onForward,
|
|
21427
21521
|
// element={messageContentRender(message)}
|
|
21428
21522
|
onStartLoader: function () {
|
|
21429
21523
|
setWaitAIWidget(true);
|
|
@@ -21441,16 +21535,20 @@ var Message = function (_a) {
|
|
|
21441
21535
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
21442
21536
|
((_e = message.qb_message_action) === null || _e === void 0 ? void 0 : _e.includes('forward')) ? 'forward' : 'reply';
|
|
21443
21537
|
if (typeMessage === 'reply') {
|
|
21444
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21538
|
+
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_OutgoingRepliedMessage_OutgoingRepliedMessage__WEBPACK_IMPORTED_MODULE_6__["default"], { enableReplying: enableReplying, enableForwarding: enableForwarding, messages: message.qb_original_messages, repliedUserName: userNameForReplyForward.length > 0
|
|
21539
|
+
? userNameForReplyForward
|
|
21540
|
+
: 'UNDEFINED REPLIED USER NAME', onReply: onReply, onForward: onForward, theme: theme, renderOringinalMessage: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_OutgoingMessage_OutgoingMessage__WEBPACK_IMPORTED_MODULE_7__.OutgoingMessage, { enableReplying: enableReplying, enableForwarding: enableForwarding, message: message, date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), onReply: onReply, onForward: onForward, theme: theme, element: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_8__["default"], { theme: theme, messageEntity: message, originalTextMessage: true, widgetTextContent: "" }) }) }));
|
|
21445
21541
|
}
|
|
21446
21542
|
else {
|
|
21447
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21543
|
+
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_OutgoinForwardedMessage_OutgoinForwardedMessage__WEBPACK_IMPORTED_MODULE_9__["default"], { enableReplying: enableReplying, enableForwarding: enableForwarding, messages: message.qb_original_messages, repliedUserName: userNameForReplyForward.length > 0
|
|
21544
|
+
? userNameForReplyForward
|
|
21545
|
+
: 'UNDEFINED FORWARDING USER NAME', date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), status_message: message.delivered_ids && message.delivered_ids.length, onReply: onReply, onForward: onForward, theme: theme, renderOringinalMessage: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_OutgoingMessage_OutgoingMessage__WEBPACK_IMPORTED_MODULE_7__.OutgoingMessage, { enableReplying: enableReplying, enableForwarding: enableForwarding, message: message, date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), onReply: onReply, onForward: onForward, theme: theme, element: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_8__["default"], { theme: theme, messageEntity: message, originalTextMessage: true, widgetTextContent: "" }) }) }));
|
|
21448
21546
|
}
|
|
21449
21547
|
}
|
|
21450
21548
|
else {
|
|
21451
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21549
|
+
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_OutgoingMessage_OutgoingMessage__WEBPACK_IMPORTED_MODULE_7__.OutgoingMessage, { enableReplying: enableReplying, enableForwarding: enableForwarding, message: message, date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), onReply: onReply, onForward: onForward, theme: theme,
|
|
21452
21550
|
// element={messageContentRender(message)}
|
|
21453
|
-
element: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21551
|
+
element: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_8__["default"], { theme: theme, messageEntity: message, originalTextMessage: true, widgetTextContent: "" }) }));
|
|
21454
21552
|
}
|
|
21455
21553
|
return messageView;
|
|
21456
21554
|
};
|
|
@@ -21835,6 +21933,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
21835
21933
|
/* harmony import */ var _components_UI_svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/Status/Sent */ "./src/Presentation/components/UI/svgs/Icons/Status/Sent/index.tsx");
|
|
21836
21934
|
/* harmony import */ var _components_UI_svgs_Icons_Actions_ForwardFilled__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/Actions/ForwardFilled */ "./src/Presentation/components/UI/svgs/Icons/Actions/ForwardFilled/index.tsx");
|
|
21837
21935
|
/* harmony import */ var _IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../IncomingMessage/MessageContentComponent/MessageContentComponent */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.tsx");
|
|
21936
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
21838
21937
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21839
21938
|
__assign = Object.assign || function(t) {
|
|
21840
21939
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21854,6 +21953,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21854
21953
|
|
|
21855
21954
|
|
|
21856
21955
|
|
|
21956
|
+
|
|
21857
21957
|
function OutgoingForwardedMessage(props) {
|
|
21858
21958
|
var _a = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), openMenu = _a[0], setOpenMenu = _a[1];
|
|
21859
21959
|
// const [haveHover, setHaveHover] = useState(false);
|
|
@@ -21869,7 +21969,17 @@ function OutgoingForwardedMessage(props) {
|
|
|
21869
21969
|
? props.theme.mainElements()
|
|
21870
21970
|
: 'var(--main-elements)' })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forward-message-caption-time" }, { children: props.date_sent })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forward-message-func" }, { children:
|
|
21871
21971
|
// haveHover &&
|
|
21872
|
-
!disableMenu ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_3__["default"], { theme: props.theme, message: item, onReply: props.onReply, onForward: props.onForward, enableReplying: props.enableReplying, enableForwarding: props.enableForwarding })) : null })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "outgoing-forwarded-message-data" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "outgoing-forwarded-message-caption-forward" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-caption-forward-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_ForwardFilled__WEBPACK_IMPORTED_MODULE_6__["default"], { width: "16", height: "16", color: "var(--caption)" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-caption-forward-from-name" }, { children: "Forwarded from ".concat(props.repliedUserName) }))] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-chat-bubble-background"
|
|
21972
|
+
!disableMenu ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_3__["default"], { theme: props.theme, message: item, onReply: props.onReply, onForward: props.onForward, enableReplying: props.enableReplying, enableForwarding: props.enableForwarding })) : null })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "outgoing-forwarded-message-data" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "outgoing-forwarded-message-caption-forward" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-caption-forward-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_ForwardFilled__WEBPACK_IMPORTED_MODULE_6__["default"], { width: "16", height: "16", color: "var(--caption)" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-caption-forward-from-name" }, { children: "Forwarded from ".concat(props.repliedUserName) }))] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-chat-bubble-background", style: {
|
|
21973
|
+
background: item.attachments &&
|
|
21974
|
+
(item.attachments[0].type
|
|
21975
|
+
.toString()
|
|
21976
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_8__.FileType.image) ||
|
|
21977
|
+
item.attachments[0].type
|
|
21978
|
+
.toString()
|
|
21979
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_8__.FileType.video))
|
|
21980
|
+
? 'none'
|
|
21981
|
+
: undefined,
|
|
21982
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-forwarded-message-single-line" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_7__["default"], { theme: props.theme, messageEntity: item, originalTextMessage: true, widgetTextContent: "" }) })) }))] }))] }))); }), props.renderOringinalMessage] }));
|
|
21873
21983
|
}
|
|
21874
21984
|
/* harmony default export */ __webpack_exports__["default"] = (OutgoingForwardedMessage);
|
|
21875
21985
|
|
|
@@ -21894,6 +22004,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
21894
22004
|
/* harmony import */ var _components_UI_svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/Status/ViewedDelivered */ "./src/Presentation/components/UI/svgs/Icons/Status/ViewedDelivered/index.tsx");
|
|
21895
22005
|
/* harmony import */ var _components_UI_svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/Status/Sent */ "./src/Presentation/components/UI/svgs/Icons/Status/Sent/index.tsx");
|
|
21896
22006
|
/* harmony import */ var _MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../MessageContextMenu/MessageContextMenu */ "./src/Presentation/Views/Dialog/Message/MessageContextMenu/MessageContextMenu.tsx");
|
|
22007
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
21897
22008
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21898
22009
|
__assign = Object.assign || function(t) {
|
|
21899
22010
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21911,6 +22022,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21911
22022
|
|
|
21912
22023
|
|
|
21913
22024
|
|
|
22025
|
+
|
|
21914
22026
|
function OutgoingMessage(props) {
|
|
21915
22027
|
var _a = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), openMenu = _a[0], setOpenMenu = _a[1];
|
|
21916
22028
|
// const [haveHover, setHaveHover] = useState(false);
|
|
@@ -21927,7 +22039,17 @@ function OutgoingMessage(props) {
|
|
|
21927
22039
|
? props.theme.mainElements()
|
|
21928
22040
|
: 'var(--main-elements)' })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-message-caption-time" }, { children: props.date_sent })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-message-func" }, { children:
|
|
21929
22041
|
// haveHover &&
|
|
21930
|
-
!disableMenu ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_5__["default"], { theme: props.theme, message: props.message, onReply: props.onReply, onForward: props.onForward, enableReplying: props.enableReplying, enableForwarding: props.enableForwarding })) : null })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "outgoing-message-data" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-message-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "outgoing-message-caption" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-message-chat-bubble-background"
|
|
22042
|
+
!disableMenu ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_5__["default"], { theme: props.theme, message: props.message, onReply: props.onReply, onForward: props.onForward, enableReplying: props.enableReplying, enableForwarding: props.enableForwarding })) : null })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "outgoing-message-data" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-message-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "outgoing-message-caption" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-message-chat-bubble-background", style: {
|
|
22043
|
+
background: props.message.attachments &&
|
|
22044
|
+
(props.message.attachments[0].type
|
|
22045
|
+
.toString()
|
|
22046
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__.FileType.image) ||
|
|
22047
|
+
props.message.attachments[0].type
|
|
22048
|
+
.toString()
|
|
22049
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__.FileType.video))
|
|
22050
|
+
? 'none'
|
|
22051
|
+
: undefined,
|
|
22052
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-message-single-line" }, { children: props.element })) }))] }))] })) }));
|
|
21931
22053
|
}
|
|
21932
22054
|
|
|
21933
22055
|
|
|
@@ -21948,6 +22070,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
21948
22070
|
/* harmony import */ var _IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../IncomingMessage/MessageContentComponent/MessageContentComponent */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.tsx");
|
|
21949
22071
|
/* harmony import */ var _components_UI_svgs_Icons_Actions_ReplyFilled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/Actions/ReplyFilled */ "./src/Presentation/components/UI/svgs/Icons/Actions/ReplyFilled/index.tsx");
|
|
21950
22072
|
/* harmony import */ var _MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../MessageContextMenu/MessageContextMenu */ "./src/Presentation/Views/Dialog/Message/MessageContextMenu/MessageContextMenu.tsx");
|
|
22073
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
21951
22074
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21952
22075
|
__assign = Object.assign || function(t) {
|
|
21953
22076
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21965,6 +22088,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21965
22088
|
|
|
21966
22089
|
|
|
21967
22090
|
|
|
22091
|
+
|
|
21968
22092
|
function OutgoingRepliedMessage(props) {
|
|
21969
22093
|
var _a = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), openMenu = _a[0], setOpenMenu = _a[1];
|
|
21970
22094
|
// const [haveHover, setHaveHover] = useState(false);
|
|
@@ -21976,7 +22100,17 @@ function OutgoingRepliedMessage(props) {
|
|
|
21976
22100
|
setOpenMenu(!openMenu);
|
|
21977
22101
|
} }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-func" }, { children:
|
|
21978
22102
|
// haveHover &&
|
|
21979
|
-
!disableMenu ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_5__["default"], { theme: props.theme, message: item, onReply: props.onReply, onForward: props.onForward, enableReplying: props.enableReplying, enableForwarding: props.enableForwarding })) : null })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "outgoing-replied-message-caption-status" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "outgoing-replied-message-data" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "outgoing-replied-message-caption-replied" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-caption-replied-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_ReplyFilled__WEBPACK_IMPORTED_MODULE_4__["default"], { width: "16", height: "16", color: "var(--caption)" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-caption-replied-from-name" }, { children: "Replied to ".concat(props.repliedUserName) }))] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-chat-bubble-background"
|
|
22103
|
+
!disableMenu ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_5__["default"], { theme: props.theme, message: item, onReply: props.onReply, onForward: props.onForward, enableReplying: props.enableReplying, enableForwarding: props.enableForwarding })) : null })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "outgoing-replied-message-caption-status" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "outgoing-replied-message-data" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-name" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "outgoing-replied-message-caption-replied" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-caption-replied-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_ReplyFilled__WEBPACK_IMPORTED_MODULE_4__["default"], { width: "16", height: "16", color: "var(--caption)" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-caption-replied-from-name" }, { children: "Replied to ".concat(props.repliedUserName) }))] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-chat-bubble-background", style: {
|
|
22104
|
+
background: item.attachments &&
|
|
22105
|
+
(item.attachments[0].type
|
|
22106
|
+
.toString()
|
|
22107
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__.FileType.image) ||
|
|
22108
|
+
item.attachments[0].type
|
|
22109
|
+
.toString()
|
|
22110
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__.FileType.video))
|
|
22111
|
+
? 'none'
|
|
22112
|
+
: undefined,
|
|
22113
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-single-line" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_3__["default"], { theme: props.theme, messageEntity: item, originalTextMessage: true, widgetTextContent: "" }) })) }))] }))] }))); }), props.renderOringinalMessage] }));
|
|
21980
22114
|
}
|
|
21981
22115
|
/* harmony default export */ __webpack_exports__["default"] = (OutgoingRepliedMessage);
|
|
21982
22116
|
|
|
@@ -23157,6 +23291,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
23157
23291
|
/* harmony import */ var _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../components/UI/Buttons/MainButton/MainButton */ "./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx");
|
|
23158
23292
|
/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ "./src/Presentation/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts");
|
|
23159
23293
|
/* harmony import */ var _Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../Flow/LeaveDialogFlow/LeaveDialogFlow */ "./src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx");
|
|
23294
|
+
/* harmony import */ var _components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../components/containers/SectionList/hooks */ "./src/Presentation/components/containers/SectionList/hooks/index.ts");
|
|
23160
23295
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
23161
23296
|
__assign = Object.assign || function(t) {
|
|
23162
23297
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -23225,6 +23360,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
23225
23360
|
|
|
23226
23361
|
|
|
23227
23362
|
|
|
23363
|
+
|
|
23228
23364
|
|
|
23229
23365
|
|
|
23230
23366
|
// eslint-disable-next-line react/function-component-definition
|
|
@@ -23241,6 +23377,7 @@ var DialogInfo = function (_a) {
|
|
|
23241
23377
|
(_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId.toString();
|
|
23242
23378
|
var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_15__.ModalContext).handleModal;
|
|
23243
23379
|
var _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState(showMembersDialogInitValue), showMembersDialog = _j[0], setShowMembersDialog = _j[1];
|
|
23380
|
+
var isMobile = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_23__.useMobileLayout)()[0];
|
|
23244
23381
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
23245
23382
|
setShowMembersDialog(showMembersDialogInitValue);
|
|
23246
23383
|
}, [showMembersDialogInitValue]);
|
|
@@ -23351,7 +23488,17 @@ var DialogInfo = function (_a) {
|
|
|
23351
23488
|
var useUpContent = upHeaderContent || false;
|
|
23352
23489
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: __assign({}, rootStyles), className: "dialog-information-container" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { children: [useUpContent && upHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "header-dialog-info" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "header-dialog-info-headline" }, { children: "Dialog information" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "header-dialog-info-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_7__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__["default"], { applyZoom: true, color: "var(--secondary-elements)" }), onClick: onCloseDialogInformationHandler }) }))] })), useSubContent && subHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-information-profile" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-information-profile-avatar" }, { children: renderIconForTypeDialog((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-information-profile-dialog-name" }, { children: ((_c = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) === null || _c === void 0 ? void 0 : _c.name) || (dialog === null || dialog === void 0 ? void 0 : dialog.name) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-information-profile-edit" }, { children: dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType["private"] &&
|
|
23353
23490
|
dialog.ownerId === currentUserId ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-information-profile-edit-button" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_14__["default"], { content: "Edit", clickAction: function () {
|
|
23354
|
-
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_16__["default"], { nameDialog: (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.name) || dialog.name, typeDialog: (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.type) || dialog.type, ulrIcon: getUrlAvatar((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_16__.TypeOpenDialog.edit, clickUpdatedHandler: getDialogUpdatedInfoHandler, clickCancelHandler: closeModal }), 'Edit dialog', false, false
|
|
23491
|
+
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_16__["default"], { nameDialog: (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.name) || dialog.name, typeDialog: (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.type) || dialog.type, ulrIcon: getUrlAvatar((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_16__.TypeOpenDialog.edit, clickUpdatedHandler: getDialogUpdatedInfoHandler, clickCancelHandler: closeModal }), 'Edit dialog', false, false, isMobile
|
|
23492
|
+
? {
|
|
23493
|
+
width: '300px',
|
|
23494
|
+
backgroundColor: 'var(--main-background)',
|
|
23495
|
+
}
|
|
23496
|
+
: {
|
|
23497
|
+
width: '380px',
|
|
23498
|
+
// minWidth: '332px',
|
|
23499
|
+
// maxWidth: '332px',
|
|
23500
|
+
backgroundColor: 'var(--main-background)',
|
|
23501
|
+
});
|
|
23355
23502
|
}, touchAction: function () {
|
|
23356
23503
|
console.log('call onTouch');
|
|
23357
23504
|
} }) }))) : null }))] })), dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType["private"] ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-contents" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_5__["default"], { width: "24", height: "24", applyZoom: true, color: "var(--color-icon)" }) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-subtitle" }, { children: "Members" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-info-action-wrapper-settings-right" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-right-badge" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-right-badge-title" }, { children: users.length })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_7__["default"], { content: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_10__["default"], { applyZoom: true, width: "24", height: "24", color: "var(--secondary-elements)" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Next__WEBPACK_IMPORTED_MODULE_9__["default"], { applyZoom: true, width: "24", height: "24", color: "var(--secondary-elements)" })), onClick: showMembersDialogHandler }) }))] }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { children: [users && users.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings no-padding" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_6__["default"], { maxHeight: 75, usersFirstPageToView: users, allUsers: users, usersInDialogCount: users.length }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_20__["default"], { title: "Invite members", clickHandler: function () {
|
|
@@ -23645,40 +23792,116 @@ function useUsersListViewModel(dialogEntity) {
|
|
|
23645
23792
|
var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), users = _c[0], setUsers = _c[1];
|
|
23646
23793
|
var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _d[0], setDialog = _d[1];
|
|
23647
23794
|
var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_1__["default"])();
|
|
23795
|
+
// async function getUsers() {
|
|
23796
|
+
// console.log('call getUsers in useUsersListViewModel');
|
|
23797
|
+
// let participants: Array<number> = [];
|
|
23798
|
+
//
|
|
23799
|
+
// if (dialog && dialog?.type === DialogType.group) {
|
|
23800
|
+
// participants = (dialog as GroupDialogEntity).participantIds;
|
|
23801
|
+
// } else if (dialog && dialog?.type === DialogType.private) {
|
|
23802
|
+
// participants = [(dialog as PrivateDialogEntity).participantId];
|
|
23803
|
+
// } else if (dialog && dialog?.type === DialogType.public) {
|
|
23804
|
+
// participants = [];
|
|
23805
|
+
// }
|
|
23806
|
+
// setLoading(true);
|
|
23807
|
+
// const initAllUsersByIdsUseCase: GetUsersByIdsUseCase =
|
|
23808
|
+
// new GetUsersByIdsUseCase(
|
|
23809
|
+
// new UsersRepository(
|
|
23810
|
+
// currentContext.storage.LOCAL_DATA_SOURCE,
|
|
23811
|
+
// currentContext.storage.REMOTE_DATA_SOURCE,
|
|
23812
|
+
// ),
|
|
23813
|
+
// participants,
|
|
23814
|
+
// );
|
|
23815
|
+
//
|
|
23816
|
+
// await initAllUsersByIdsUseCase
|
|
23817
|
+
// .execute()
|
|
23818
|
+
// // eslint-disable-next-line promise/always-return
|
|
23819
|
+
// .then((data) => {
|
|
23820
|
+
// console.log('have getUsers :', JSON.stringify(data));
|
|
23821
|
+
// console.log('have idis :', JSON.stringify(participants));
|
|
23822
|
+
// setUsers([...data]);
|
|
23823
|
+
// setLoading(false);
|
|
23824
|
+
// setError('');
|
|
23825
|
+
// })
|
|
23826
|
+
// .catch((e) => {
|
|
23827
|
+
// console.log('have ERROR get users :', JSON.stringify(e));
|
|
23828
|
+
// setLoading(false);
|
|
23829
|
+
// setError((e as unknown as Error).message);
|
|
23830
|
+
// });
|
|
23831
|
+
//
|
|
23832
|
+
// console.log('EXECUTE USE CASES getUsers');
|
|
23833
|
+
// }
|
|
23834
|
+
function logData(message, data) {
|
|
23835
|
+
console.log("".concat(message, " :"), JSON.stringify(data));
|
|
23836
|
+
}
|
|
23837
|
+
function handleSuccessfulFetch(participants, data) {
|
|
23838
|
+
logData('have getUsers', data);
|
|
23839
|
+
logData('have idis', participants);
|
|
23840
|
+
setUsers(__spreadArray([], data, true));
|
|
23841
|
+
setLoading(false);
|
|
23842
|
+
setError('');
|
|
23843
|
+
}
|
|
23844
|
+
function handleFailedFetch(errorMessage) {
|
|
23845
|
+
logData('have ERROR get users', errorMessage);
|
|
23846
|
+
setLoading(false);
|
|
23847
|
+
setError(errorMessage);
|
|
23848
|
+
}
|
|
23849
|
+
function getUsersData(participants) {
|
|
23850
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
23851
|
+
var usersRepository, getUsersByIdsUseCase, data;
|
|
23852
|
+
return __generator(this, function (_a) {
|
|
23853
|
+
switch (_a.label) {
|
|
23854
|
+
case 0:
|
|
23855
|
+
usersRepository = new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__["default"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE);
|
|
23856
|
+
getUsersByIdsUseCase = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_2__.GetUsersByIdsUseCase(usersRepository, participants);
|
|
23857
|
+
return [4 /*yield*/, getUsersByIdsUseCase.execute()];
|
|
23858
|
+
case 1:
|
|
23859
|
+
data = _a.sent();
|
|
23860
|
+
return [2 /*return*/, data];
|
|
23861
|
+
}
|
|
23862
|
+
});
|
|
23863
|
+
});
|
|
23864
|
+
}
|
|
23865
|
+
function fetchUsersData(participants) {
|
|
23866
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
23867
|
+
var data, er_1, errorMessage;
|
|
23868
|
+
return __generator(this, function (_a) {
|
|
23869
|
+
switch (_a.label) {
|
|
23870
|
+
case 0:
|
|
23871
|
+
setLoading(true);
|
|
23872
|
+
_a.label = 1;
|
|
23873
|
+
case 1:
|
|
23874
|
+
_a.trys.push([1, 3, , 4]);
|
|
23875
|
+
return [4 /*yield*/, getUsersData(participants)];
|
|
23876
|
+
case 2:
|
|
23877
|
+
data = _a.sent();
|
|
23878
|
+
handleSuccessfulFetch(participants, data);
|
|
23879
|
+
return [3 /*break*/, 4];
|
|
23880
|
+
case 3:
|
|
23881
|
+
er_1 = _a.sent();
|
|
23882
|
+
errorMessage = er_1.message;
|
|
23883
|
+
handleFailedFetch(errorMessage);
|
|
23884
|
+
return [3 /*break*/, 4];
|
|
23885
|
+
case 4: return [2 /*return*/];
|
|
23886
|
+
}
|
|
23887
|
+
});
|
|
23888
|
+
});
|
|
23889
|
+
}
|
|
23648
23890
|
function getUsers() {
|
|
23649
23891
|
return __awaiter(this, void 0, void 0, function () {
|
|
23650
|
-
var participants
|
|
23892
|
+
var participants;
|
|
23651
23893
|
return __generator(this, function (_a) {
|
|
23652
23894
|
switch (_a.label) {
|
|
23653
23895
|
case 0:
|
|
23654
23896
|
console.log('call getUsers in useUsersListViewModel');
|
|
23655
|
-
participants =
|
|
23656
|
-
|
|
23657
|
-
|
|
23658
|
-
|
|
23659
|
-
|
|
23660
|
-
|
|
23661
|
-
|
|
23662
|
-
|
|
23663
|
-
participants = [];
|
|
23664
|
-
}
|
|
23665
|
-
setLoading(true);
|
|
23666
|
-
initAllUsersByIdsUseCase = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_2__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__["default"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), participants);
|
|
23667
|
-
return [4 /*yield*/, initAllUsersByIdsUseCase
|
|
23668
|
-
.execute()
|
|
23669
|
-
// eslint-disable-next-line promise/always-return
|
|
23670
|
-
.then(function (data) {
|
|
23671
|
-
console.log('have getUsers :', JSON.stringify(data));
|
|
23672
|
-
console.log('have idis :', JSON.stringify(participants));
|
|
23673
|
-
setUsers(__spreadArray([], data, true));
|
|
23674
|
-
setLoading(false);
|
|
23675
|
-
setError('');
|
|
23676
|
-
})
|
|
23677
|
-
.catch(function (e) {
|
|
23678
|
-
console.log('have ERROR get users :', JSON.stringify(e));
|
|
23679
|
-
setLoading(false);
|
|
23680
|
-
setError(e.message);
|
|
23681
|
-
})];
|
|
23897
|
+
participants =
|
|
23898
|
+
// eslint-disable-next-line no-nested-ternary
|
|
23899
|
+
(dialog === null || dialog === void 0 ? void 0 : dialog.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType.group
|
|
23900
|
+
? dialog.participantIds
|
|
23901
|
+
: (dialog === null || dialog === void 0 ? void 0 : dialog.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType["private"]
|
|
23902
|
+
? [dialog.participantId]
|
|
23903
|
+
: [];
|
|
23904
|
+
return [4 /*yield*/, fetchUsersData(participants)];
|
|
23682
23905
|
case 1:
|
|
23683
23906
|
_a.sent();
|
|
23684
23907
|
console.log('EXECUTE USE CASES getUsers');
|
|
@@ -23687,6 +23910,19 @@ function useUsersListViewModel(dialogEntity) {
|
|
|
23687
23910
|
});
|
|
23688
23911
|
});
|
|
23689
23912
|
}
|
|
23913
|
+
function getUserById(id) {
|
|
23914
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
23915
|
+
var response;
|
|
23916
|
+
return __generator(this, function (_a) {
|
|
23917
|
+
switch (_a.label) {
|
|
23918
|
+
case 0: return [4 /*yield*/, getUsersData([id])];
|
|
23919
|
+
case 1:
|
|
23920
|
+
response = _a.sent();
|
|
23921
|
+
return [2 /*return*/, Promise.resolve(response[0])];
|
|
23922
|
+
}
|
|
23923
|
+
});
|
|
23924
|
+
});
|
|
23925
|
+
}
|
|
23690
23926
|
var release = function () {
|
|
23691
23927
|
console.log('call release in useUsersListViewModel');
|
|
23692
23928
|
};
|
|
@@ -23702,6 +23938,7 @@ function useUsersListViewModel(dialogEntity) {
|
|
|
23702
23938
|
error: error,
|
|
23703
23939
|
// eslint-disable-next-line @typescript-eslint/no-misused-promises
|
|
23704
23940
|
getUsers: getUsers,
|
|
23941
|
+
getUserById: getUserById,
|
|
23705
23942
|
release: release,
|
|
23706
23943
|
};
|
|
23707
23944
|
}
|
|
@@ -23923,7 +24160,7 @@ var DialogList = function (_a) {
|
|
|
23923
24160
|
setNameDialogForSearch('');
|
|
23924
24161
|
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__["default"], { width: "24", height: "24", color: "var(--tertiary-elements)" }) }))) : null] })));
|
|
23925
24162
|
};
|
|
23926
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-list" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { children: [useUpContent && upHeaderContent, useHeader && HeaderContent, useSubContent && subHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "scroll-box", style: { maxHeight: 'initial' }, ref: function (el) {
|
|
24163
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-list" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], __assign({ maxWidth: isMobile ? '100%' : '320px' }, { children: [useUpContent && upHeaderContent, useHeader && HeaderContent, useSubContent && subHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "scroll-box", style: { maxHeight: 'initial' }, ref: function (el) {
|
|
23927
24164
|
if (el) {
|
|
23928
24165
|
el.style.setProperty('max-height', "".concat(scrollableHeight, "px"), 'important');
|
|
23929
24166
|
}
|
|
@@ -23949,7 +24186,7 @@ var DialogList = function (_a) {
|
|
|
23949
24186
|
(dialogsToView && dialogsToView.length) > 0 &&
|
|
23950
24187
|
dialogsToView.map(function (item, index) {
|
|
23951
24188
|
return renderPreviewDialog(item, index);
|
|
23952
|
-
})] }))] }) })));
|
|
24189
|
+
})] }))] })) })));
|
|
23953
24190
|
};
|
|
23954
24191
|
/* harmony default export */ __webpack_exports__["default"] = (DialogList);
|
|
23955
24192
|
|
|
@@ -25089,10 +25326,10 @@ var InviteMembers = function (_a) {
|
|
|
25089
25326
|
setUserNameForFilter(event.target.value);
|
|
25090
25327
|
}, placeholder: "Search" }), userNameForFilter.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: { cursor: 'pointer' }, onClick: function () {
|
|
25091
25328
|
setUserNameForFilter('');
|
|
25092
|
-
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_15__["default"], { width: "24", height: "24", color: "var(--tertiary-elements)" }) }))) : null] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__inf" }, { children: [countSelectedItems, " selected"] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__members" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: {
|
|
25093
|
-
|
|
25094
|
-
|
|
25095
|
-
|
|
25329
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_15__["default"], { width: "24", height: "24", color: "var(--tertiary-elements)" }) }))) : null] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__inf" }, { children: [countSelectedItems, " selected"] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__members" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--add-members-container--loader" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: {
|
|
25330
|
+
height: '44px',
|
|
25331
|
+
width: '44px',
|
|
25332
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__["default"], { width: "44", height: "44" }) })) }))), (userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error) && !(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__["default"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {
|
|
25096
25333
|
alert('call click retry');
|
|
25097
25334
|
} })), userViewModel.users && userViewModel.users.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_11__["default"], { className: "container-invite-members--add-members-container--wrapper__members__list", data: userViewModel.users, renderItem: renderUserComponent, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: false })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__members__empty-members" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_NotFoundContent_NotFoundContent__WEBPACK_IMPORTED_MODULE_14__["default"], { message: "There are no members" }) })))] }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--btn-container" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_4__["default"], { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
|
|
25098
25335
|
flexBasis: '63px',
|
|
@@ -25716,7 +25953,7 @@ var PreviewDialog = function (_a) {
|
|
|
25716
25953
|
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PreviewVideoFile_PreviewVideoFile__WEBPACK_IMPORTED_MODULE_10__["default"], { fileName: trimFileName(fileName) });
|
|
25717
25954
|
}
|
|
25718
25955
|
if (messageParts[3].includes('image')) {
|
|
25719
|
-
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PreviewImageFile_PreviewImageFile__WEBPACK_IMPORTED_MODULE_8__["default"], { fileName: fileName, imgUrl: fileUrl });
|
|
25956
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PreviewImageFile_PreviewImageFile__WEBPACK_IMPORTED_MODULE_8__["default"], { fileName: trimFileName(fileName), imgUrl: fileUrl }));
|
|
25720
25957
|
}
|
|
25721
25958
|
if (fileName.length > 0 && fileName.includes('.')) {
|
|
25722
25959
|
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PreviewDefaultFile_PreviewDefaultFile__WEBPACK_IMPORTED_MODULE_11__["default"], { fileName: trimFileName(fileName) });
|
|
@@ -26025,7 +26262,7 @@ var YesNoQuestionComponent = function (_a) {
|
|
|
26025
26262
|
_c = _a.noActionCaption,
|
|
26026
26263
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
26027
26264
|
noActionCaption = _c === void 0 ? undefined : _c;
|
|
26028
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container-wrapper" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container__message-text" }, { children: messageText })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container__footer" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
|
|
26265
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container-wrapper" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], { children: [messageText ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container__message-text" }, { children: messageText }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container__footer" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
|
|
26029
26266
|
flexBasis: '63px',
|
|
26030
26267
|
minWidth: '63px',
|
|
26031
26268
|
maxWidth: '63px',
|
|
@@ -26607,7 +26844,21 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
26607
26844
|
|
|
26608
26845
|
function EditDots(theme) {
|
|
26609
26846
|
if (theme === void 0) { theme = undefined; }
|
|
26610
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", __assign({ width: theme && theme.width ? theme.width : '
|
|
26847
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: theme && theme.width ? theme.width : '24', height: theme && theme.height ? theme.height : '24', viewBox: "0 0 24 24", fill: "none" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path", { d: "M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) }))
|
|
26848
|
+
// <svg
|
|
26849
|
+
// width={theme && theme.width ? theme.width : '32'}
|
|
26850
|
+
// height={theme && theme.height ? theme.height : '32'}
|
|
26851
|
+
// viewBox="0 0 32 32"
|
|
26852
|
+
// fill="none"
|
|
26853
|
+
// xmlns="http://www.w3.org/2000/svg"
|
|
26854
|
+
// >
|
|
26855
|
+
// <path
|
|
26856
|
+
// d="M16 12C17.1 12 18 11.1 18 10C18 8.9 17.1 8 16 8C14.9 8 14 8.9 14 10C14 11.1 14.9 12 16 12ZM16 14C14.9 14 14 14.9 14 16C14 17.1 14.9 18 16 18C17.1 18 18 17.1 18 16C18 14.9 17.1 14 16 14ZM16 20C14.9 20 14 20.9 14 22C14 23.1 14.9 24 16 24C17.1 24 18 23.1 18 22C18 20.9 17.1 20 16 20Z"
|
|
26857
|
+
// id="EditDots"
|
|
26858
|
+
// fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
|
|
26859
|
+
// />
|
|
26860
|
+
// </svg>
|
|
26861
|
+
);
|
|
26611
26862
|
}
|
|
26612
26863
|
/* harmony default export */ __webpack_exports__["default"] = (EditDots);
|
|
26613
26864
|
|
|
@@ -29002,6 +29253,45 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29002
29253
|
var leaveDialogHandler = function (dialog) {
|
|
29003
29254
|
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_44__["default"], { dialog: dialog, dialogsViewModel: dialogsViewModel }), 'Leave dialog?', false, true);
|
|
29004
29255
|
};
|
|
29256
|
+
// eslint-disable-next-line react/prop-types
|
|
29257
|
+
var defaultGetSenderName = function (props) { return __awaiter(void 0, void 0, void 0, function () {
|
|
29258
|
+
var result, senderUser;
|
|
29259
|
+
return __generator(this, function (_a) {
|
|
29260
|
+
switch (_a.label) {
|
|
29261
|
+
case 0:
|
|
29262
|
+
result = 'undefined user';
|
|
29263
|
+
if (!!props.sender) return [3 /*break*/, 4];
|
|
29264
|
+
if (!(props.userId && props.userId > 0)) return [3 /*break*/, 2];
|
|
29265
|
+
return [4 /*yield*/, userViewModel.getUserById(props.userId)];
|
|
29266
|
+
case 1:
|
|
29267
|
+
senderUser = _a.sent();
|
|
29268
|
+
if (!senderUser) {
|
|
29269
|
+
return [2 /*return*/, result];
|
|
29270
|
+
}
|
|
29271
|
+
result =
|
|
29272
|
+
senderUser.full_name ||
|
|
29273
|
+
senderUser.login ||
|
|
29274
|
+
senderUser.email ||
|
|
29275
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
29276
|
+
senderUser.id.toString();
|
|
29277
|
+
return [3 /*break*/, 3];
|
|
29278
|
+
case 2: return [2 /*return*/, result];
|
|
29279
|
+
case 3: return [3 /*break*/, 5];
|
|
29280
|
+
case 4:
|
|
29281
|
+
result =
|
|
29282
|
+
// eslint-disable-next-line react/prop-types
|
|
29283
|
+
props.sender.full_name ||
|
|
29284
|
+
// eslint-disable-next-line react/prop-types
|
|
29285
|
+
props.sender.login ||
|
|
29286
|
+
// eslint-disable-next-line react/prop-types
|
|
29287
|
+
props.sender.email ||
|
|
29288
|
+
// eslint-disable-next-line react/prop-types
|
|
29289
|
+
props.sender.id.toString();
|
|
29290
|
+
_a.label = 5;
|
|
29291
|
+
case 5: return [2 /*return*/, result];
|
|
29292
|
+
}
|
|
29293
|
+
});
|
|
29294
|
+
}); };
|
|
29005
29295
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DesktopLayout__WEBPACK_IMPORTED_MODULE_6__["default"], { mainContainerStyles: {
|
|
29006
29296
|
minHeight: workHeight,
|
|
29007
29297
|
maxHeight: workHeight,
|
|
@@ -29052,7 +29342,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29052
29342
|
handleOnReply(m);
|
|
29053
29343
|
}, onForward: function (m) {
|
|
29054
29344
|
handleForward(m);
|
|
29055
|
-
}, messagesToView: messagesToView, userId: userId || -1, enableReplying: enableReplying, enableForwarding: enableForwarding })); });
|
|
29345
|
+
}, defaultGetSenderName: defaultGetSenderName, messagesToView: messagesToView, userId: userId || -1, enableReplying: enableReplying, enableForwarding: enableForwarding })); });
|
|
29056
29346
|
}, sections: getSectionData(messagesToView) })), renderReplyMessagesPreview: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialog_ReplyMessagePreview_ReplyMessagePreview__WEBPACK_IMPORTED_MODULE_34__["default"], { messages: __spreadArray([], messagesToReply, true), userNameSentMessage: ((_g = (_f = messagesToReply[0]) === null || _f === void 0 ? void 0 : _f.sender) === null || _g === void 0 ? void 0 : _g.full_name) ||
|
|
29057
29347
|
((_j = (_h = messagesToReply[0]) === null || _h === void 0 ? void 0 : _h.sender) === null || _j === void 0 ? void 0 : _j.login) ||
|
|
29058
29348
|
((_l = (_k = messagesToReply[0]) === null || _k === void 0 ? void 0 : _k.sender) === null || _l === void 0 ? void 0 : _l.email) ||
|