quickblox-react-ui-kit 0.2.8-beta.8 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/CommonTypes/BaseViewModel.d.ts +2 -0
- package/dist/CommonTypes/FunctionResult.d.ts +1 -0
- package/dist/Presentation/Views/Dialog/ForwardMessageFlow/InputForForwarding/InputForForwarding.d.ts +1 -0
- package/dist/Presentation/Views/Dialog/Message/Message.d.ts +2 -0
- package/dist/Presentation/Views/DialogInfo/DialogInfo.d.ts +5 -1
- package/dist/Presentation/Views/DialogInfo/MembersList/MembersList.d.ts +1 -0
- package/dist/Presentation/Views/DialogInfo/UsersList/UsersList.d.ts +1 -0
- package/dist/Presentation/Views/DialogInfo/UsersList/UsersListViewModel.d.ts +2 -1
- package/dist/Presentation/Views/DialogInfo/UsersList/useUsersListViewModel.d.ts +1 -1
- package/dist/Presentation/Views/EditDialog/UserAvatar/UserAvatar.d.ts +1 -1
- package/dist/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.d.ts +1 -0
- package/dist/Presentation/components/containers/ScrollableContainer/ScrollableContainer.d.ts +2 -0
- package/dist/QBconfig.d.ts +1 -0
- package/dist/index-ui.d.ts +2 -3
- package/dist/index-ui.js +1151 -581
- package/dist/index-ui.js.map +1 -1
- package/dist/utils/DateTimeFormatter.d.ts +1 -0
- package/global.d.ts +1 -0
- package/package.json +1 -1
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
|
|
|
@@ -217,7 +217,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
217
217
|
|
|
218
218
|
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()));
|
|
219
219
|
// Module
|
|
220
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".message-view-container {\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n gap: 3px;\n min-width: var(--max-width-message-view-container);\n}\n.message-view-container--header {\n min-height: 64px;\n max-height: 64px;\n width: 100%;\n}\n.message-view-container--information {\n background-color: var(--color-background-info);\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n gap: 3px;\n max-height: 16px;\n min-height: 16px;\n width: 100%;\n padding-bottom: 2px;\n padding-top: 2px;\n border-radius: 4px;\n margin-left: 20px;\n margin-right: 20px;\n line-height: 16px;\n font-size: 11px;\n}\n.message-view-container--messages {\n background-color: var(--secondary-background);\n width: 100%;\n max-height: 656px;\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-end;\n}\n.message-view-container--system-message-wrapper {\n justify-content: center;\n align-items: center;\n justify-items: center;\n width: 100%;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n padding: 20px 0px 10px 0px;\n}\n.message-view-container--system-message-wrapper__date_container {\n background-color: var(--disabled-elements);\n border-radius: 30px;\n width: 72px;\n height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: 16px;\n text-align: center;\n letter-spacing: 0.5px;\n justify-content: center;\n align-items: center;\n justify-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n}\n.message-view-container--incoming-message-wrapper {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n margin-top: 10px;\n margin-bottom: 10px;\n padding-bottom: 8px;\n gap: 8px;\n}\n.message-view-container--incoming-message-wrapper__message {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n gap: 8px;\n}\n.message-view-container--incoming-message-wrapper__avatar {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n}\n.message-view-container__sender-avatar {\n min-height: 36px;\n min-width: 36px;\n max-height: 36px;\n max-width: 36px;\n height: 36px;\n width: 36px;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n display: flex;\n background-color: var(--disabled-elements);\n}\n.message-view-container--incoming-message-container {\n display: flex;\n flex-flow: column nowrap;\n gap: 3px;\n height: 100%;\n max-width: 504px;\n}\n.message-view-container__sender-name {\n color: var(--secondary-text);\n padding-left: 16px;\n}\n.message-view-container__sender-message {\n background: var(--incoming-background);\n border-radius: 22px 22px 22px 0px;\n padding: 8px 12px;\n color: var(--main-text);\n}\n.message-view-container__widget-ai-translate {\n text-align: left;\n margin-left: 46px;\n font-family: Roboto;\n font-size: 11px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; /* 145.455% */\n letter-spacing: 0.5px;\n color: var(--tertiary-elements);\n align-self: self-start;\n white-space: nowrap;\n cursor: pointer;\n}\n.message-view-container__incoming-time {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n color: var(--main-text);\n}\n.message-view-container__status-message {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n gap: 2px;\n}\n.message-view-container--outgoing-message-wrapper {\n margin-right: 20px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n gap: 8px;\n margin-bottom: 10px;\n margin-top: 10px;\n min-height: 52px;\n}\n.message-view-container__outgoing-message {\n background: var(--outgoing-background);\n border-radius: 22px 22px 0px 22px;\n padding: 8px 12px;\n height: 100%;\n max-width: 504px;\n color: var(--main-text);\n}\n.message-view-container--message-content-wrapper {\n max-width: 300px;\n max-height: 160px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n margin: 0 auto;\n padding: 0;\n border-radius: 4px;\n}\n.message-view-container--file-message-content-wrapper {\n max-width: 85px;\n max-height: 32px;\n min-width: 85px;\n min-height: 32px;\n width: 85px;\n height: 32px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n gap: 12px;\n}\n.message-view-container__file-message-icon {\n min-height: 32px;\n min-width: 32px;\n max-height: 32px;\n max-width: 32px;\n height: 32px;\n width: 32px;\n border-radius: 4px;\n background: var(--caption);\n}\n.message-view-container--warning-error {\n min-height: 11px;\n max-height: 11px;\n height: 11px;\n justify-content: flex-start;\n align-items: flex-start;\n justify-items: flex-start;\n text-align: left;\n vertical-align: middle;\n line-height: 11px;\n font-size: 10px;\n color: var(--main-elements);\n font-weight: bold;\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n}\n.message-view-container--chat-input {\n min-height: 54px;\n max-height: 182px;\n height: 54px;\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n padding-left: 12px;\n padding-right: 12px;\n padding-bottom: 2px;\n gap: 6px;\n}\n.message-view-container--chat-input:disabled {\n background-color: dimgrey;\n color: linen;\n opacity: 1;\n cursor: not-allowed;\n}\n.message-view-container--chat-input textarea {\n width: 100%;\n height: 44px;\n min-Height: 44px;\n max-Height: 128px;\n background-Color: var(--chat-input);\n border-Radius: 4px;\n padding-left: 16px;\n padding-top: 8px;\n line-height: 24px;\n font-size: 16px;\n margin: 0 auto;\n resize: none;\n}\n\n.input-text-message * {\n box-sizing: border-box;\n}\n\n.input-text-message {\n background: var(--chat-input);\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-end;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n\n.type-message {\n color: var(--field-border);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.type-message textarea {\n color: var(--input-elements);\n font: var(--body-body-large);\n border: none;\n outline: none;\n}\n\n.right {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n margin-bottom: 5px;\n}\n\n.ai-assist-icon {\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Dialog/Dialog.scss"],"names":[],"mappings":"AAYA;EAGE,aAAA;EACA,wBAAA;EAEA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,QAAA;EACA,kDAAA;AAdF;AAiBE;EACE,gBAxBuC;EAyBvC,gBAzBuC;EA0BvC,WAAA;AAfJ;AAiBE;EACE,8CA1BkD;EA2BlD,WAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,uBAAA;EACA,mBAAA;EACA,QAAA;EAEA,gBApC4C;EAqC5C,gBArC4C;EAsC5C,WAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,kBAAA;EACA,iBA5C4C;EA6C5C,eAAA;AAhBJ;AAkBE;EACE,6CA9CsC;EA+CtC,WAAA;EACA,iBAAA;EAGA,aAAA;EACA,wBAAA;EACA,yBAAA;AAlBJ;AAqBE;EACE,uBAAA;EACA,mBAAA;EACA,qBAAA;EACA,WAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,cAAA;EACA,QAAA;EACA,0BAAA;AAnBJ;AAoBI;EACE,0CAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,kBAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,QAAA;AApBN;AAuBE;EACE,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,gBAAA;EACA,mBAAA;EACA,mBAAA;EACA,QAAA;AArBJ;AAuBI;EACE,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,QAAA;AArBN;AAwBI;EACE,aAAA;EACA,sBAAA;EACA,yBAAA;EACA,mBAAA;AAtBN;AAyBE;EACE,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,uBAAA;EACA,mBAAA;EACA,aAAA;EACA,0CAAA;AAvBJ;AAyBE;EACE,aAAA;EACA,wBAAA;EACA,QAAA;EACA,YAAA;EACA,gBAAA;AAvBJ;AAyBE;EACE,4BArI0C;EAsI1C,kBAAA;AAvBJ;AAyBE;EACE,sCA5IqD;EA6IrD,iCAAA;EACA,iBAAA;EACA,uBA7IwC;AAsH5C;AAyBE;EACE,gBAAA;EACA,iBAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA,EAAA,aAAA;EACA,qBAAA;EACA,+BAtJ6C;EAuJ7C,sBAAA;EACA,mBAAA;EACA,eAAA;AAvBJ;AAyBE;EACE,aAAA;EACA,sBAAA;EACA,yBAAA;EACA,kEAAA;EACA,uBAlKwC;AA2I5C;AAyBE;EACE,aAAA;EACA,mBAAA;EACA,yBAAA;EACA,QAAA;AAvBJ;AAyBE;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,QAAA;EACA,mBAAA;EACA,gBAAA;EACA,gBAAA;AAvBJ;AAyBE;EACE,sCAvLuD;EAwLvD,iCAAA;EACA,iBAAA;EACA,YAAA;EACA,gBAAA;EACA,uBA3LwC;AAoK5C;AAyBE;EACE,gBAAA;EACA,iBAAA;EAIA,aAAA;EACA,mBAAA;EACA,iBAAA;EAEA,mBAAA;EACA,cAAA;EACA,UAAA;EAEA,kBAAA;AA5BJ;AA8BE;EACE,eAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,uBAAA;EACA,mBAAA;EACA,cAAA;EACA,SAAA;AA7BJ;AAgCE;EACE,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,0BAAA;AA9BJ;AAgCE;EACE,gBAAA;EACA,gBAAA;EACA,YAAA;EACA,2BAAA;EACA,uBAAA;EACA,yBAAA;EACA,gBAAA;EACA,sBAAA;EACA,iBAAA;EACA,eAAA;EACA,2BAAA;EACA,iBAAA;EAEA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,QAAA;AA/BJ;AAiCE;EAOE,gBA1Q2C;EA2Q3C,iBAAA;EACA,YA5Q2C;EA8Q3C,WAAA;EACA,aAAA;EAEA,mBAAA;EACA,iBAAA;EAEA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,QAAA;AAzCJ;AAkBI;EACE,yBAAA;EACA,YAAA;EACA,UAAA;EACA,mBAAA;AAhBN;AAqCI;EACE,WAAA;EACA,YAAA;EACA,gBAAA;EACA,iBAAA;EACA,mCAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;EACA,YAAA;AAnCN;;AAyCA;EACE,sBAAA;AAtCF;;AAwCA;EACE,6BAAA;EACA,kBAAA;EAEA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,qBAAA;EACA,2BAAA;EACA,OAAA;EACA,kBAAA;AAtCF;;AAyCA;EACE,0BAAA;EACA,gBAAA;EACA,4BAAA;EACA,kBAAA;EACA,OAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;AAtCF;;AAwCA;EACE,4BAAA;EACA,4BAAA;EACA,YAAA;EACA,aAAA;AArCF;;AAuCA;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,kBAAA;EACA,kBAAA;AApCF;;AAsCA;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAnCF","sourcesContent":["$message-view-container-wrapper-max-height: 800px;\n$message-view-container-wrapper-min-width: 720px;\n$message-view-container-header-min-height: 64px;\n$message-view-container-chat-input-min-height: 54px;\n$message-view-container-information-min-height: 16px;\n$message-view-container-information-background-color: var(--color-background-info);\n$message-view-container-background-color: var(--secondary-background);\n$message-view-container-sender-message-background-color: var(--incoming-background);\n$message-view-container-outgoing-message-background-color: var(--outgoing-background);\n$message-view-container-message-text-color: var(--main-text);\n$message-view-container-date-time-text-color: var(--secondary-text);\n$message-view-container-ai-translate-text-color: var(--tertiary-elements);\n.message-view-container{\n // min-height: $message-view-container-wrapper-max-height;\n // max-height: $message-view-container-wrapper-max-height;\n display: flex;\n flex-flow: column nowrap;\n\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n gap: 3px;\n min-width: var(--max-width-message-view-container);\n\n\n &--header{\n min-height: $message-view-container-header-min-height;\n max-height: $message-view-container-header-min-height;\n width: 100%\n }\n &--information{\n background-color: $message-view-container-information-background-color;\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n gap: 3px;\n\n max-height: $message-view-container-information-min-height;\n min-height: $message-view-container-information-min-height;\n width: 100%;\n padding-bottom: 2px;\n padding-top: 2px;\n border-radius: 4px;\n margin-left: 20px;\n margin-right: 20px;\n line-height: $message-view-container-information-min-height;\n font-size: 11px;\n }\n &--messages{\n background-color: $message-view-container-background-color;\n width: 100%;\n max-height: calc(800px - 128px - 16px);\n // max-height: calc(100vh - 128px - 16px); // TODO: fix calc max-height\n\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-end;\n\n }\n &--system-message-wrapper{\n justify-content: center;\n align-items: center;\n justify-items: center;\n width: 100%;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n padding: 20px 0px 10px 0px;\n &__date_container{\n background-color: var(--disabled-elements);\n border-radius: 30px;\n width: 72px;\n height: 20px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: 16px;\n\n text-align: center;\n letter-spacing: 0.5px;\n justify-content: center;\n align-items: center;\n justify-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n }\n }\n &--incoming-message-wrapper{\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n margin-top: 10px;\n margin-bottom: 10px;\n padding-bottom: 8px;\n gap: 8px;\n\n &__message{\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n gap: 8px;\n }\n\n &__avatar{\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n }\n }\n &__sender-avatar{\n min-height: 36px;\n min-width: 36px;\n max-height: 36px;\n max-width: 36px;\n height: 36px;\n width: 36px;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n display: flex;\n background-color: var(--disabled-elements);\n }\n &--incoming-message-container{\n display: flex;\n flex-flow: column nowrap;\n gap: 3px;\n height: 100%;\n max-width: 504px;\n }\n &__sender-name{\n color: $message-view-container-date-time-text-color;\n padding-left: 16px;\n }\n &__sender-message{\n background: $message-view-container-sender-message-background-color;\n border-radius: 22px 22px 22px 0px;\n padding: 8px 12px;\n color: $message-view-container-message-text-color;\n }\n &__widget-ai-translate{\n text-align: left;\n margin-left: 46px;\n font-family: Roboto;\n font-size: 11px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; /* 145.455% */\n letter-spacing: 0.5px;\n color: $message-view-container-ai-translate-text-color;\n align-self: self-start;\n white-space: nowrap;\n cursor: pointer;\n }\n &__incoming-time{\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n color: $message-view-container-message-text-color;\n }\n &__status-message {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n gap: 2px;\n }\n &--outgoing-message-wrapper{\n margin-right: 20px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n gap: 8px;\n margin-bottom: 10px;\n margin-top: 10px;\n min-height: 52px;\n }\n &__outgoing-message{\n background: $message-view-container-outgoing-message-background-color;\n border-radius: 22px 22px 0px 22px;\n padding: 8px 12px;\n height: 100%;\n max-width: 504px;\n color: $message-view-container-message-text-color;\n }\n &--message-content-wrapper{\n max-width: 300px;\n max-height: 160px;\n // min-width: 300px;\n // width: 300px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n // justify-content: center;\n align-items: center;\n margin: 0 auto;\n padding: 0;\n\n border-radius: 4px;\n }\n &--file-message-content-wrapper{\n max-width: 85px;\n max-height: 32px;\n min-width: 85px;\n min-height: 32px;\n width: 85px;\n height: 32px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n gap: 12px;\n\n }\n &__file-message-icon{\n min-height: 32px;\n min-width: 32px;\n max-height: 32px;\n max-width: 32px;\n height: 32px;\n width: 32px;\n border-radius: 4px;\n background: var(--caption);\n }\n &--warning-error{\n min-height: 11px;\n max-height: 11px;\n height: 11px;\n justify-content: flex-start;\n align-items: flex-start;\n justify-items: flex-start;\n text-align: left;\n vertical-align: middle;\n line-height: 11px;\n font-size: 10px;\n color: var(--main-elements);\n font-weight: bold;\n\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n }\n &--chat-input{\n &:disabled{\n background-color: dimgrey;\n color: linen;\n opacity: 1;\n cursor: not-allowed;\n }\n min-height: $message-view-container-chat-input-min-height;\n max-height: calc(2 * $message-view-container-header-min-height + $message-view-container-chat-input-min-height);\n height: $message-view-container-chat-input-min-height;\n\n width: 100%;\n display: flex;\n //\n flex-direction: row;\n flex-wrap: nowrap;\n\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n padding-left: 12px;\n padding-right: 12px;\n padding-bottom: 2px;\n\n gap: 6px;\n\n textarea{\n width: 100%;\n height: 44px;\n min-Height: 44px;\n max-Height: calc(2 * $message-view-container-header-min-height);\n background-Color: var(--chat-input);\n border-Radius: 4px;\n padding-left: 16px;\n padding-top: 8px;\n line-height: 24px;\n font-size: 16px;\n margin: 0 auto;\n resize: none;\n }\n\n }\n}\n\n.input-text-message * {\n box-sizing: border-box;\n}\n.input-text-message {\n background: var(--chat-input);\n border-radius: 4px;\n //padding: 10px 8px 10px 16px;\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-end;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n\n.type-message {\n color: var(--field-border);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n.type-message textarea{\n color: var(--input-elements);\n font: var(--body-body-large);\n border: none;\n outline: none;\n}\n.right {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n margin-bottom: 5px;\n}\n.ai-assist-icon {\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n}\n"],"sourceRoot":""}]);
|
|
220
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".message-view-container {\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n gap: 3px;\n}\n.message-view-container--header {\n min-height: 64px;\n max-height: 64px;\n width: 100%;\n}\n.message-view-container--information {\n background-color: var(--color-background-info);\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n gap: 3px;\n max-height: 16px;\n min-height: 16px;\n width: 100%;\n padding-bottom: 2px;\n padding-top: 2px;\n border-radius: 4px;\n margin-left: 20px;\n margin-right: 20px;\n line-height: 16px;\n font-size: 11px;\n}\n.message-view-container--messages {\n background-color: var(--secondary-background);\n width: 100%;\n max-height: 656px;\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-end;\n}\n.message-view-container--system-message-wrapper {\n justify-content: center;\n align-items: center;\n justify-items: center;\n width: 100%;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n padding: 20px 0px 10px 0px;\n}\n.message-view-container--system-message-wrapper__date_container {\n border-radius: 30px;\n height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: 16px;\n text-align: center;\n letter-spacing: 0.5px;\n justify-content: center;\n align-items: center;\n justify-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n}\n.message-view-container--incoming-message-wrapper {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n margin-top: 10px;\n margin-bottom: 10px;\n padding-bottom: 8px;\n gap: 8px;\n}\n.message-view-container--incoming-message-wrapper__message {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n gap: 8px;\n}\n.message-view-container--incoming-message-wrapper__avatar {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n}\n.message-view-container__sender-avatar {\n min-height: 36px;\n min-width: 36px;\n max-height: 36px;\n max-width: 36px;\n height: 36px;\n width: 36px;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n display: flex;\n background-color: var(--disabled-elements);\n}\n.message-view-container--incoming-message-container {\n display: flex;\n flex-flow: column nowrap;\n gap: 3px;\n height: 100%;\n max-width: 504px;\n}\n.message-view-container__sender-name {\n color: var(--secondary-text);\n padding-left: 16px;\n}\n.message-view-container__sender-message {\n background: var(--incoming-background);\n border-radius: 22px 22px 22px 0px;\n padding: 8px 12px;\n color: var(--main-text);\n}\n.message-view-container__widget-ai-translate {\n text-align: left;\n margin-left: 46px;\n font-family: Roboto;\n font-size: 11px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; /* 145.455% */\n letter-spacing: 0.5px;\n color: var(--tertiary-elements);\n align-self: self-start;\n white-space: nowrap;\n cursor: pointer;\n}\n.message-view-container__incoming-time {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n color: var(--main-text);\n}\n.message-view-container__status-message {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n gap: 2px;\n}\n.message-view-container--outgoing-message-wrapper {\n margin-right: 20px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n gap: 8px;\n margin-bottom: 10px;\n margin-top: 10px;\n min-height: 52px;\n}\n.message-view-container__outgoing-message {\n background: var(--outgoing-background);\n border-radius: 22px 22px 0px 22px;\n padding: 8px 12px;\n height: 100%;\n max-width: 504px;\n color: var(--main-text);\n}\n.message-view-container--message-content-wrapper {\n max-width: 300px;\n max-height: 160px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n margin: 0 auto;\n padding: 0;\n border-radius: 4px;\n}\n.message-view-container--file-message-content-wrapper {\n max-width: 85px;\n max-height: 32px;\n min-width: 85px;\n min-height: 32px;\n width: 85px;\n height: 32px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n gap: 12px;\n}\n.message-view-container__file-message-icon {\n min-height: 32px;\n min-width: 32px;\n max-height: 32px;\n max-width: 32px;\n height: 32px;\n width: 32px;\n border-radius: 4px;\n background: var(--caption);\n}\n.message-view-container--warning-error {\n min-height: 11px;\n max-height: 11px;\n height: 11px;\n justify-content: flex-start;\n align-items: flex-start;\n justify-items: flex-start;\n text-align: left;\n vertical-align: middle;\n line-height: 11px;\n font-size: 10px;\n color: var(--main-elements);\n font-weight: bold;\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n}\n.message-view-container--chat-input {\n min-height: 54px;\n max-height: 182px;\n height: 54px;\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n padding-left: 12px;\n padding-right: 12px;\n padding-bottom: 2px;\n gap: 6px;\n}\n.message-view-container--chat-input:disabled {\n background-color: dimgrey;\n color: linen;\n opacity: 1;\n cursor: not-allowed;\n}\n.message-view-container--chat-input textarea {\n width: 100%;\n height: 44px;\n min-Height: 44px;\n max-Height: 128px;\n background-Color: var(--chat-input);\n border-Radius: 4px;\n padding-left: 16px;\n padding-top: 8px;\n line-height: 24px;\n font-size: 16px;\n margin: 0 auto;\n resize: none;\n}\n\n.input-text-message * {\n box-sizing: border-box;\n}\n\n.input-text-message {\n background: var(--chat-input);\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-end;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n\n.type-message {\n color: var(--field-border);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.type-message textarea {\n color: var(--input-elements);\n font: var(--body-body-large);\n border: none;\n outline: none;\n}\n\n.right {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n margin-bottom: 5px;\n}\n\n.ai-assist-icon {\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Dialog/Dialog.scss"],"names":[],"mappings":"AAYA;EAGE,aAAA;EACA,wBAAA;EAEA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,QAAA;AAdF;AAkBE;EACE,gBAxBuC;EAyBvC,gBAzBuC;EA0BvC,WAAA;AAhBJ;AAkBE;EACE,8CA1BkD;EA2BlD,WAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,uBAAA;EACA,mBAAA;EACA,QAAA;EAEA,gBApC4C;EAqC5C,gBArC4C;EAsC5C,WAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,kBAAA;EACA,iBA5C4C;EA6C5C,eAAA;AAjBJ;AAmBE;EACE,6CA9CsC;EA+CtC,WAAA;EACA,iBAAA;EAGA,aAAA;EACA,wBAAA;EACA,yBAAA;AAnBJ;AAsBE;EACE,uBAAA;EACA,mBAAA;EACA,qBAAA;EACA,WAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,cAAA;EACA,QAAA;EACA,0BAAA;AApBJ;AAqBI;EAEE,mBAAA;EAEA,YAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,kBAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,QAAA;AAvBN;AA0BE;EACE,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,gBAAA;EACA,mBAAA;EACA,mBAAA;EACA,QAAA;AAxBJ;AA0BI;EACE,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,QAAA;AAxBN;AA2BI;EACE,aAAA;EACA,sBAAA;EACA,yBAAA;EACA,mBAAA;AAzBN;AA4BE;EACE,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,uBAAA;EACA,mBAAA;EACA,aAAA;EACA,0CAAA;AA1BJ;AA4BE;EACE,aAAA;EACA,wBAAA;EACA,QAAA;EACA,YAAA;EACA,gBAAA;AA1BJ;AA4BE;EACE,4BArI0C;EAsI1C,kBAAA;AA1BJ;AA4BE;EACE,sCA5IqD;EA6IrD,iCAAA;EACA,iBAAA;EACA,uBA7IwC;AAmH5C;AA4BE;EACE,gBAAA;EACA,iBAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA,EAAA,aAAA;EACA,qBAAA;EACA,+BAtJ6C;EAuJ7C,sBAAA;EACA,mBAAA;EACA,eAAA;AA1BJ;AA4BE;EACE,aAAA;EACA,sBAAA;EACA,yBAAA;EACA,kEAAA;EACA,uBAlKwC;AAwI5C;AA4BE;EACE,aAAA;EACA,mBAAA;EACA,yBAAA;EACA,QAAA;AA1BJ;AA4BE;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,QAAA;EACA,mBAAA;EACA,gBAAA;EACA,gBAAA;AA1BJ;AA4BE;EACE,sCAvLuD;EAwLvD,iCAAA;EACA,iBAAA;EACA,YAAA;EACA,gBAAA;EACA,uBA3LwC;AAiK5C;AA4BE;EACE,gBAAA;EACA,iBAAA;EAIA,aAAA;EACA,mBAAA;EACA,iBAAA;EAEA,mBAAA;EACA,cAAA;EACA,UAAA;EAEA,kBAAA;AA/BJ;AAiCE;EACE,eAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,uBAAA;EACA,mBAAA;EACA,cAAA;EACA,SAAA;AAhCJ;AAmCE;EACE,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,0BAAA;AAjCJ;AAmCE;EACE,gBAAA;EACA,gBAAA;EACA,YAAA;EACA,2BAAA;EACA,uBAAA;EACA,yBAAA;EACA,gBAAA;EACA,sBAAA;EACA,iBAAA;EACA,eAAA;EACA,2BAAA;EACA,iBAAA;EAEA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,QAAA;AAlCJ;AAoCE;EAOE,gBA1Q2C;EA2Q3C,iBAAA;EACA,YA5Q2C;EA8Q3C,WAAA;EACA,aAAA;EAEA,mBAAA;EACA,iBAAA;EAEA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,QAAA;AA5CJ;AAqBI;EACE,yBAAA;EACA,YAAA;EACA,UAAA;EACA,mBAAA;AAnBN;AAwCI;EACE,WAAA;EACA,YAAA;EACA,gBAAA;EACA,iBAAA;EACA,mCAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;EACA,YAAA;AAtCN;;AA4CA;EACE,sBAAA;AAzCF;;AA2CA;EACE,6BAAA;EACA,kBAAA;EAEA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,qBAAA;EACA,2BAAA;EACA,OAAA;EACA,kBAAA;AAzCF;;AA4CA;EACE,0BAAA;EACA,gBAAA;EACA,4BAAA;EACA,kBAAA;EACA,OAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;AAzCF;;AA2CA;EACE,4BAAA;EACA,4BAAA;EACA,YAAA;EACA,aAAA;AAxCF;;AA0CA;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,kBAAA;EACA,kBAAA;AAvCF;;AAyCA;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAtCF","sourcesContent":["$message-view-container-wrapper-max-height: 800px;\n$message-view-container-wrapper-min-width: 720px;\n$message-view-container-header-min-height: 64px;\n$message-view-container-chat-input-min-height: 54px;\n$message-view-container-information-min-height: 16px;\n$message-view-container-information-background-color: var(--color-background-info);\n$message-view-container-background-color: var(--secondary-background);\n$message-view-container-sender-message-background-color: var(--incoming-background);\n$message-view-container-outgoing-message-background-color: var(--outgoing-background);\n$message-view-container-message-text-color: var(--main-text);\n$message-view-container-date-time-text-color: var(--secondary-text);\n$message-view-container-ai-translate-text-color: var(--tertiary-elements);\n.message-view-container{\n // min-height: $message-view-container-wrapper-max-height;\n // max-height: $message-view-container-wrapper-max-height;\n display: flex;\n flex-flow: column nowrap;\n\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n gap: 3px;\n // min-width: var(--max-width-message-view-container);\n\n\n &--header{\n min-height: $message-view-container-header-min-height;\n max-height: $message-view-container-header-min-height;\n width: 100%\n }\n &--information{\n background-color: $message-view-container-information-background-color;\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n gap: 3px;\n\n max-height: $message-view-container-information-min-height;\n min-height: $message-view-container-information-min-height;\n width: 100%;\n padding-bottom: 2px;\n padding-top: 2px;\n border-radius: 4px;\n margin-left: 20px;\n margin-right: 20px;\n line-height: $message-view-container-information-min-height;\n font-size: 11px;\n }\n &--messages{\n background-color: $message-view-container-background-color;\n width: 100%;\n max-height: calc(800px - 128px - 16px);\n // max-height: calc(100vh - 128px - 16px); // TODO: fix calc max-height\n\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-end;\n\n }\n &--system-message-wrapper{\n justify-content: center;\n align-items: center;\n justify-items: center;\n width: 100%;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n padding: 20px 0px 10px 0px;\n &__date_container{\n // background-color: var(--disabled-elements);\n border-radius: 30px;\n // width: 72px;\n height: 20px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: 16px;\n\n text-align: center;\n letter-spacing: 0.5px;\n justify-content: center;\n align-items: center;\n justify-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n }\n }\n &--incoming-message-wrapper{\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n margin-top: 10px;\n margin-bottom: 10px;\n padding-bottom: 8px;\n gap: 8px;\n\n &__message{\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n gap: 8px;\n }\n\n &__avatar{\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n }\n }\n &__sender-avatar{\n min-height: 36px;\n min-width: 36px;\n max-height: 36px;\n max-width: 36px;\n height: 36px;\n width: 36px;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n display: flex;\n background-color: var(--disabled-elements);\n }\n &--incoming-message-container{\n display: flex;\n flex-flow: column nowrap;\n gap: 3px;\n height: 100%;\n max-width: 504px;\n }\n &__sender-name{\n color: $message-view-container-date-time-text-color;\n padding-left: 16px;\n }\n &__sender-message{\n background: $message-view-container-sender-message-background-color;\n border-radius: 22px 22px 22px 0px;\n padding: 8px 12px;\n color: $message-view-container-message-text-color;\n }\n &__widget-ai-translate{\n text-align: left;\n margin-left: 46px;\n font-family: Roboto;\n font-size: 11px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; /* 145.455% */\n letter-spacing: 0.5px;\n color: $message-view-container-ai-translate-text-color;\n align-self: self-start;\n white-space: nowrap;\n cursor: pointer;\n }\n &__incoming-time{\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n color: $message-view-container-message-text-color;\n }\n &__status-message {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n gap: 2px;\n }\n &--outgoing-message-wrapper{\n margin-right: 20px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n gap: 8px;\n margin-bottom: 10px;\n margin-top: 10px;\n min-height: 52px;\n }\n &__outgoing-message{\n background: $message-view-container-outgoing-message-background-color;\n border-radius: 22px 22px 0px 22px;\n padding: 8px 12px;\n height: 100%;\n max-width: 504px;\n color: $message-view-container-message-text-color;\n }\n &--message-content-wrapper{\n max-width: 300px;\n max-height: 160px;\n // min-width: 300px;\n // width: 300px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n // justify-content: center;\n align-items: center;\n margin: 0 auto;\n padding: 0;\n\n border-radius: 4px;\n }\n &--file-message-content-wrapper{\n max-width: 85px;\n max-height: 32px;\n min-width: 85px;\n min-height: 32px;\n width: 85px;\n height: 32px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n gap: 12px;\n\n }\n &__file-message-icon{\n min-height: 32px;\n min-width: 32px;\n max-height: 32px;\n max-width: 32px;\n height: 32px;\n width: 32px;\n border-radius: 4px;\n background: var(--caption);\n }\n &--warning-error{\n min-height: 11px;\n max-height: 11px;\n height: 11px;\n justify-content: flex-start;\n align-items: flex-start;\n justify-items: flex-start;\n text-align: left;\n vertical-align: middle;\n line-height: 11px;\n font-size: 10px;\n color: var(--main-elements);\n font-weight: bold;\n\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 auto;\n gap: 3px;\n }\n &--chat-input{\n &:disabled{\n background-color: dimgrey;\n color: linen;\n opacity: 1;\n cursor: not-allowed;\n }\n min-height: $message-view-container-chat-input-min-height;\n max-height: calc(2 * $message-view-container-header-min-height + $message-view-container-chat-input-min-height);\n height: $message-view-container-chat-input-min-height;\n\n width: 100%;\n display: flex;\n //\n flex-direction: row;\n flex-wrap: nowrap;\n\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n padding-left: 12px;\n padding-right: 12px;\n padding-bottom: 2px;\n\n gap: 6px;\n\n textarea{\n width: 100%;\n height: 44px;\n min-Height: 44px;\n max-Height: calc(2 * $message-view-container-header-min-height);\n background-Color: var(--chat-input);\n border-Radius: 4px;\n padding-left: 16px;\n padding-top: 8px;\n line-height: 24px;\n font-size: 16px;\n margin: 0 auto;\n resize: none;\n }\n\n }\n}\n\n.input-text-message * {\n box-sizing: border-box;\n}\n.input-text-message {\n background: var(--chat-input);\n border-radius: 4px;\n //padding: 10px 8px 10px 16px;\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-end;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n\n.type-message {\n color: var(--field-border);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n.type-message textarea{\n color: var(--input-elements);\n font: var(--body-body-large);\n border: none;\n outline: none;\n}\n.right {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n margin-bottom: 5px;\n}\n.ai-assist-icon {\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n}\n"],"sourceRoot":""}]);
|
|
221
221
|
// Exports
|
|
222
222
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
223
223
|
|
|
@@ -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
|
|
|
@@ -289,7 +289,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
289
289
|
|
|
290
290
|
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()));
|
|
291
291
|
// Module
|
|
292
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-header-right,\n.dialog-header-right * {\n box-sizing: border-box;\n}\n\n.dialog-header-right {\n display: flex;\n flex-direction: row;\n gap:
|
|
292
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-header-right,\n.dialog-header-right * {\n box-sizing: border-box;\n}\n\n.dialog-header-right {\n display: flex;\n flex-direction: row;\n gap: 3px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-header-right-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n\n.actions-phone-filled {\n align-self: stretch;\n flex: 1;\n height: auto;\n position: relative;\n overflow: visible;\n}\n\n.status-information {\n align-self: stretch;\n flex: 1;\n height: auto;\n position: relative;\n overflow: visible;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Dialog/DialogHeader/RenderRightActions/RenderRightActions.scss"],"names":[],"mappings":"AAAA;;EAEE,sBAAA;AACF;;AACA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAEF;;AAAA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAGF;;AADA;EACE,mBAAA;EACA,OAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;AAIF;;AAFA;EACE,mBAAA;EACA,OAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;AAKF","sourcesContent":[".dialog-header-right,\n.dialog-header-right * {\n box-sizing: border-box;\n}\n.dialog-header-right {\n display: flex;\n flex-direction: row;\n gap: 3px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-header-right-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n.actions-phone-filled {\n align-self: stretch;\n flex: 1;\n height: auto;\n position: relative;\n overflow: visible;\n}\n.status-information {\n align-self: stretch;\n flex: 1;\n height: auto;\n position: relative;\n overflow: visible;\n}\n\n"],"sourceRoot":""}]);
|
|
293
293
|
// Exports
|
|
294
294
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
295
295
|
|
|
@@ -481,7 +481,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
481
481
|
|
|
482
482
|
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()));
|
|
483
483
|
// Module
|
|
484
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".high-light-link-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n width: 240px;\n height: 70px;\n background: #E4E6E8;\n border-radius: 8px;\n flex: none;\n order: 0;\n flex-grow: 0;\n}\n.high-light-link-container--header-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 6px 16px;\n width: 240px;\n height: 32px;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n}\n.high-light-link-container--header-wrapper__link_url {\n width: 208px;\n height: 20px;\n text-decoration: none;\n cursor: pointer;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n align-items: center;\n letter-spacing: 0.25px;\n color: #636D78;\n flex: none;\n order: 0;\n flex-grow: 1;\n}\n.high-light-link-container--footer-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 8px 16px;\n width: 240px;\n height: 32px;\n flex: none;\n order: 4;\n align-self: stretch;\n flex-grow: 0;\n}\n.high-light-link-container--footer-wrapper__content {\n width: 208px;\n height: 16px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: 16px;\n display: flex;\n align-items: center;\n letter-spacing: 0.5px;\n color: #636D78;\n flex: none;\n order: 0;\n flex-grow: 1;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,YAAA;EAEA,YAAA;EACA,YAAA;EAEA,mBAAA;EACA,kBAAA;EAEA,UAAA;EACA,QAAA;EACA,YAAA;AAFF;AAIE;EACE,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,iBAAA;EAEA,YAAA;EACA,YAAA;EAEA,UAAA;EACA,QAAA;EACA,mBAAA;EACA,YAAA;AAJJ;AAMI;EACE,YAAA;EACA,YAAA;EAEA,qBAAA;EACA,eAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EAEA,cAAA;EAEA,UAAA;EACA,QAAA;EACA,YAAA;AATN;AAaE;EACE,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,iBAAA;EAEA,YAAA;EACA,YAAA;EAEA,UAAA;EACA,QAAA;EACA,mBAAA;EACA,YAAA;AAbJ;AAeI;EACE,YAAA;EACA,YAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,qBAAA;EAEA,cAAA;EAEA,UAAA;EACA,QAAA;EACA,YAAA;AAjBN","sourcesContent":[".high-light-link-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n\n width: 240px;\n height: 70px;\n\n background: #E4E6E8;\n border-radius: 8px;\n\n flex: none;\n order: 0;\n flex-grow: 0;\n\n &--header-wrapper{\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 6px 16px;\n\n width: 240px;\n height: 32px;\n\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n\n &__link_url{\n width: 208px;\n height: 20px;\n\n text-decoration: none;\n cursor: pointer;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.25px;\n\n color: #636D78;\n\n flex: none;\n order: 0;\n flex-grow: 1;\n }\n }\n\n &--footer-wrapper{\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 8px 16px;\n\n width: 240px;\n height: 32px;\n\n flex: none;\n order: 4;\n align-self: stretch;\n flex-grow: 0;\n\n &__content{\n width: 208px;\n height: 16px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: 16px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.5px;\n\n color: #636D78;\n\n flex: none;\n order: 0;\n flex-grow: 1;\n }\n }\n}\n\n"],"sourceRoot":""}]);
|
|
484
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".high-light-link-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n width: 240px;\n height: 70px;\n background: #E4E6E8;\n border-radius: 8px;\n flex: none;\n order: 0;\n flex-grow: 0;\n}\n.high-light-link-container--header-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 6px 16px;\n width: 240px;\n height: 32px;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n}\n.high-light-link-container--header-wrapper__link_url {\n width: 208px;\n height: 20px;\n text-decoration: none;\n cursor: pointer;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n align-items: center;\n letter-spacing: 0.25px;\n color: #636D78;\n flex: none;\n order: 0;\n flex-grow: 1;\n}\n.high-light-link-container--footer-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 8px 16px;\n width: 240px;\n height: 32px;\n flex: none;\n order: 4;\n align-self: stretch;\n flex-grow: 0;\n}\n.high-light-link-container--footer-wrapper__content {\n width: 208px;\n height: 16px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: 16px;\n display: flex;\n align-items: center;\n letter-spacing: 0.5px;\n color: #636D78;\n flex: none;\n order: 0;\n flex-grow: 1;\n}\n\n.message-urls {\n max-width: calc(var(--max-width-message-bubble) - 20px);\n overflow-wrap: break-word;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,YAAA;EAEA,YAAA;EACA,YAAA;EAEA,mBAAA;EACA,kBAAA;EAEA,UAAA;EACA,QAAA;EACA,YAAA;AAFF;AAIE;EACE,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,iBAAA;EAEA,YAAA;EACA,YAAA;EAEA,UAAA;EACA,QAAA;EACA,mBAAA;EACA,YAAA;AAJJ;AAMI;EACE,YAAA;EACA,YAAA;EAEA,qBAAA;EACA,eAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EAEA,cAAA;EAEA,UAAA;EACA,QAAA;EACA,YAAA;AATN;AAaE;EACE,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,iBAAA;EAEA,YAAA;EACA,YAAA;EAEA,UAAA;EACA,QAAA;EACA,mBAAA;EACA,YAAA;AAbJ;AAeI;EACE,YAAA;EACA,YAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,qBAAA;EAEA,cAAA;EAEA,UAAA;EACA,QAAA;EACA,YAAA;AAjBN;;AAsBA;EACE,uDAAA;EACA,yBAAA;AAnBF","sourcesContent":[".high-light-link-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n\n width: 240px;\n height: 70px;\n\n background: #E4E6E8;\n border-radius: 8px;\n\n flex: none;\n order: 0;\n flex-grow: 0;\n\n &--header-wrapper{\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 6px 16px;\n\n width: 240px;\n height: 32px;\n\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n\n &__link_url{\n width: 208px;\n height: 20px;\n\n text-decoration: none;\n cursor: pointer;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.25px;\n\n color: #636D78;\n\n flex: none;\n order: 0;\n flex-grow: 1;\n }\n }\n\n &--footer-wrapper{\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 8px 16px;\n\n width: 240px;\n height: 32px;\n\n flex: none;\n order: 4;\n align-self: stretch;\n flex-grow: 0;\n\n &__content{\n width: 208px;\n height: 16px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: 16px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.5px;\n\n color: #636D78;\n\n flex: none;\n order: 0;\n flex-grow: 1;\n }\n }\n}\n\n.message-urls {\n max-width: calc(var(--max-width-message-bubble) - 20px);\n overflow-wrap: break-word;\n}\n\n"],"sourceRoot":""}]);
|
|
485
485
|
// Exports
|
|
486
486
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
487
487
|
|
|
@@ -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
|
|
|
@@ -937,7 +937,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
937
937
|
|
|
938
938
|
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()));
|
|
939
939
|
// Module
|
|
940
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".header-dialog-info,\n.header-dialog-info * {\n box-sizing: border-box;\n}\n\n.header-dialog-info {\n background: var(--color-background, #ffffff);\n padding: 16px 16px 16px 24px;\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 border-bottom: 1px solid var(--divider);\n}\n\n.header-dialog-info-headline {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-large);\n position: relative;\n}\n\n.header-dialog-info-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n\n.dialog-information-profile,\n.dialog-information-profile * {\n box-sizing: border-box;\n}\n\n.dialog-information-profile {\n background: var(--color-background, #ffffff);\n padding: 24px 0px 24px 0px;\n align-self: stretch;\n flex-flow: column;\n flex-shrink: 0;\n height: 160px;\n position: relative;\n border-bottom: 1px solid var(--divider);\n}\n\n.dialog-information-profile-avatar {\n height: 80px;\n left: 140px;\n top: 24px;\n}\n\n.dialog-info-profile-avatar-default-icon {\n display: flex;\n justify-content: center;\n}\n\n.dialog-info-profile-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n height: 81px;\n width: 81px;\n top: 24px;\n}\n\n.dialog-info-profile-avatar-contents {\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-information-profile-dialog-name {\n margin-top: 8px;\n color: var(--main-text, #0b1b0f);\n text-align: center;\n font: var(--title-title-medium);\n left: 134.5px;\n top: 112px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dialog-information-profile-edit {\n position: relative;\n right: -10px;\n border-radius: 4px;\n padding: 8px 56px 0px 0px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n}\n\n.dialog-information-profile-edit-button {\n color: var(--main-elements, #3978fc);\n text-align: left;\n font: var(--button-default);\n position: relative;\n}\n\n.dialog-info-action-wrapper-settings,\n.dialog-info-action-wrapper-settings * {\n box-sizing: border-box;\n}\n\n.dialog-info-action-wrapper-settings {\n background: var(--color-background, #ffffff);\n padding: 16px;\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 border-bottom: 1px solid var(--divider);\n}\n\n.dialog-info-action-wrapper-settings-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\n.dialog-info-action-wrapper-settings-subtitle {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.dialog-info-action-wrapper-settings-contents {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n overflow: visible;\n}\n\n.dialog-info-action-wrapper-settings-right {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-info-action-wrapper-settings-right-badge {\n background: var(--disabled-elements, #bcc1c5);\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}\n\n.dialog-info-action-wrapper-settings-right-badge-title {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium);\n position: relative;\n padding: 0px 5px 0px 5px;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogInfo/DialogInfo.scss"],"names":[],"mappings":"AAUA;;EAEE,sBAAA;AATF;;AAWA;EACE,4CAAA;EACA,4BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,uCAAA;AARF;;AAUA;EACE,gCAAA;EACA,gBAAA;EACA,8BAAA;EACA,kBAAA;AAPF;;AASA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AANF;;AASA;;EAEE,sBAAA;AANF;;AAQA;EACE,4CAAA;EACA,0BAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,aAAA;EACA,kBAAA;EACA,uCAAA;AALF;;AAOA;EAEE,YAAA;EAEA,WAAA;EACA,SAAA;AANF;;AAQA;EACE,aAAA;EACA,uBAAA;AALF;;AAOA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,SAAA;AAJF;;AAMA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAHF;;AAKA;EACE,eAAA;EACA,gCAAA;EACA,kBAAA;EACA,+BAAA;EAEA,aAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AAHF;;AAKA;EACE,kBAAA;EACA,YAAA;EAEA,kBAAA;EACA,yBAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EAEA,QAAA;AAJF;;AAMA;EACE,oCAAA;EACA,gBAAA;EACA,2BAAA;EACA,kBAAA;AAHF;;AAOA;;EAEE,sBAAA;AAJF;;AAMA;EACE,4CAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,uCAAA;AAHF;;AAKA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAFF;;AAIA;EACE,gCAAA;EACA,gBAAA;EACA,4BAAA;EACA,kBAAA;EACA,OAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;AADF;;AAIA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;AADF;;AAIA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,kBAAA;AADF;;AAGA;EACE,6CAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;AAAF;;AAEA;EACE,uCAAA;EACA,kBAAA;EACA,+BAAA;EACA,kBAAA;EACA,wBAAA;AACF","sourcesContent":["$dialog-information-container-height: 800px;\n$dialog-information-container-dialog-information-height: 64px;\n\n.dialog-information-container {\n // min-height: $dialog-information-container-height;\n // max-height: $dialog-information-container-height;\n // height: $dialog-information-container-height;\n // border: 1px solid var(--divider);\n\n}\n.header-dialog-info,\n.header-dialog-info * {\n box-sizing: border-box;\n}\n.header-dialog-info {\n background: var(--color-background, #ffffff);\n padding: 16px 16px 16px 24px;\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 border-bottom: 1px solid var(--divider);\n}\n.header-dialog-info-headline {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-large);\n position: relative;\n}\n.header-dialog-info-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n\n.dialog-information-profile,\n.dialog-information-profile * {\n box-sizing: border-box;\n}\n.dialog-information-profile {\n background: var(--color-background, #ffffff);\n padding: 24px 0px 24px 0px;\n align-self: stretch;\n flex-flow: column;\n flex-shrink: 0;\n height: 160px;\n position: relative;\n border-bottom: 1px solid var(--divider);\n}\n.dialog-information-profile-avatar {\n // width: 80px;\n height: 80px;\n // position: absolute;\n left: 140px;\n top: 24px;\n}\n.dialog-info-profile-avatar-default-icon {\n display: flex;\n justify-content: center;\n}\n.dialog-info-profile-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n height: 81px;\n width: 81px;\n top: 24px;\n}\n.dialog-info-profile-avatar-contents {\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-information-profile-dialog-name {\n margin-top: 8px;\n color: var(--main-text, #0b1b0f);\n text-align: center;\n font: var(--title-title-medium);\n // position: absolute;\n left: 134.5px;\n top: 112px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.dialog-information-profile-edit {\n position: relative;\n right: -10px;\n //top: 30px;\n border-radius: 4px;\n padding: 8px 56px 0px 0px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n position: absolute;\n //left: 294px;\n top: 8px;\n}\n.dialog-information-profile-edit-button {\n color: var(--main-elements, #3978fc);\n text-align: left;\n font: var(--button-default);\n position: relative;\n}\n\n\n.dialog-info-action-wrapper-settings,\n.dialog-info-action-wrapper-settings * {\n box-sizing: border-box;\n}\n.dialog-info-action-wrapper-settings {\n background: var(--color-background, #ffffff);\n padding: 16px;\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 border-bottom: 1px solid var(--divider);\n}\n.dialog-info-action-wrapper-settings-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.dialog-info-action-wrapper-settings-subtitle {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.dialog-info-action-wrapper-settings-contents {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n overflow: visible;\n}\n\n.dialog-info-action-wrapper-settings-right {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-info-action-wrapper-settings-right-badge {\n background: var(--disabled-elements, #bcc1c5);\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}\n.dialog-info-action-wrapper-settings-right-badge-title {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium);\n position: relative;\n padding: 0px 5px 0px 5px;\n}\n\n"],"sourceRoot":""}]);
|
|
940
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".header-dialog-info,\n.header-dialog-info * {\n box-sizing: border-box;\n}\n\n.header-dialog-info {\n background: var(--color-background, #ffffff);\n padding: 16px 16px 16px 24px;\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 border-bottom: 1px solid var(--divider);\n}\n\n.header-dialog-info-headline {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-large);\n position: relative;\n}\n\n.header-dialog-info-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n\n.dialog-information-profile,\n.dialog-information-profile * {\n box-sizing: border-box;\n}\n\n.dialog-information-profile {\n background: var(--color-background, #ffffff);\n padding: 24px 0px 24px 0px;\n align-self: stretch;\n flex-flow: column;\n flex-shrink: 0;\n height: 160px;\n position: relative;\n border-bottom: 1px solid var(--divider);\n}\n\n.dialog-information-profile-avatar {\n height: 80px;\n left: 140px;\n top: 24px;\n}\n\n.dialog-info-profile-avatar-default-icon {\n display: flex;\n justify-content: center;\n}\n\n.dialog-info-profile-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n height: 81px;\n width: 81px;\n top: 24px;\n}\n\n.dialog-info-profile-avatar-contents {\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-information-profile-dialog-name {\n margin-top: 8px;\n color: var(--main-text, #0b1b0f);\n text-align: center;\n font: var(--title-title-medium);\n left: 134.5px;\n top: 112px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dialog-information-profile-edit {\n position: relative;\n right: -10px;\n border-radius: 4px;\n padding: 8px 56px 0px 0px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n}\n\n.dialog-information-profile-edit-button {\n color: var(--main-elements, #3978fc);\n text-align: left;\n font: var(--button-default);\n position: relative;\n}\n\n.dialog-info-action-wrapper-settings,\n.dialog-info-action-wrapper-settings * {\n box-sizing: border-box;\n}\n\n.dialog-info-action-wrapper-settings {\n background: var(--color-background, #ffffff);\n padding: 16px;\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 border-bottom: 1px solid var(--divider);\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-info-action-wrapper-settings {\n padding: 6px;\n }\n}\n.no-padding {\n padding: 0;\n}\n\n.dialog-info-action-wrapper-settings-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\n.dialog-info-action-wrapper-settings-subtitle {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.dialog-info-action-wrapper-settings-contents {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n overflow: visible;\n}\n\n.dialog-info-action-wrapper-settings-right {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-info-action-wrapper-settings-right-badge {\n background: var(--disabled-elements, #bcc1c5);\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}\n\n.dialog-info-action-wrapper-settings-right-badge-title {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium);\n position: relative;\n padding: 0px 5px 0px 5px;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogInfo/DialogInfo.scss"],"names":[],"mappings":"AAUA;;EAEE,sBAAA;AATF;;AAWA;EACE,4CAAA;EACA,4BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,uCAAA;AARF;;AAUA;EACE,gCAAA;EACA,gBAAA;EACA,8BAAA;EACA,kBAAA;AAPF;;AASA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AANF;;AASA;;EAEE,sBAAA;AANF;;AAQA;EACE,4CAAA;EACA,0BAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,aAAA;EACA,kBAAA;EACA,uCAAA;AALF;;AAOA;EAEE,YAAA;EAEA,WAAA;EACA,SAAA;AANF;;AAQA;EACE,aAAA;EACA,uBAAA;AALF;;AAOA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,SAAA;AAJF;;AAMA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAHF;;AAKA;EACE,eAAA;EACA,gCAAA;EACA,kBAAA;EACA,+BAAA;EAEA,aAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AAHF;;AAKA;EACE,kBAAA;EACA,YAAA;EAEA,kBAAA;EACA,yBAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EAEA,QAAA;AAJF;;AAMA;EACE,oCAAA;EACA,gBAAA;EACA,2BAAA;EACA,kBAAA;AAHF;;AAOA;;EAEE,sBAAA;AAJF;;AAMA;EACE,4CAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,uCAAA;AAHF;;AAKA;EACE;IACE,YAAA;EAFF;AACF;AAIA;EACE,UAAA;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;;AAGA;EACE,gCAAA;EACA,gBAAA;EACA,4BAAA;EACA,kBAAA;EACA,OAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;AAAF;;AAGA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;AAAF;;AAGA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,kBAAA;AAAF;;AAEA;EACE,6CAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;AACF;;AACA;EACE,uCAAA;EACA,kBAAA;EACA,+BAAA;EACA,kBAAA;EACA,wBAAA;AAEF","sourcesContent":["$dialog-information-container-height: 800px;\n$dialog-information-container-dialog-information-height: 64px;\n\n.dialog-information-container {\n // min-height: $dialog-information-container-height;\n // max-height: $dialog-information-container-height;\n // height: $dialog-information-container-height;\n // border: 1px solid var(--divider);\n\n}\n.header-dialog-info,\n.header-dialog-info * {\n box-sizing: border-box;\n}\n.header-dialog-info {\n background: var(--color-background, #ffffff);\n padding: 16px 16px 16px 24px;\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 border-bottom: 1px solid var(--divider);\n}\n.header-dialog-info-headline {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-large);\n position: relative;\n}\n.header-dialog-info-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n\n.dialog-information-profile,\n.dialog-information-profile * {\n box-sizing: border-box;\n}\n.dialog-information-profile {\n background: var(--color-background, #ffffff);\n padding: 24px 0px 24px 0px;\n align-self: stretch;\n flex-flow: column;\n flex-shrink: 0;\n height: 160px;\n position: relative;\n border-bottom: 1px solid var(--divider);\n}\n.dialog-information-profile-avatar {\n // width: 80px;\n height: 80px;\n // position: absolute;\n left: 140px;\n top: 24px;\n}\n.dialog-info-profile-avatar-default-icon {\n display: flex;\n justify-content: center;\n}\n.dialog-info-profile-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n height: 81px;\n width: 81px;\n top: 24px;\n}\n.dialog-info-profile-avatar-contents {\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-information-profile-dialog-name {\n margin-top: 8px;\n color: var(--main-text, #0b1b0f);\n text-align: center;\n font: var(--title-title-medium);\n // position: absolute;\n left: 134.5px;\n top: 112px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.dialog-information-profile-edit {\n position: relative;\n right: -10px;\n //top: 30px;\n border-radius: 4px;\n padding: 8px 56px 0px 0px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n position: absolute;\n //left: 294px;\n top: 8px;\n}\n.dialog-information-profile-edit-button {\n color: var(--main-elements, #3978fc);\n text-align: left;\n font: var(--button-default);\n position: relative;\n}\n\n\n.dialog-info-action-wrapper-settings,\n.dialog-info-action-wrapper-settings * {\n box-sizing: border-box;\n}\n.dialog-info-action-wrapper-settings {\n background: var(--color-background, #ffffff);\n padding: 16px;\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 border-bottom: 1px solid var(--divider);\n}\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-info-action-wrapper-settings {\n padding: 6px;\n }\n}\n.no-padding {\n padding: 0;\n}\n.dialog-info-action-wrapper-settings-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.dialog-info-action-wrapper-settings-subtitle {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.dialog-info-action-wrapper-settings-contents {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n position: relative;\n overflow: visible;\n}\n\n.dialog-info-action-wrapper-settings-right {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-info-action-wrapper-settings-right-badge {\n background: var(--disabled-elements, #bcc1c5);\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}\n.dialog-info-action-wrapper-settings-right-badge-title {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium);\n position: relative;\n padding: 0px 5px 0px 5px;\n}\n\n"],"sourceRoot":""}]);
|
|
941
941
|
// Exports
|
|
942
942
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
943
943
|
|
|
@@ -961,7 +961,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
961
961
|
|
|
962
962
|
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()));
|
|
963
963
|
// Module
|
|
964
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".members-container
|
|
964
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".members-container-header,\n.members-container-header * {\n box-sizing: border-box;\n}\n\n.members-container-header {\n background: var(--color-background, #ffffff);\n padding: 16px 16px 16px 24px;\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.members-container-header-left {\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.members-container-header-left-headline {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-large);\n position: relative;\n}\n\n.members-container-header-left-headline-badge {\n background: var(--disabled-elements, #bcc1c5);\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}\n\n.members-container-header-left-headline-badge-value {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium);\n position: relative;\n}\n\n.members-container-header-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n\n.members-container-search,\n.members-container-search * {\n box-sizing: border-box;\n}\n\n.members-container-search {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.members-container-search-text-field {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: column;\n gap: 8px;\n align-items: flex-start;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.members-container-search-text-field-f {\n border-radius: 4px;\n border-style: solid;\n border-color: var(--tertiary-elements, #636d78);\n border-width: 1px;\n padding: 6px 8px 6px 8px;\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.members-container-search-text-field-f-left {\n display: flex;\n flex-direction: row;\n gap: 6px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.members-container-search-text-field-f-left-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n\n.members-container-search-text-field-f-left-input {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n.members-container-search-text-field-f-left-input input {\n color: var(--secondary-text);\n background-color: var(--main-background);\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\n.members-container-search-text-field-f-right {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n}\n\n.members-container-members-list-wrapper {\n display: flex;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogInfo/MembersList/MembersList.scss"],"names":[],"mappings":"AAGA;;EAEE,sBAAA;AAFF;;AAIA;EACE,4CAAA;EACA,4BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AADF;;AAGA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAAF;;AAEA;EACE,gCAAA;EACA,gBAAA;EACA,8BAAA;EACA,kBAAA;AACF;;AACA;EACE,6CAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;AAEF;;AAAA;EACE,uCAAA;EACA,kBAAA;EACA,+BAAA;EACA,kBAAA;AAGF;;AADA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAIF;;AAAA;;EAEE,sBAAA;AAGF;;AADA;EACE,aAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAIF;;AAFA;EACE,4CAAA;EACA,aAAA;EACA,sBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAKF;;AAHA;EACE,kBAAA;EACA,mBAAA;EACA,+CAAA;EACA,iBAAA;EACA,wBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAMF;;AAJA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAOF;;AALA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAQF;;AANA;EACE,qCAAA;EACA,gBAAA;EACA,4BAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;AASF;AAPE;EACE,4BAAA;EACA,wCAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EAEA,YAAA;EACA,aAAA;AAMJ;;AAHA;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,kBAAA;AAMF;;AAHA;EACE,aAAA;AAMF","sourcesContent":[".members-container{\n //min-width: 320px; // todo artik 23.12.2023\n}\n.members-container-header,\n.members-container-header * {\n box-sizing: border-box;\n}\n.members-container-header {\n background: var(--color-background, #ffffff);\n padding: 16px 16px 16px 24px;\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.members-container-header-left {\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.members-container-header-left-headline {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-large);\n position: relative;\n}\n.members-container-header-left-headline-badge {\n background: var(--disabled-elements, #bcc1c5);\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}\n.members-container-header-left-headline-badge-value {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium);\n position: relative;\n}\n.members-container-header-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n\n\n.members-container-search,\n.members-container-search * {\n box-sizing: border-box;\n}\n.members-container-search {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.members-container-search-text-field {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: column;\n gap: 8px;\n align-items: flex-start;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.members-container-search-text-field-f {\n border-radius: 4px;\n border-style: solid;\n border-color: var(--tertiary-elements, #636d78);\n border-width: 1px;\n padding: 6px 8px 6px 8px;\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.members-container-search-text-field-f-left {\n display: flex;\n flex-direction: row;\n gap: 6px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.members-container-search-text-field-f-left-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n.members-container-search-text-field-f-left-input {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-large);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n input {\n color: var(--secondary-text);\n background-color: var(--main-background);\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.members-container-search-text-field-f-right {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n position: relative;\n}\n\n.members-container-members-list-wrapper{\n display: flex;\n //max-height: 660px; // todo artik 23.12.2023\n //height: 660px;\n}\n\n"],"sourceRoot":""}]);
|
|
965
965
|
// Exports
|
|
966
966
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
967
967
|
|
|
@@ -1033,7 +1033,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1033
1033
|
|
|
1034
1034
|
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()));
|
|
1035
1035
|
// Module
|
|
1036
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-list {\n min-width: var(--max-width-dialog-list);\n width: 100%;\n border: 1px solid var(--divider);\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-list {\n width: 100%;\n border: 1px solid var(--divider);\n }\n}\n.scroll-box {\n
|
|
1036
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-list {\n min-width: var(--max-width-dialog-list);\n width: 100%;\n border: 1px solid var(--divider);\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-list {\n width: 100%;\n border: 1px solid var(--divider);\n }\n}\n.scroll-box {\n scrollbar-width: none !important;\n overflow-y: scroll;\n overflow-x: hidden;\n}\n.scroll-box::-webkit-scrollbar {\n width: 0px;\n background: transparent;\n}\n.scroll-box::-webkit-scrollbar-thumb {\n width: 0px;\n background: transparent;\n}\n.scroll-box.scroll-box.border {\n padding-bottom: 12px;\n margin-bottom: 23px;\n border-bottom: 2px solid rgba(44, 128, 226, 0.08);\n}\n\n.scroll-box:hover {\n overflow-y: auto !important;\n overflow-x: hidden;\n scrollbar-width: none !important;\n}\n\n.scroll-dialogs-container {\n flex: 1 1 200px;\n width: 100%;\n max-height: 200px;\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-end;\n}\n\n.search-dialog-name-input {\n margin: 16px;\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 height: 44px;\n border: 1px solid #90979F;\n border-radius: 4px;\n background-color: var(--main-background);\n color: var(--secondary-text);\n}\n.search-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}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogList/DialogList.scss"],"names":[],"mappings":"AAAA;EACE,uCAAA;EACA,WAAA;EACA,gCAAA;AACF;;AAEA;EACE;IACE,WAAA;IACA,gCAAA;EACF;AACF;AAEA;EAEE,gCAAA;EAEA,kBAAA;EACA,kBAAA;AAFF;AAGE;EACE,UAAA;EACA,uBAAA;AADJ;AAIE;EACE,UAAA;EACA,uBAAA;AAFJ;AAKE;EACE,oBAAA;EACA,mBAAA;EACA,iDAAA;AAHJ;;AAMA;EACE,2BAAA;EACA,kBAAA;EACA,gCAAA;AAHF;;AAKA;EACE,eAAA;EACA,WAAA;EACA,iBAAA;EAEA,aAAA;EACA,wBAAA;EACA,yBAAA;AAHF;;AAMA;EACE,YAAA;EAEA,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;EAEA,mBAAA;EACA,kBAAA;EACA,YAAA;EAEA,YAAA;EAEA,yBAAA;EACA,kBAAA;EAEA,wCAAA;EACA,4BAAA;AARF;AAUE;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;AAXJ","sourcesContent":[".dialog-list {\n min-width: var(--max-width-dialog-list);\n width: 100%;\n border: 1px solid var(--divider);\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-list {\n width: 100%;\n border: 1px solid var(--divider);\n }\n}\n\n.scroll-box{\n // overflow: hidden !important; //todo artik changed 28.12.2023\n scrollbar-width: none !important;\n ///\n overflow-y: scroll; //todo artik changed 28.12.2023\n overflow-x: hidden; //todo artik changed 28.12.2023\n &::-webkit-scrollbar {\n width: 0px;\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n width: 0px;\n background: transparent;\n }\n\n &.scroll-box.border {\n padding-bottom: 12px;\n margin-bottom: 23px;\n border-bottom: 2px solid rgba($color: #2c80e2, $alpha: 0.08);\n }\n}\n.scroll-box:hover{\n overflow-y: auto !important;\n overflow-x: hidden;\n scrollbar-width: none !important;\n}\n.scroll-dialogs-container{\n flex: 1 1 200px;\n width: 100%;\n max-height: 200px;\n\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-end;\n\n}\n.search-dialog-name-input{\n margin: 16px;\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: 288px;\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"],"sourceRoot":""}]);
|
|
1037
1037
|
// Exports
|
|
1038
1038
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1039
1039
|
|
|
@@ -1059,7 +1059,7 @@ var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBP
|
|
|
1059
1059
|
___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,700&display=swap);"]);
|
|
1060
1060
|
___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);"]);
|
|
1061
1061
|
// Module
|
|
1062
|
-
___CSS_LOADER_EXPORT___.push([module.id, "@charset \"UTF-8\";\n/*\n@font-face {\n font-family: \"Roboto-Regular\";\n src: url(\"../fonts/Roboto-Regular.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Regular.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Medium\";\n src: url(\"../fonts/Roboto-Medium.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Medium.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Medium.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Bold\";\n src: url(\"../fonts/Roboto-Bold.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Bold.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Bold.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n*/\n:root {\n --primary: #3978FC;\n --color-background: #FFFFFF;\n --color-background-modal: #C4D7FE;\n --color-background-overlay: #0B121B;\n --color-divider: #E7EFFF;\n --color-font: #0B121B;\n --color-icon: #3978FC;\n --color-background-info:#C4D7FE;\n --tertiary-elements: #636D78;\n --main-elements: #3978FC;\n --secondary-elements: #202F3E;\n --input-elements: #202F3E;\n --disabled-elements: #BCC1C5;\n --field-border: #90979F;\n --main-text: #0B121B;\n --secondary-text: #636D78;\n --caption: #90979F;\n --main-background: #FFFFFF;\n --secondary-background: #FFFFFF;\n --secondary-background-modal: rgba(19, 29, 40, 0.8);\n --incoming-background: #E4E6E8;\n --outgoing-background: #E7EFFF;\n --dropdown-background: #FFFFFF;\n --chat-input: #F7F9FF;\n --divider: #E7EFFF;\n --error: #FF3B30;\n --hightlight: #FFFDC1;\n}\n\nhtml[data-theme=dark] {\n --primary: #3978FC;\n --color-background: #0B121B;\n --color-background-modal: #131D28;\n --color-background-overlay: #0B121B;\n --color-divider: #414E5B;\n --color-font: #FFFFFF;\n --color-icon: #74A1FD;\n --color-background-info: #3978FC;\n --tertiary-elements: rgba(144, 151, 159, 0.8);\n --main-elements: #74A1FD;\n --secondary-elements: #FFFFFF;\n --input-elements: #90979F;\n --disabled-elements: #636D78;\n --field-border: #90979F;\n --main-text: #FFFFFF;\n --secondary-text: #90979F;\n --caption: #BCC1C5;\n --main-background: #202F3E;\n --secondary-background: #131D28;\n --incoming-background: #414E5B;\n --outgoing-background: #3978FC;\n --dropdown-background: #414E5B;\n --chat-input: #131D28;\n --divider: #414E5B;\n --error: #FF766E;\n --hightlight: #FFFDC1;\n}\n\n/* Fonts */\n:root {\n --title-title-large: 500 20px/24px \"Roboto\", sans-serif;\n --title-title-medium: 500 16px/24px \"Roboto\", sans-serif;\n --title-title-small: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-large: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-medium: 500 12px/16px \"Roboto\", sans-serif;\n --label-label-small: 500 11px/16px \"Roboto\", sans-serif;\n --body-body-large: 400 16px/24px \"Roboto\", sans-serif;\n --body-body-medium: 400 14px/20px \"Roboto\", sans-serif;\n --body-body-small: 400 12px/16px \"Roboto\", sans-serif;\n --button-fab: 500 14px/16px \"Roboto\", sans-serif;\n --button-default: 700 14px/16px \"Roboto\", sans-serif;\n --ui-kit-header: 500 48px \"Roboto Mono\", sans-serif;\n --ui-kit-title: 500 32px \"Roboto Mono\", sans-serif;\n --ui-kit-body: 400 17px \"Roboto Mono\", sans-serif;\n /* Width */\n --max-width-message-bubble: 480px;\n --max-width-message-view-container: 680px;\n --max-width-image-message: 240px;\n --max-width-audio-message: 300px;\n --max-width-dialog-list: 320px;\n --min-width-screen-desktop: 980px;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: \"Roboto\";\n color: var(--main-text);\n background-color: var(--main-background);\n overflow: hidden !important;\n scrollbar-width: none !important;\n}\n\n/* Media-query for mobile devices */\n@media only screen and (max-width: 980px) {\n :root {\n --max-width-message-view-container: 345px;\n --max-width-message-bubble: 170px;\n --max-width-image-message: 150px;\n --max-width-audio-message: 150px;\n --max-width-dialog-list: 100%;\n }\n}\n.header-dialogs-container {\n display: flex;\n height: 64px;\n gap: 0 30px;\n padding: 16px 16px 16px 20px;\n justify-content: space-between;\n}\n.header-dialogs-container--title_wrapper {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.0015em;\n width: 180px;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.header-dialogs-container__buttons {\n display: flex;\n align-items: center;\n gap: 29px;\n background: none;\n color: var(--color-icon);\n}\n.header-dialogs-container__buttons svg {\n width: 24px;\n height: 24px;\n viewBox: 0 0 24px 24px;\n}\n.header-dialogs-container__buttons svg path {\n fill: var(--color-icon);\n}\n\n.header-dialogs {\n border: 1px solid var(--color-divider);\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogListHeader/DialogListHeader.scss","webpack://./src/Presentation/themes/styles/_fonts.scss","webpack://./src/Presentation/themes/styles/_theme_light.scss","webpack://./src/Presentation/themes/styles/_theme_dark.scss","webpack://./src/Presentation/themes/styles/_variables.scss","webpack://./src/index.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACIhB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;ACFA;EACE,kBAAA;EACA,2BAAA;EACA,iCAAA;EACA,mCAAA;EACA,wBAAA;EACA,qBAAA;EACA,qBAAA;EAEA,+BAAA;EACA,4BAAA;EACA,wBAAA;EACA,6BAAA;EACA,yBAAA;EACA,4BAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAAA;EACA,kBAAA;EACA,0BAAA;EACA,+BAAA;EACA,mDAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;AF6BF;;AGxDA;EACE,kBAAA;EACA,2BAAA;EACA,iCAAA;EACA,mCAAA;EACA,wBAAA;EACA,qBAAA;EACA,qBAAA;EAGA,gCAAA;EACA,6CAAA;EACA,wBAAA;EACA,6BAAA;EACA,yBAAA;EACA,4BAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAAA;EACA,kBAAA;EACA,0BAAA;EACA,+BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;AHyDF;;AI9DA,UAAA;AACA;EACE,uDAAA;EACA,wDAAA;EACA,uDAAA;EACA,uDAAA;EACA,wDAAA;EACA,uDAAA;EACA,qDAAA;EACA,sDAAA;EACA,qDAAA;EACA,gDAAA;EACA,oDAAA;EACA,mDAAA;EACA,kDAAA;EACA,iDAAA;EAEF,UAAA;EACE,iCAAA;EACA,yCAAA;EACA,gCAAA;EACA,gCAAA;EACA,8BAAA;EACA,iCAAA;AJgEF;;AK7GA;EACE,sBAAA;ALgHF;;AK7GA;EACE,qBAAA;EACA,uBAAA;EACA,wCAAA;EACA,2BAAA;EACA,gCAAA;ALgHF;;AK7GA,mCAAA;AACA;EACE;IACE,yCAAA;IACA,iCAAA;IACA,gCAAA;IACA,gCAAA;IACA,6BAAA;ELgHF;AACF;AAxHA;EACE,aAAA;EACA,YAfwB;EAgBxB,WAAA;EACA,4BAAA;EACA,8BAAA;AA0HF;AAzHE;EACC,qBAhBkC;EAiBlC,kBAAA;EACA,gBAAA;EACA,eAlBgC;EAmBhC,iBAlBkC;EAmBlC,wBAAA;EAEA,YApB4B;EAqB5B,gBAAA;EAEA,uBAAA;EACA,mBAAA;EACA,gBAAA;AAyHH;AArHE;EACE,aAAA;EACA,mBAAA;EACA,SA/BiC;EAgCjC,gBAAA;EACA,wBA9B0B;AAqJ9B;AArHI;EACE,WAnC4B;EAoC5B,YAnC6B;EAoC7B,sBAAA;AAuHN;AArHI;EACE,uBAtCwB;AA6J9B;;AA5GA;EACE,sCAAA;AA+GF","sourcesContent":["@import \"../../../index\";\n\n$header-color-divider: var(--color-divider);\n$header-container-height: 64px;\n$header-container-gap-width: 30px; // 140px;\n$header-container-bottom: 20px;\n$header-container-padding-interval: 16px;\n$header-container-title-font-family: 'Roboto';\n$header-container-title-font-size: 20px;\n$header-container-title-line-height: 24px;\n$header-container-title-width: 180px;\n$header-container-buttons-gap-width: 29px;\n$header-container-svg-icon-width: 24px;\n$header-container-svg-icon-height: 24px;\n$header-container-color-icon: var(--color-icon);\n\n.header-dialogs-container{\n display: flex;\n height: $header-container-height;\n gap: 0 $header-container-gap-width;\n padding: $header-container-padding-interval $header-container-padding-interval $header-container-padding-interval $header-container-bottom;\n justify-content: space-between;\n &--title_wrapper{\n font-family: $header-container-title-font-family;\n font-style: normal;\n font-weight: 500;\n font-size: $header-container-title-font-size;\n line-height: $header-container-title-line-height;\n letter-spacing: 0.0015em;\n\n width: $header-container-title-width;\n text-align: left;\n\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n &__title{\n }\n &__buttons{\n display: flex;\n align-items: center;\n gap: $header-container-buttons-gap-width;\n background: none;\n color: $header-container-color-icon;\n\n svg{\n width:$header-container-svg-icon-width;\n height:$header-container-svg-icon-height;\n viewBox: 0 0 $header-container-svg-icon-width $header-container-svg-icon-height;\n }\n svg path {\n fill: $header-container-color-icon;\n }\n\n //#Search{\n // fill: $header-container-color-icon;\n //}\n //#NewChat{\n // fill: $header-container-color-icon;\n //}\n }\n}\n.header-dialogs{\n border: 1px solid $header-color-divider;\n}\n\n\n","@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,700&display=swap');\n////font-family: 'Ubuntu', sans-serif;\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');\n////font-family: 'Roboto', sans-serif;\n/*\n@font-face {\n font-family: \"Roboto-Regular\";\n src: url(\"../fonts/Roboto-Regular.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Regular.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Medium\";\n src: url(\"../fonts/Roboto-Medium.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Medium.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Medium.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Bold\";\n src: url(\"../fonts/Roboto-Bold.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Bold.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Bold.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n*/\n","@import \"theme_colors_scheme\";\n\n:root{\n --primary: #{$primary-500};\n --color-background: #{$primary-a-100};\n --color-background-modal: #{$primary-100};\n --color-background-overlay: #{$secondary-900};\n --color-divider: #{$primary-50};\n --color-font: #{$secondary-900};\n --color-icon: #{$primary-500};\n\n --color-background-info:#{$primary-100};\n --tertiary-elements: #{$secondary-300};\n --main-elements: #{$primary-500};\n --secondary-elements: #{$secondary-500};\n --input-elements: #{$secondary-500};\n --disabled-elements: #{$secondary-100};\n --field-border: #{$secondary-200};\n --main-text: #{$secondary-900};\n --secondary-text: #{$secondary-300};\n --caption: #{$secondary-200};\n --main-background: #{$primary-a-100};\n --secondary-background: #{$primary-a-100}; // #{$primary-50};\n --secondary-background-modal: #{$background-overlay-light};\n --incoming-background: #{$secondary-50};\n --outgoing-background: #{$primary-50};\n --dropdown-background: #{$primary-a-100};\n --chat-input: #{$primary-a-200};\n --divider: #{$primary-50};\n --error: #{$error-500};\n --hightlight: #{$highlight};\n\n}\n","@import \"theme_colors_scheme\";\n// https://sass-lang.com/documentation/breaking-changes/css-vars\n\nhtml[data-theme=\"dark\"]{\n --primary: #{$primary-500};\n --color-background: #{$secondary-900};\n --color-background-modal: #{$secondary-800};\n --color-background-overlay: #{$secondary-900};\n --color-divider: #{$secondary-400};\n --color-font: #{$primary-a-100};\n --color-icon: #{$primary-300};\n\n\n --color-background-info: #{$primary-500};\n --tertiary-elements: #{$background-overlay-dark};\n --main-elements: #{$primary-300};\n --secondary-elements: #{$primary-a-100};\n --input-elements: #{$secondary-200};\n --disabled-elements: #{$secondary-300};\n --field-border: #{$secondary-200};\n --main-text: #{$primary-a-100};\n --secondary-text: #{$secondary-200};\n --caption: #{$secondary-100};\n --main-background: #{$secondary-500};\n --secondary-background: #{$secondary-800};\n --incoming-background: #{$secondary-400};\n --outgoing-background: #{$primary-500};\n --dropdown-background: #{$secondary-400};\n --chat-input: #{$secondary-800};\n --divider: #{$secondary-400};\n --error: #{$error-300};\n --hightlight: #{$highlight};\n}\n","@import \"theme_light\";\n@import \"theme_dark\";\n\n$qb-min-width-screen-desktop: 980px;\n\n$qb-max-width-screen: 980px;\n\n$qb-max-width-message-view-container-desktop: 680px;\n$qb-max-width-message-view-container-mobile: 345px;\n\n$qb-max-width-message-bubble-desktop: 480px;\n$qb-max-width-message-bubble-mobile: 170px;\n\n$qb-max-width-image-message-desktop: 240px;\n$qb-max-width-image-message-mobile: 150px;\n\n$qb-max-width-audio-message-desktop: 300px;\n$qb-max-width-audio-message-mobile: 150px;\n\n$qb-max-width-dialog-list-desktop: 320px;\n$qb-max-width-dialog-list-mobile: 100%;\n\n$create-dialog-container-width: 380px;\n\n\n\n/* Fonts */\n:root{\n --title-title-large: 500 20px/24px \"Roboto\", sans-serif;\n --title-title-medium: 500 16px/24px \"Roboto\", sans-serif;\n --title-title-small: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-large: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-medium: 500 12px/16px \"Roboto\", sans-serif;\n --label-label-small: 500 11px/16px \"Roboto\", sans-serif;\n --body-body-large: 400 16px/24px \"Roboto\", sans-serif;\n --body-body-medium: 400 14px/20px \"Roboto\", sans-serif;\n --body-body-small: 400 12px/16px \"Roboto\", sans-serif;\n --button-fab: 500 14px/16px \"Roboto\", sans-serif;\n --button-default: 700 14px/16px \"Roboto\", sans-serif;\n --ui-kit-header: 500 48px \"Roboto Mono\", sans-serif;\n --ui-kit-title: 500 32px \"Roboto Mono\", sans-serif;\n --ui-kit-body: 400 17px \"Roboto Mono\", sans-serif;\n\n/* Width */\n --max-width-message-bubble: #{$qb-max-width-message-bubble-desktop};\n --max-width-message-view-container: #{$qb-max-width-message-view-container-desktop};\n --max-width-image-message: #{$qb-max-width-image-message-desktop};\n --max-width-audio-message: #{$qb-max-width-audio-message-desktop};\n --max-width-dialog-list: #{$qb-max-width-dialog-list-desktop};\n --min-width-screen-desktop: #{$qb-min-width-screen-desktop};\n}\n\n\n\n","@import \"Presentation/themes/styles/fonts\";\n@import \"Presentation/themes/styles/theme_colors_scheme\";\n@import \"Presentation/themes/styles/variables\";\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Roboto';\n color: var(--main-text);\n background-color: var(--main-background);\n overflow: hidden !important;\n scrollbar-width: none !important;\n}\n\n/* Media-query for mobile devices */\n@media only screen and (max-width: #{$qb-max-width-screen}) {\n :root {\n --max-width-message-view-container: #{$qb-max-width-message-view-container-mobile};\n --max-width-message-bubble: #{$qb-max-width-message-bubble-mobile};\n --max-width-image-message: #{$qb-max-width-image-message-mobile};\n --max-width-audio-message: #{$qb-max-width-audio-message-mobile};\n --max-width-dialog-list: #{$qb-max-width-dialog-list-mobile};\n }\n}\n"],"sourceRoot":""}]);
|
|
1062
|
+
___CSS_LOADER_EXPORT___.push([module.id, "@charset \"UTF-8\";\n/*\n@font-face {\n font-family: \"Roboto-Regular\";\n src: url(\"../fonts/Roboto-Regular.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Regular.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Medium\";\n src: url(\"../fonts/Roboto-Medium.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Medium.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Medium.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Bold\";\n src: url(\"../fonts/Roboto-Bold.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Bold.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Bold.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n*/\n:root {\n --primary: #3978FC;\n --color-background: #FFFFFF;\n --color-background-modal: #C4D7FE;\n --color-background-overlay: #0B121B;\n --color-divider: #E7EFFF;\n --color-font: #0B121B;\n --color-icon: #3978FC;\n --color-background-info:#C4D7FE;\n --tertiary-elements: #636D78;\n --main-elements: #3978FC;\n --secondary-elements: #202F3E;\n --input-elements: #202F3E;\n --disabled-elements: #BCC1C5;\n --field-border: #90979F;\n --main-text: #0B121B;\n --secondary-text: #636D78;\n --caption: #90979F;\n --main-background: #FFFFFF;\n --secondary-background: #FFFFFF;\n --secondary-background-modal: rgba(19, 29, 40, 0.8);\n --incoming-background: #E4E6E8;\n --outgoing-background: #E7EFFF;\n --dropdown-background: #FFFFFF;\n --chat-input: #F7F9FF;\n --divider: #E7EFFF;\n --error: #FF3B30;\n --hightlight: #FFFDC1;\n}\n\nhtml[data-theme=dark] {\n --primary: #3978FC;\n --color-background: #0B121B;\n --color-background-modal: #131D28;\n --color-background-overlay: #0B121B;\n --color-divider: #414E5B;\n --color-font: #FFFFFF;\n --color-icon: #74A1FD;\n --color-background-info: #3978FC;\n --tertiary-elements: rgba(144, 151, 159, 0.8);\n --main-elements: #74A1FD;\n --secondary-elements: #FFFFFF;\n --input-elements: #90979F;\n --disabled-elements: #636D78;\n --field-border: #90979F;\n --main-text: #FFFFFF;\n --secondary-text: #90979F;\n --caption: #BCC1C5;\n --main-background: #202F3E;\n --secondary-background: #131D28;\n --incoming-background: #414E5B;\n --outgoing-background: #3978FC;\n --dropdown-background: #414E5B;\n --chat-input: #131D28;\n --divider: #414E5B;\n --error: #FF766E;\n --hightlight: #FFFDC1;\n}\n\n/* Fonts */\n:root {\n --title-title-large: 500 20px/24px \"Roboto\", sans-serif;\n --title-title-medium: 500 16px/24px \"Roboto\", sans-serif;\n --title-title-small: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-large: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-medium: 500 12px/16px \"Roboto\", sans-serif;\n --label-label-small: 500 11px/16px \"Roboto\", sans-serif;\n --body-body-large: 400 16px/24px \"Roboto\", sans-serif;\n --body-body-medium: 400 14px/20px \"Roboto\", sans-serif;\n --body-body-small: 400 12px/16px \"Roboto\", sans-serif;\n --button-fab: 500 14px/16px \"Roboto\", sans-serif;\n --button-default: 700 14px/16px \"Roboto\", sans-serif;\n --ui-kit-header: 500 48px \"Roboto Mono\", sans-serif;\n --ui-kit-title: 500 32px \"Roboto Mono\", sans-serif;\n --ui-kit-body: 400 17px \"Roboto Mono\", sans-serif;\n /* Width */\n --max-width-message-bubble: 480px;\n --max-width-message-view-container: 680px;\n --max-width-image-message: 240px;\n --max-width-audio-message: 300px;\n --max-width-dialog-list: 320px;\n --min-width-screen-desktop: 980px;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: \"Roboto\";\n color: var(--main-text);\n background-color: var(--main-background);\n overflow: hidden !important;\n scrollbar-width: none !important;\n}\n\n/* Media-query for mobile devices */\n@media only screen and (max-width: 980px) {\n :root {\n --max-width-message-view-container: 345px;\n --max-width-message-bubble: 170px;\n --max-width-image-message: 150px;\n --max-width-audio-message: 150px;\n --max-width-dialog-list: 100%;\n }\n}\n.header-dialogs-container {\n display: flex;\n height: 64px;\n gap: 0 30px;\n padding: 16px 16px 16px 20px;\n justify-content: space-between;\n}\n.header-dialogs-container--title_wrapper {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.0015em;\n width: 100%;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.header-dialogs-container__buttons {\n display: flex;\n align-items: center;\n gap: 29px;\n background: none;\n color: var(--color-icon);\n}\n.header-dialogs-container__buttons svg {\n width: 24px;\n height: 24px;\n viewBox: 0 0 24px 24px;\n}\n.header-dialogs-container__buttons svg path {\n fill: var(--color-icon);\n}\n\n.header-dialogs {\n border: 1px solid var(--color-divider);\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogListHeader/DialogListHeader.scss","webpack://./src/Presentation/themes/styles/_fonts.scss","webpack://./src/Presentation/themes/styles/_theme_light.scss","webpack://./src/Presentation/themes/styles/_theme_dark.scss","webpack://./src/Presentation/themes/styles/_variables.scss","webpack://./src/index.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACIhB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;ACFA;EACE,kBAAA;EACA,2BAAA;EACA,iCAAA;EACA,mCAAA;EACA,wBAAA;EACA,qBAAA;EACA,qBAAA;EAEA,+BAAA;EACA,4BAAA;EACA,wBAAA;EACA,6BAAA;EACA,yBAAA;EACA,4BAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAAA;EACA,kBAAA;EACA,0BAAA;EACA,+BAAA;EACA,mDAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;AF6BF;;AGxDA;EACE,kBAAA;EACA,2BAAA;EACA,iCAAA;EACA,mCAAA;EACA,wBAAA;EACA,qBAAA;EACA,qBAAA;EAGA,gCAAA;EACA,6CAAA;EACA,wBAAA;EACA,6BAAA;EACA,yBAAA;EACA,4BAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAAA;EACA,kBAAA;EACA,0BAAA;EACA,+BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;AHyDF;;AI9DA,UAAA;AACA;EACE,uDAAA;EACA,wDAAA;EACA,uDAAA;EACA,uDAAA;EACA,wDAAA;EACA,uDAAA;EACA,qDAAA;EACA,sDAAA;EACA,qDAAA;EACA,gDAAA;EACA,oDAAA;EACA,mDAAA;EACA,kDAAA;EACA,iDAAA;EAEF,UAAA;EACE,iCAAA;EACA,yCAAA;EACA,gCAAA;EACA,gCAAA;EACA,8BAAA;EACA,iCAAA;AJgEF;;AK7GA;EACE,sBAAA;ALgHF;;AK7GA;EACE,qBAAA;EACA,uBAAA;EACA,wCAAA;EACA,2BAAA;EACA,gCAAA;ALgHF;;AK7GA,mCAAA;AACA;EACE;IACE,yCAAA;IACA,iCAAA;IACA,gCAAA;IACA,gCAAA;IACA,6BAAA;ELgHF;AACF;AAxHA;EACE,aAAA;EACA,YAfwB;EAgBxB,WAAA;EACA,4BAAA;EACA,8BAAA;AA0HF;AAzHE;EACC,qBAhBkC;EAiBlC,kBAAA;EACA,gBAAA;EACA,eAlBgC;EAmBhC,iBAlBkC;EAmBlC,wBAAA;EAGC,WAAA;EACD,gBAAA;EAEA,uBAAA;EACA,mBAAA;EACA,gBAAA;AAwHH;AApHE;EACE,aAAA;EACA,mBAAA;EACA,SAhCiC;EAiCjC,gBAAA;EACA,wBA/B0B;AAqJ9B;AApHI;EACE,WApC4B;EAqC5B,YApC6B;EAqC7B,sBAAA;AAsHN;AApHI;EACE,uBAvCwB;AA6J9B;;AA3GA;EACE,sCAAA;AA8GF","sourcesContent":["@import \"../../../index\";\n\n$header-color-divider: var(--color-divider);\n$header-container-height: 64px;\n$header-container-gap-width: 30px; // 140px;\n$header-container-bottom: 20px;\n$header-container-padding-interval: 16px;\n$header-container-title-font-family: 'Roboto';\n$header-container-title-font-size: 20px;\n$header-container-title-line-height: 24px;\n$header-container-title-width: 180px;\n$header-container-buttons-gap-width: 29px;\n$header-container-svg-icon-width: 24px;\n$header-container-svg-icon-height: 24px;\n$header-container-color-icon: var(--color-icon);\n\n.header-dialogs-container{\n display: flex;\n height: $header-container-height;\n gap: 0 $header-container-gap-width;\n padding: $header-container-padding-interval $header-container-padding-interval $header-container-padding-interval $header-container-bottom;\n justify-content: space-between;\n &--title_wrapper{\n font-family: $header-container-title-font-family;\n font-style: normal;\n font-weight: 500;\n font-size: $header-container-title-font-size;\n line-height: $header-container-title-line-height;\n letter-spacing: 0.0015em;\n\n // width: $header-container-title-width; //todo artik 28.12.2023\n width: 100%;\n text-align: left;\n\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n &__title{\n }\n &__buttons{\n display: flex;\n align-items: center;\n gap: $header-container-buttons-gap-width;\n background: none;\n color: $header-container-color-icon;\n\n svg{\n width:$header-container-svg-icon-width;\n height:$header-container-svg-icon-height;\n viewBox: 0 0 $header-container-svg-icon-width $header-container-svg-icon-height;\n }\n svg path {\n fill: $header-container-color-icon;\n }\n\n //#Search{\n // fill: $header-container-color-icon;\n //}\n //#NewChat{\n // fill: $header-container-color-icon;\n //}\n }\n}\n.header-dialogs{\n border: 1px solid $header-color-divider;\n}\n\n\n","@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,700&display=swap');\n////font-family: 'Ubuntu', sans-serif;\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');\n////font-family: 'Roboto', sans-serif;\n/*\n@font-face {\n font-family: \"Roboto-Regular\";\n src: url(\"../fonts/Roboto-Regular.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Regular.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Medium\";\n src: url(\"../fonts/Roboto-Medium.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Medium.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Medium.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Bold\";\n src: url(\"../fonts/Roboto-Bold.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Bold.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Bold.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n*/\n","@import \"theme_colors_scheme\";\n\n:root{\n --primary: #{$primary-500};\n --color-background: #{$primary-a-100};\n --color-background-modal: #{$primary-100};\n --color-background-overlay: #{$secondary-900};\n --color-divider: #{$primary-50};\n --color-font: #{$secondary-900};\n --color-icon: #{$primary-500};\n\n --color-background-info:#{$primary-100};\n --tertiary-elements: #{$secondary-300};\n --main-elements: #{$primary-500};\n --secondary-elements: #{$secondary-500};\n --input-elements: #{$secondary-500};\n --disabled-elements: #{$secondary-100};\n --field-border: #{$secondary-200};\n --main-text: #{$secondary-900};\n --secondary-text: #{$secondary-300};\n --caption: #{$secondary-200};\n --main-background: #{$primary-a-100};\n --secondary-background: #{$primary-a-100}; // #{$primary-50};\n --secondary-background-modal: #{$background-overlay-light};\n --incoming-background: #{$secondary-50};\n --outgoing-background: #{$primary-50};\n --dropdown-background: #{$primary-a-100};\n --chat-input: #{$primary-a-200};\n --divider: #{$primary-50};\n --error: #{$error-500};\n --hightlight: #{$highlight};\n\n}\n","@import \"theme_colors_scheme\";\n// https://sass-lang.com/documentation/breaking-changes/css-vars\n\nhtml[data-theme=\"dark\"]{\n --primary: #{$primary-500};\n --color-background: #{$secondary-900};\n --color-background-modal: #{$secondary-800};\n --color-background-overlay: #{$secondary-900};\n --color-divider: #{$secondary-400};\n --color-font: #{$primary-a-100};\n --color-icon: #{$primary-300};\n\n\n --color-background-info: #{$primary-500};\n --tertiary-elements: #{$background-overlay-dark};\n --main-elements: #{$primary-300};\n --secondary-elements: #{$primary-a-100};\n --input-elements: #{$secondary-200};\n --disabled-elements: #{$secondary-300};\n --field-border: #{$secondary-200};\n --main-text: #{$primary-a-100};\n --secondary-text: #{$secondary-200};\n --caption: #{$secondary-100};\n --main-background: #{$secondary-500};\n --secondary-background: #{$secondary-800};\n --incoming-background: #{$secondary-400};\n --outgoing-background: #{$primary-500};\n --dropdown-background: #{$secondary-400};\n --chat-input: #{$secondary-800};\n --divider: #{$secondary-400};\n --error: #{$error-300};\n --hightlight: #{$highlight};\n}\n","@import \"theme_light\";\n@import \"theme_dark\";\n\n$qb-min-width-screen-desktop: 980px;\n\n$qb-max-width-screen: 980px;\n\n$qb-max-width-message-view-container-desktop: 680px;\n$qb-max-width-message-view-container-mobile: 345px;\n\n$qb-max-width-message-bubble-desktop: 480px;\n$qb-max-width-message-bubble-mobile: 170px;\n\n$qb-max-width-image-message-desktop: 240px;\n$qb-max-width-image-message-mobile: 150px;\n\n$qb-max-width-audio-message-desktop: 300px;\n$qb-max-width-audio-message-mobile: 150px;\n\n$qb-max-width-dialog-list-desktop: 320px;\n$qb-max-width-dialog-list-mobile: 100%;\n\n$create-dialog-container-width: 380px;\n\n\n\n/* Fonts */\n:root{\n --title-title-large: 500 20px/24px \"Roboto\", sans-serif;\n --title-title-medium: 500 16px/24px \"Roboto\", sans-serif;\n --title-title-small: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-large: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-medium: 500 12px/16px \"Roboto\", sans-serif;\n --label-label-small: 500 11px/16px \"Roboto\", sans-serif;\n --body-body-large: 400 16px/24px \"Roboto\", sans-serif;\n --body-body-medium: 400 14px/20px \"Roboto\", sans-serif;\n --body-body-small: 400 12px/16px \"Roboto\", sans-serif;\n --button-fab: 500 14px/16px \"Roboto\", sans-serif;\n --button-default: 700 14px/16px \"Roboto\", sans-serif;\n --ui-kit-header: 500 48px \"Roboto Mono\", sans-serif;\n --ui-kit-title: 500 32px \"Roboto Mono\", sans-serif;\n --ui-kit-body: 400 17px \"Roboto Mono\", sans-serif;\n\n/* Width */\n --max-width-message-bubble: #{$qb-max-width-message-bubble-desktop};\n --max-width-message-view-container: #{$qb-max-width-message-view-container-desktop};\n --max-width-image-message: #{$qb-max-width-image-message-desktop};\n --max-width-audio-message: #{$qb-max-width-audio-message-desktop};\n --max-width-dialog-list: #{$qb-max-width-dialog-list-desktop};\n --min-width-screen-desktop: #{$qb-min-width-screen-desktop};\n}\n\n\n\n","@import \"Presentation/themes/styles/fonts\";\n@import \"Presentation/themes/styles/theme_colors_scheme\";\n@import \"Presentation/themes/styles/variables\";\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Roboto';\n color: var(--main-text);\n background-color: var(--main-background);\n overflow: hidden !important;\n scrollbar-width: none !important;\n}\n\n/* Media-query for mobile devices */\n@media only screen and (max-width: #{$qb-max-width-screen}) {\n :root {\n --max-width-message-view-container: #{$qb-max-width-message-view-container-mobile};\n --max-width-message-bubble: #{$qb-max-width-message-bubble-mobile};\n --max-width-image-message: #{$qb-max-width-image-message-mobile};\n --max-width-audio-message: #{$qb-max-width-audio-message-mobile};\n --max-width-dialog-list: #{$qb-max-width-dialog-list-mobile};\n }\n}\n"],"sourceRoot":""}]);
|
|
1063
1063
|
// Exports
|
|
1064
1064
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1065
1065
|
|
|
@@ -1083,7 +1083,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1083
1083
|
|
|
1084
1084
|
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()));
|
|
1085
1085
|
// Module
|
|
1086
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".edit-container {\n min-height: 236px;\n max-height: 236px;\n height: 236px;\n
|
|
1086
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".edit-container {\n min-height: 236px;\n max-height: 236px;\n height: 236px;\n width: 100%;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n\n.edit-btn-container {\n min-height: 34px;\n max-height: 34px;\n height: 34px;\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n}\n\n.edit-dialog-container {\n min-height: 180px;\n max-height: 180px;\n height: 180px;\n width: 100%;\n margin-bottom: 24px;\n}\n.edit-dialog-container--wrapper {\n min-height: 180px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.edit-dialog-container--wrapper__inf {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n}\n.edit-dialog-container--wrapper__icon-container {\n min-height: 56px;\n max-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.edit-dialog-container--wrapper__icon-container__icon {\n min-height: 56px;\n max-height: 56px;\n height: 56px;\n min-width: 56px;\n max-width: 56px;\n height: 56px;\n margin-top: 8px;\n background-color: var(--disabled-elements);\n border-radius: 50%;\n text-align: center;\n align-content: center;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.edit-dialog-container--wrapper__icon-container__upload {\n min-height: 32px;\n max-height: 32px;\n min-width: 80px;\n max-width: 80px;\n margin-top: 8px;\n padding-left: 16px;\n padding-top: 20px;\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(--color-icon);\n}\n.edit-dialog-container--wrapper__upload-error {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n margin-top: 5px;\n color: var(--error);\n}\n.edit-dialog-container--wrapper__dialog-name-inf {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n margin-top: 24px;\n}\n.edit-dialog-container--wrapper__dialog-name-input {\n margin-top: 8px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 6px 8px;\n width: 100%;\n height: 44px;\n border: 1px solid var(--tertiary-elements);\n border-radius: 4px;\n flex: none;\n order: 1;\n align-self: stretch;\n flex-grow: 0;\n background-color: var(--main-background);\n}\n.edit-dialog-container--wrapper__dialog-name-input input {\n color: var(--secondary-text);\n background-color: var(--main-background);\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}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/EditDialog/EditDialog.scss"],"names":[],"mappings":"AAKA;EAEE,iBANiB;EAOjB,iBAPiB;EAQjB,aARiB;EAYjB,WAAA;EAEA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AATF;;AAYA;EAEE,gBAAA;EACA,gBAAA;EACA,YAAA;EAIA,WAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,qBAAA;AAdF;;AAiBA;EACE,iBArC+B;EAsC/B,iBAtC+B;EAuC/B,aAvC+B;EA2C/B,WAAA;EAIA,mBAAA;AApBF;AAsBE;EACE,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AApBJ;AAwBI;EACE,gBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;AAvBN;AA6BI;EACE,gBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AA3BN;AA6BM;EACE,gBAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,eAAA;EACA,YAAA;EACA,eAAA;EAGA,0CAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;AA7BR;AAsCM;EACE,gBAAA;EACA,gBAAA;EACA,eAAA;EACA,eAAA;EACA,eAAA;EACA,kBAAA;EACA,iBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,wBAAA;AArCR;AA4CI;EACE,gBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;EACA,eAAA;EACA,mBAAA;AA3CN;AA8CI;EACE,gBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;EACA,gBAAA;AA7CN;AAkDI;EACE,eAAA;EAEA,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,gBAAA;EAGA,WAAA;EACA,YAAA;EAEA,0CAAA;EACA,kBAAA;EAEA,UAAA;EACA,QAAA;EACA,mBAAA;EACA,YAAA;EAEA,wCAAA;AAtDN;AAwDM;EACE,4BAAA;EACA,wCAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EAEA,YAAA;EACA,aAAA;AAzDR","sourcesContent":["$container-width: 332px;\n$container-height: 236px;\n$create-dialog-container-width: 332px;\n$create-dialog-container-height: 180px;\n\n.edit-container {\n //border: 1px solid blue;\n min-height: $container-height;\n max-height: $container-height;\n height: $container-height;\n //min-width: $container-width;\n //max-width: $container-width;\n //width: $container-width;\n width: 100%;\n\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n\n.edit-btn-container{\n //border: 3px solid black;\n min-height: 34px;\n max-height: 34px;\n height: 34px;\n //min-width: $container-width;\n //max-width: $container-width;\n //width: $container-width;\n width: 100%;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n}\n\n.edit-dialog-container {\n min-height: $create-dialog-container-height;\n max-height: $create-dialog-container-height;\n height: $create-dialog-container-height;\n //min-width: $create-dialog-container-width;\n //max-width: $create-dialog-container-width;\n //width: $create-dialog-container-width;\n width: 100%;\n\n //border: 3px solid green;\n\n margin-bottom: 24px;\n\n &--wrapper{\n min-height: 180px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n\n //border: 1px solid blue;\n\n &__inf{\n min-height: 20px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n // color: var(--color-background);\n\n //border: 1px solid orange;\n }\n\n &__icon-container {\n min-height: 56px;\n max-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n\n &__icon {\n min-height: 56px;\n max-height: 56px;\n height: 56px;\n min-width: 56px;\n max-width: 56px;\n height: 56px;\n margin-top: 8px;\n\n\n background-color: var(--disabled-elements);\n border-radius: 50%;\n text-align: center;\n align-content: center;\n display: flex;\n justify-content: center;\n align-items: center;\n\n //border: 1px solid red;\n\n &__content {\n // margin: 10px;\n }\n }\n\n &__upload {\n min-height: 32px;\n max-height: 32px;\n min-width: 80px;\n max-width: 80px;\n margin-top: 8px;\n padding-left: 16px;\n padding-top: 20px;\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(--color-icon);\n //cursor: pointer;\n\n // border: 1px solid green;\n }\n }\n\n &__upload-error{\n min-height: 20px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n margin-top: 5px;\n color: var(--error);\n }\n\n &__dialog-name-inf{\n min-height: 20px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n margin-top: 24px;\n\n //border: 1px solid orange;\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: space-between;\n align-items: center;\n padding: 6px 8px;\n\n //width: 320px;\n width: 100%;\n height: 44px;\n\n border: 1px solid var(--tertiary-elements);//#90979F;\n border-radius: 4px;\n\n flex: none;\n order: 1;\n align-self: stretch;\n flex-grow: 0;\n\n background-color: var(--main-background);\n\n input {\n color: var(--secondary-text);\n background-color: var(--main-background);\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"],"sourceRoot":""}]);
|
|
1087
1087
|
// Exports
|
|
1088
1088
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1089
1089
|
|
|
@@ -1131,7 +1131,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1131
1131
|
|
|
1132
1132
|
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()));
|
|
1133
1133
|
// Module
|
|
1134
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".create-dialog-container {\n min-height: 312px;\n max-height: 312px;\n height: 312px;\n}\n.
|
|
1134
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".create-dialog-container {\n min-height: 312px;\n max-height: 312px;\n height: 312px;\n}\n\n.item-type-dialog,\n.item-type-dialog * {\n box-sizing: border-box;\n}\n\n.item-type-dialog {\n border-radius: 4px;\n border-style: solid;\n border-color: var(--light-theme-tertiaryelements, #636d78);\n border-width: 1px;\n padding: 16px;\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.item-type-dialog-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n\n.item-type-dialog-name {\n color: var(--light-theme-maintext, #0b1b0f);\n text-align: left;\n font-family: var(--body-body-medium-font-family, \"Roboto-Regular\", sans-serif);\n font-size: var(--body-body-medium-font-size, 14px);\n line-height: var(--body-body-medium-line-height, 20px);\n font-weight: var(--body-body-medium-font-weight, 400);\n position: relative;\n flex: 1;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Flow/CreateDialog/CreateDialog.scss"],"names":[],"mappings":"AAGA;EACE,iBAH+B;EAI/B,iBAJ+B;EAK/B,aAL+B;AAGjC;;AA2CA;;EAEE,sBAAA;AAxCF;;AA0CA;EACE,kBAAA;EACA,mBAAA;EACA,0DAAA;EACA,iBAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAvCF;;AAyCA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAtCF;;AAwCA;EACE,2CAAA;EACA,gBAAA;EACA,8EAAA;EAKA,kDAAA;EACA,sDAAA;EACA,qDAAA;EACA,kBAAA;EACA,OAAA;AAzCF","sourcesContent":["$create-dialog-container-width: 380px;\n$create-dialog-container-height: 312px;\n\n.create-dialog-container {\n min-height: $create-dialog-container-height;\n max-height: $create-dialog-container-height;\n height: $create-dialog-container-height;\n //border: 1px solid green;\n //&--btn-wrapper{\n // height: 64px;\n // // width: 280px;\n // display: flex;\n // flex-direction: row;\n // flex-wrap: nowrap;\n // justify-content: flex-start;\n // align-items: center;\n // gap: 16px;\n // cursor: pointer;\n // border-radius: 4px;\n //\n // border: 1px solid var(--tertiary-elements);\n //\n // &__text{\n // min-height: 24px;\n // // margin: 16px 16px 16px 16px;\n // font-family: 'Roboto';\n // font-style: normal;\n // font-weight: 400;\n // font-size: 16px;\n // line-height: 24px;\n // letter-spacing: 0.15px;\n // flex: 2 2 268px;\n // letter-spacing: 0.15px;\n //\n // //border: 1px solid orange;\n // }\n // &__icon{\n // min-height: 24px;\n // margin-left: 10px;\n // flex: 1 1 24px;\n //\n // // border: 1px solid red;\n // }\n //}\n}\n\n\n.item-type-dialog,\n.item-type-dialog * {\n box-sizing: border-box;\n}\n.item-type-dialog {\n border-radius: 4px;\n border-style: solid;\n border-color: var(--light-theme-tertiaryelements, #636d78);\n border-width: 1px;\n padding: 16px;\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.item-type-dialog-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n.item-type-dialog-name {\n color: var(--light-theme-maintext, #0b1b0f);\n text-align: left;\n font-family: var(\n --body-body-medium-font-family,\n \"Roboto-Regular\",\n sans-serif\n );\n font-size: var(--body-body-medium-font-size, 14px);\n line-height: var(--body-body-medium-line-height, 20px);\n font-weight: var(--body-body-medium-font-weight, 400);\n position: relative;\n flex: 1;\n}\n"],"sourceRoot":""}]);
|
|
1135
1135
|
// Exports
|
|
1136
1136
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1137
1137
|
|
|
@@ -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
|
|
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
|
|
|
@@ -1179,7 +1179,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1179
1179
|
|
|
1180
1180
|
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()));
|
|
1181
1181
|
// Module
|
|
1182
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".user-single-container-chbox {\n min-height: 336px;\n max-height: 336px;\n height: 336px;\n}\n.user-single-container-chbox--search-wrapper {\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n}\n.user-single-container-chbox--search-wrapper__search-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 letter-spacing: 0.15px;\n flex: 2 2 268px;\n letter-spacing: 0.15px;\n}\n.user-single-container-chbox--search-wrapper__search-icon {\n min-height: 24px;\n margin-left: 10px;\n flex: 1 1 24px;\n cursor: pointer;\n}\n.user-single-container-chbox--wrapper {\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n border-bottom: 1px solid var(--color-divider);\n}\n.user-single-container-chbox--wrapper__username {\n
|
|
1182
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".user-single-container-chbox {\n min-height: 336px;\n max-height: 336px;\n height: 336px;\n}\n.user-single-container-chbox--search-wrapper {\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n}\n.user-single-container-chbox--search-wrapper__search-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 letter-spacing: 0.15px;\n flex: 2 2 268px;\n letter-spacing: 0.15px;\n}\n.user-single-container-chbox--search-wrapper__search-icon {\n min-height: 24px;\n margin-left: 10px;\n flex: 1 1 24px;\n cursor: pointer;\n}\n.user-single-container-chbox--wrapper {\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n border-bottom: 1px solid var(--color-divider);\n}\n.user-single-container-chbox--wrapper__username {\n height: 24px;\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 color: var(--main-text);\n}\n.user-single-container-chbox--wrapper__select {\n min-height: 24px;\n min-width: 24px;\n max-width: 24px;\n}\n.user-single-container-chbox--wrapper__icon {\n min-height: 40px;\n min-width: 40px;\n max-height: 40px;\n max-width: 40px;\n margin-left: 16px;\n margin-top: 8px;\n margin-bottom: 8px;\n display: flex;\n background-color: var(--disabled-elements);\n border-radius: 50%;\n align-items: center;\n text-align: center;\n align-content: center;\n}\n.user-single-container-chbox--wrapper__icon__content {\n margin: 6px;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.scss"],"names":[],"mappings":"AACA;EACE,iBAF6B;EAG7B,iBAH6B;EAI7B,aAJ6B;AAI/B;AAEE;EACE,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,mBAAA;EACA,SAAA;AAAJ;AAEI;EACE,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;EACA,eAAA;EACA,sBAAA;AAAN;AAEI;EACE,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,eAAA;AAAN;AAIE;EACE,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,mBAAA;EACA,SAAA;EAEA,6CAAA;AAHJ;AAKI;EAGE,YAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,uBAAA;AANN;AASI;EACE,gBAAA;EACA,eAAA;EACA,eAAA;AAPN;AAUI;EACE,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EAEA,aAAA;EAEA,0CAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,qBAAA;AAVN;AAYM;EACE,WAAA;AAVR","sourcesContent":["$user-single-container-height: 336px;\n.user-single-container-chbox {\n min-height: $user-single-container-height;\n max-height: $user-single-container-height;\n height: $user-single-container-height;\n\n &--search-wrapper{\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n\n &__search-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 letter-spacing: 0.15px;\n flex: 2 2 268px;\n letter-spacing: 0.15px;\n }\n &__search-icon{\n min-height: 24px;\n margin-left: 10px;\n flex: 1 1 24px;\n cursor: pointer;\n }\n }\n\n &--wrapper {\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n\n border-bottom: 1px solid var(--color-divider);\n\n &__username {\n\n // width: 193px;\n height: 24px;\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 color: var(--main-text);\n\n }\n &__select {\n min-height: 24px;\n min-width: 24px;\n max-width: 24px;\n }\n\n &__icon {\n min-height: 40px;\n min-width: 40px;\n max-height: 40px;\n max-width: 40px;\n margin-left: 16px;\n margin-top: 8px;\n margin-bottom: 8px;\n // flex: 1 1 24px;\n display: flex;\n //cursor: pointer;\n background-color: var(--disabled-elements);\n border-radius: 50%;\n align-items: center;\n text-align: center;\n align-content: center;\n\n &__content {\n margin: 6px;\n }\n }\n }\n}\n"],"sourceRoot":""}]);
|
|
1183
1183
|
// Exports
|
|
1184
1184
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1185
1185
|
|
|
@@ -1203,7 +1203,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1203
1203
|
|
|
1204
1204
|
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()));
|
|
1205
1205
|
// Module
|
|
1206
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".not-found-content-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width:
|
|
1206
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".not-found-content-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 100%;\n height: 100px;\n background: var(--main-background);\n}\n.not-found-content-container__icon {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 4px;\n width: 60px;\n height: 60px;\n}\n.not-found-content-container__message {\n width: 164px;\n 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}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/InviteMembers/NotFoundContent/NotFoundContent.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,SAAA;EAGA,WAAA;EACA,aAAA;EAEA,kCAAA;AAFF;AAIE;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EAEA,WAAA;EACA,YAAA;AAHJ;AAME;EACE,YAAA;EACA,YAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,kBAAA;EACA,sBAAA;EACA,qBAAA;AALJ","sourcesContent":[".not-found-content-container {\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 background: var(--main-background);\n\n &__icon {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 4px;\n\n width: 60px;\n height: 60px;\n }\n\n &__message {\n width: 164px;\n height: 24px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n\n text-align: center;\n letter-spacing: 0.15px;\n color: var(--caption);\n }\n}\n"],"sourceRoot":""}]);
|
|
1207
1207
|
// Exports
|
|
1208
1208
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1209
1209
|
|
|
@@ -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: 8px 8px 8px 16px;\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: 32px;\n height: 32px;\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,yBAAA;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 //background: var(--color-background, #ffffff);\n padding: 8px 8px 8px 16px;\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: 32px;\n height: 32px;\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, ".
|
|
1374
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".ynq-dialog-actions {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-end;\n justify-content: flex-end;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/YesNoQuestion/YesNoQuestion.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,qBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AACF","sourcesContent":[".ynq-dialog-actions {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-end;\n justify-content: flex-end;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n"],"sourceRoot":""}]);
|
|
1375
1375
|
// Exports
|
|
1376
1376
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1377
1377
|
|
|
@@ -1395,31 +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
|
|
1399
|
-
// Exports
|
|
1400
|
-
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
/***/ }),
|
|
1404
|
-
|
|
1405
|
-
/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.scss":
|
|
1406
|
-
/*!*************************************************************************************************************************************************************!*\
|
|
1407
|
-
!*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.scss ***!
|
|
1408
|
-
\*************************************************************************************************************************************************************/
|
|
1409
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1410
|
-
|
|
1411
|
-
"use strict";
|
|
1412
|
-
__webpack_require__.r(__webpack_exports__);
|
|
1413
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
|
|
1414
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
1415
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
|
|
1416
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
1417
|
-
// Imports
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
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()));
|
|
1421
|
-
// Module
|
|
1422
|
-
___CSS_LOADER_EXPORT___.push([module.id, "/* The switch - the box around the slider */\n.switch {\n position: relative;\n display: inline-block;\n width: 40px;\n height: 20px;\n}\n\n/* Hide default HTML checkbox */\n.switch input {\n display: none;\n}\n\n/* The slider */\n.slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.slider:before {\n position: absolute;\n content: \"\";\n height: 12px;\n width: 12px;\n left: 4px;\n bottom: 4px;\n right: 4px;\n background-color: white;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\ninput:checked + .slider {\n background-color: #2196F3;\n}\n\ninput:focus + .slider {\n box-shadow: 0 0 1px #2196F3;\n}\n\ninput:checked + .slider:before {\n -webkit-transform: translateX(12px);\n -ms-transform: translateX(12px);\n transform: translateX(12px);\n}\n\n/* Rounded sliders */\n.slider.round {\n border-radius: 12px;\n}\n\n.slider.round:before {\n border-radius: 50%;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.scss"],"names":[],"mappings":"AAEA,2CAAA;AACA;EACE,kBAAA;EACA,qBAAA;EACA,WAAA;EACA,YAAA;AADF;;AAIA,+BAAA;AACA;EAAe,aAAA;AAAf;;AAEA,eAAA;AACA;EACE,kBAAA;EACA,eAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,sBAAA;EACA,wBAAA;EACA,gBAAA;AACF;;AAEA;EACE,kBAAA;EACA,WAAA;EACA,YAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;EACA,UAAA;EACA,uBAAA;EACA,wBAAA;EACA,gBAAA;AACF;;AAEA;EACE,yBAAA;AACF;;AAEA;EACE,2BAAA;AACF;;AAEA;EACE,mCAAA;EACA,+BAAA;EACA,2BAAA;AACF;;AAEA,oBAAA;AACA;EACE,mBAAA;AACF;;AAEA;EACE,kBAAA;AACF","sourcesContent":["$background-color-off: var(--disabled-elements);\n$background-color-on: var(--main-elements);\n/* The switch - the box around the slider */\n.switch {\n position: relative;\n display: inline-block;\n width: 40px;\n height: 20px;\n}\n\n/* Hide default HTML checkbox */\n.switch input {display:none;}\n\n/* The slider */\n.slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n -webkit-transition: .4s;\n transition: .4s;\n}\n\n.slider:before {\n position: absolute;\n content: \"\";\n height: 12px;\n width: 12px;\n left: 4px;\n bottom: 4px;\n right: 4px;\n background-color: white;\n -webkit-transition: .4s;\n transition: .4s;\n}\n\ninput:checked + .slider {\n background-color: #2196F3;\n}\n\ninput:focus + .slider {\n box-shadow: 0 0 1px #2196F3;\n}\n\ninput:checked + .slider:before {\n -webkit-transform: translateX(12px);\n -ms-transform: translateX(12px);\n transform: translateX(12px);\n}\n\n/* Rounded sliders */\n.slider.round {\n border-radius: 12px;\n}\n\n.slider.round:before {\n border-radius: 50%;\n}\n"],"sourceRoot":""}]);
|
|
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":""}]);
|
|
1423
1399
|
// Exports
|
|
1424
1400
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1425
1401
|
|
|
@@ -1515,7 +1491,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1515
1491
|
|
|
1516
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()));
|
|
1517
1493
|
// Module
|
|
1518
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".column-container {\n width: var(--max-width-dialog-list);\n display: flex;\n flex-flow: column nowrap;\n}
|
|
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":""}]);
|
|
1519
1495
|
// Exports
|
|
1520
1496
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1521
1497
|
|
|
@@ -1635,7 +1611,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1635
1611
|
|
|
1636
1612
|
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()));
|
|
1637
1613
|
// Module
|
|
1638
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".modal-container-overlay {\n position: fixed;\n top: 0;\n width: 100%;\n height: 100%;\n background: var(--secondary-background-modal);\n}\n.modal-container-overlay[aria-expanded=false] {\n display: none;\n}\n\n.modal-container {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 380px;\n min-height: 312px;\n background-color: var(--main-background);\n padding
|
|
1614
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".modal-container-overlay {\n position: fixed;\n top: 0;\n width: 100%;\n height: 100%;\n background: var(--secondary-background-modal);\n}\n.modal-container-overlay[aria-expanded=false] {\n display: none;\n}\n\n.modal-container {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 380px;\n min-height: 312px;\n background-color: var(--main-background);\n padding: 24px;\n position: relative;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.modal-container__close {\n position: absolute;\n top: 24px;\n right: 24px;\n cursor: pointer;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n /* identical to box height, or 120% */\n letter-spacing: 0.0015em;\n color: var(--secondary-elements);\n}\n.modal-container__subtitle {\n margin-bottom: 24px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.0015em;\n color: var(--main-text);\n}\n.modal-container__content {\n margin-bottom: 20px;\n width: 100%;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/providers/ModalContextProvider/Modal.scss"],"names":[],"mappings":"AAAA;EACE,eAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,6CAAA;AACF;AAIE;EACE,aAAA;AAFJ;;AAMA;EACE,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EAEA,YAAA;EACA,iBAAA;EACA,wCAAA;EACA,aAAA;EACA,kBAAA;EACA,kBAAA;EAEA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,uBAAA;EACA,2BAAA;AALF;AAOE;EACE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,eAAA;EAOA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qCAAA;EACA,wBAAA;EACA,gCAAA;AAXJ;AAaE;EACE,mBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,wBAAA;EACA,uBAAA;AAZJ;AAgBE;EACE,mBAAA;EACA,WAAA;AAdJ","sourcesContent":[".modal-container-overlay{\n position: fixed;\n top: 0;\n width: 100%;//inherit;\n height: 100%;//inherit;\n background: var(--secondary-background-modal);\n //display: flex;\n //align-items: center;\n //justify-content: center;\n\n &[aria-expanded='false']{\n display: none;\n }\n}\n\n.modal-container{\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n width: 380px;\n min-height: 312px;\n background-color: var(--main-background);\n padding: 24px;\n position: relative;\n border-radius: 4px;\n\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: flex-start;\n justify-content: flex-start;\n\n &__close{\n position: absolute;\n top: 24px;\n right: 24px;\n cursor: pointer;\n\n //font-weight: 500;\n //font-size: 20px;\n //font-style: normal;\n //font-family: 'Roboto';\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n /* identical to box height, or 120% */\n letter-spacing: 0.0015em;\n color: var(--secondary-elements);\n }\n &__subtitle{\n margin-bottom: 24px;\n //\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.0015em;\n color: var(--main-text);\n\n //border: 1px solid black;\n }\n &__content{\n margin-bottom: 20px;\n width: 100%;\n //border: 1px solid brown;\n }\n &__footer{\n //border: 1px solid black;\n }\n}\n"],"sourceRoot":""}]);
|
|
1639
1615
|
// Exports
|
|
1640
1616
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1641
1617
|
|
|
@@ -6024,58 +6000,6 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
|
|
|
6024
6000
|
/* harmony default export */ __webpack_exports__["default"] = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MainButton_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MainButton_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MainButton_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
|
|
6025
6001
|
|
|
6026
6002
|
|
|
6027
|
-
/***/ }),
|
|
6028
|
-
|
|
6029
|
-
/***/ "./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.scss":
|
|
6030
|
-
/*!********************************************************************************!*\
|
|
6031
|
-
!*** ./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.scss ***!
|
|
6032
|
-
\********************************************************************************/
|
|
6033
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
6034
|
-
|
|
6035
|
-
"use strict";
|
|
6036
|
-
__webpack_require__.r(__webpack_exports__);
|
|
6037
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
|
|
6038
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
6039
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
|
|
6040
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
6041
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
|
|
6042
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
6043
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
|
|
6044
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
6045
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
|
|
6046
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
6047
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
|
|
6048
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
6049
|
-
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_SwitchButton_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../node_modules/sass-loader/dist/cjs.js!./SwitchButton.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.scss");
|
|
6050
|
-
|
|
6051
|
-
|
|
6052
|
-
|
|
6053
|
-
|
|
6054
|
-
|
|
6055
|
-
|
|
6056
|
-
|
|
6057
|
-
|
|
6058
|
-
|
|
6059
|
-
|
|
6060
|
-
|
|
6061
|
-
var options = {};
|
|
6062
|
-
|
|
6063
|
-
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
|
|
6064
|
-
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
|
|
6065
|
-
|
|
6066
|
-
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
|
|
6067
|
-
|
|
6068
|
-
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
|
|
6069
|
-
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
|
|
6070
|
-
|
|
6071
|
-
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_SwitchButton_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
|
|
6072
|
-
|
|
6073
|
-
|
|
6074
|
-
|
|
6075
|
-
|
|
6076
|
-
/* harmony default export */ __webpack_exports__["default"] = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_SwitchButton_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_SwitchButton_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_SwitchButton_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
|
|
6077
|
-
|
|
6078
|
-
|
|
6079
6003
|
/***/ }),
|
|
6080
6004
|
|
|
6081
6005
|
/***/ "./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.scss":
|
|
@@ -7337,6 +7261,7 @@ var DefaultConfigurations = /** @class */ (function () {
|
|
|
7337
7261
|
debug: true,
|
|
7338
7262
|
enableForwarding: true,
|
|
7339
7263
|
enableReplying: true,
|
|
7264
|
+
regexUserName: '/^(?=[a-zA-Z])[-a-zA-Z_ ]{3,49}(?<! )$/',
|
|
7340
7265
|
endpoints: {
|
|
7341
7266
|
api: 'api.quickblox.com',
|
|
7342
7267
|
chat: 'chat.quickblox.com',
|
|
@@ -11169,7 +11094,10 @@ var ConnectionRepository = /** @class */ (function (_super) {
|
|
|
11169
11094
|
if (this.timerId === undefined) {
|
|
11170
11095
|
console.log('set timer keep alive');
|
|
11171
11096
|
this.timerId = setInterval(function () {
|
|
11172
|
-
|
|
11097
|
+
// todo artik changed 28.12.2023
|
|
11098
|
+
// console.log(
|
|
11099
|
+
// `!!!--have ping result after ${ConnectionRepository.PING_ALIVE_INTERVAL}--!!!`,
|
|
11100
|
+
// );
|
|
11173
11101
|
// eslint-disable-next-line promise/always-return
|
|
11174
11102
|
// todo: cause of recycle v1
|
|
11175
11103
|
_this.ChatServerPing()
|
|
@@ -11196,7 +11124,6 @@ var ConnectionRepository = /** @class */ (function (_super) {
|
|
|
11196
11124
|
return __generator(this, function (_a) {
|
|
11197
11125
|
switch (_a.label) {
|
|
11198
11126
|
case 0:
|
|
11199
|
-
console.log('ping ChatServerPing');
|
|
11200
11127
|
pingChat = function () {
|
|
11201
11128
|
return new Promise(function (resolve, reject) {
|
|
11202
11129
|
try {
|
|
@@ -11206,7 +11133,7 @@ var ConnectionRepository = /** @class */ (function (_super) {
|
|
|
11206
11133
|
resolve('failed');
|
|
11207
11134
|
}
|
|
11208
11135
|
else {
|
|
11209
|
-
console.log('ping connected');
|
|
11136
|
+
// console.log('ping connected'); //todo artik changed 28.12.2023
|
|
11210
11137
|
resolve('connected');
|
|
11211
11138
|
}
|
|
11212
11139
|
});
|
|
@@ -11228,7 +11155,7 @@ var ConnectionRepository = /** @class */ (function (_super) {
|
|
|
11228
11155
|
case 1:
|
|
11229
11156
|
raceResult = _a.sent();
|
|
11230
11157
|
result = raceResult === 'connected';
|
|
11231
|
-
console.log('ping ', raceResult, ' operation result is ', result);
|
|
11158
|
+
// console.log('ping ', raceResult, ' operation result is ', result); //todo artik changed 28.12.2023
|
|
11232
11159
|
return [2 /*return*/, Promise.resolve(result)];
|
|
11233
11160
|
}
|
|
11234
11161
|
});
|
|
@@ -15267,7 +15194,8 @@ var RemoteDataSource = /** @class */ (function () {
|
|
|
15267
15194
|
created_at: {
|
|
15268
15195
|
lt: Date.now() / 1000,
|
|
15269
15196
|
},
|
|
15270
|
-
sort_desc: 'created_at'
|
|
15197
|
+
// sort_desc: 'created_at',// artan 19.0.2024
|
|
15198
|
+
sort_desc: 'updated_at',
|
|
15271
15199
|
page: pageNumber,
|
|
15272
15200
|
// per_page: perPage,
|
|
15273
15201
|
limit: perPage,
|
|
@@ -16314,6 +16242,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
16314
16242
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
16315
16243
|
/* harmony export */ "ForwardMessagesUseCase": function() { return /* binding */ ForwardMessagesUseCase; }
|
|
16316
16244
|
/* harmony export */ });
|
|
16245
|
+
/* harmony import */ var _entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../entity/DialogTypes */ "./src/Domain/entity/DialogTypes.ts");
|
|
16317
16246
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
16318
16247
|
__assign = Object.assign || function(t) {
|
|
16319
16248
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -16361,6 +16290,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
16361
16290
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
16362
16291
|
}
|
|
16363
16292
|
};
|
|
16293
|
+
|
|
16364
16294
|
var ForwardMessagesUseCase = /** @class */ (function () {
|
|
16365
16295
|
function ForwardMessagesUseCase(messagesRepository, targetDialogs, messagesToForward, relatedMessage, userName) {
|
|
16366
16296
|
console.log('CONSTRUCTOR ForwardMessagesUseCase');
|
|
@@ -16385,7 +16315,11 @@ var ForwardMessagesUseCase = /** @class */ (function () {
|
|
|
16385
16315
|
switch (_b.label) {
|
|
16386
16316
|
case 0:
|
|
16387
16317
|
dialogId = targetDialog.id;
|
|
16388
|
-
messageToSend = __assign(__assign({}, this.relatedMessage), { dialogId: dialogId, qb_original_messages: this.messagesToForward, qb_message_action: 'forward', origin_sender_name: ((_a = this.relatedMessage.sender) === null || _a === void 0 ? void 0 : _a.full_name) || this.userName });
|
|
16318
|
+
messageToSend = __assign(__assign({}, this.relatedMessage), { dialogId: dialogId, dialogType: targetDialog.type, qb_original_messages: this.messagesToForward, qb_message_action: 'forward', origin_sender_name: ((_a = this.relatedMessage.sender) === null || _a === void 0 ? void 0 : _a.full_name) || this.userName });
|
|
16319
|
+
// added by artik 2024-01-18
|
|
16320
|
+
if (targetDialog.type === _entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType["private"]) {
|
|
16321
|
+
messageToSend.recipient_id = targetDialog.participantId;
|
|
16322
|
+
}
|
|
16389
16323
|
return [4 /*yield*/, this.messagesRepository.sendMessageToRemote(messageToSend)];
|
|
16390
16324
|
case 1:
|
|
16391
16325
|
sentMessage = _b.sent();
|
|
@@ -17246,7 +17180,7 @@ var SubscribeToDialogEventsUseCase = /** @class */ (function (_super) {
|
|
|
17246
17180
|
return _this;
|
|
17247
17181
|
}
|
|
17248
17182
|
SubscribeToDialogEventsUseCase.prototype.execute = function (callBack) {
|
|
17249
|
-
console.log('execute SubscribeToDialogEventsUseCase', callBack);
|
|
17183
|
+
// console.log('execute SubscribeToDialogEventsUseCase', callBack); //todo artik changed 28.12.2023
|
|
17250
17184
|
this.callBackExecute = callBack;
|
|
17251
17185
|
if (this.callBackExecute !== undefined &&
|
|
17252
17186
|
typeof this.callBackExecute === 'function') {
|
|
@@ -18615,7 +18549,11 @@ var SubscriptionPerformer = /** @class */ (function () {
|
|
|
18615
18549
|
SubscriptionPerformer.prototype.subscribe = function (callBack, typeEvent, nameEvent) {
|
|
18616
18550
|
if (typeEvent === void 0) { typeEvent = this.EVENT_TYPE; }
|
|
18617
18551
|
if (nameEvent === void 0) { nameEvent = this.EVENT_NAME; }
|
|
18618
|
-
|
|
18552
|
+
// todo artik changed 28.12.2023
|
|
18553
|
+
// console.log(
|
|
18554
|
+
// `have subscribe SubscriptionPerformer from event ${typeEvent}: `,
|
|
18555
|
+
// callBack,
|
|
18556
|
+
// );
|
|
18619
18557
|
if (this.onEventByTypeSubscribers[typeEvent] === undefined) {
|
|
18620
18558
|
this.onEventByTypeSubscribers[typeEvent] = {};
|
|
18621
18559
|
}
|
|
@@ -18653,8 +18591,9 @@ var SubscriptionPerformer = /** @class */ (function () {
|
|
|
18653
18591
|
// local events and leave dialog
|
|
18654
18592
|
Object.entries(this.onEventByTypeSubscribers[eventType]).forEach(function (value) {
|
|
18655
18593
|
if (arg) {
|
|
18594
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
18656
18595
|
var currentEventName = value[0];
|
|
18657
|
-
console.log('call for event: ', currentEventName);
|
|
18596
|
+
// console.log('call for event: ', currentEventName); //todo artik changed 28.12.2023
|
|
18658
18597
|
value[1](arg);
|
|
18659
18598
|
}
|
|
18660
18599
|
});
|
|
@@ -20052,16 +19991,22 @@ var Dialog = function (_a) {
|
|
|
20052
19991
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ style: maxWidthToResize
|
|
20053
19992
|
? __assign({
|
|
20054
19993
|
// maxWidth: `${maxWidthToResizing}`,
|
|
20055
|
-
minWidth:
|
|
19994
|
+
// minWidth: `$message-view-container-wrapper-min-width`,
|
|
20056
19995
|
// width: `${maxWidthToResizing}`,
|
|
20057
|
-
width: '100%' }, rootStyles) : rootStyles, className: "message-view-container" }, { children: [headerContent || ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({
|
|
20058
|
-
|
|
20059
|
-
|
|
20060
|
-
|
|
20061
|
-
|
|
19996
|
+
width: '100%' }, rootStyles) : rootStyles, className: "message-view-container" }, { children: [headerContent || ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({
|
|
19997
|
+
// style={{
|
|
19998
|
+
// flexGrow: `1`,
|
|
19999
|
+
// flexShrink: `1`,
|
|
20000
|
+
// flexBasis: `${maxWidthToResizing}`,
|
|
20001
|
+
// }}
|
|
20002
|
+
className: "message-view-container--header" }, { children: renderHeader }))), showCurrentErrorToast ? (
|
|
20062
20003
|
// && !messagesViewModel?.loading
|
|
20063
20004
|
(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ErrorToast_ErrorToast__WEBPACK_IMPORTED_MODULE_5__.ErrorToast, { messageText: currentMessageErrorToast })) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ style: theme
|
|
20064
|
-
? __assign({
|
|
20005
|
+
? __assign({
|
|
20006
|
+
// flexGrow: `1`,
|
|
20007
|
+
// flexShrink: `1`,
|
|
20008
|
+
// flexBasis: `${maxWidthToResizing}`,
|
|
20009
|
+
backgroundColor: theme.secondaryBackground() }, messagesContainerStyles) : __assign({}, messagesContainerStyles), className: "message-view-container--messages" }, { children: [renderMessageList, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: {
|
|
20065
20010
|
display: 'flex',
|
|
20066
20011
|
flexDirection: 'row',
|
|
20067
20012
|
alignItems: 'center',
|
|
@@ -20102,7 +20047,15 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
20102
20047
|
// eslint-disable-next-line react/function-component-definition
|
|
20103
20048
|
var DialogHeader = function (_a) {
|
|
20104
20049
|
// eslint-disable-next-line consistent-return
|
|
20105
|
-
var
|
|
20050
|
+
var
|
|
20051
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
20052
|
+
dialogName = _a.dialogName,
|
|
20053
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
20054
|
+
renderAvatar = _a.renderAvatar,
|
|
20055
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
20056
|
+
renderLeftActions = _a.renderLeftActions,
|
|
20057
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
20058
|
+
renderRightActions = _a.renderRightActions,
|
|
20106
20059
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
20107
20060
|
_b = _a.countMembers,
|
|
20108
20061
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -20111,7 +20064,7 @@ var DialogHeader = function (_a) {
|
|
|
20111
20064
|
_c = _a.theme,
|
|
20112
20065
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
20113
20066
|
theme = _c === void 0 ? undefined : _c;
|
|
20114
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.
|
|
20067
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-header" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-header-left" }, { children: [renderLeftActions, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-header-left-headline" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-header-left-avatar-and-name" }, { children: [renderAvatar, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-header-dialog-name" }, { children: dialogName || 'Dialog name' }))] })) })), renderRightActions] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "dialog-header-line" })] }));
|
|
20115
20068
|
};
|
|
20116
20069
|
/* harmony default export */ __webpack_exports__["default"] = (DialogHeader);
|
|
20117
20070
|
|
|
@@ -20195,13 +20148,13 @@ var RenderRightActions = function (_a) {
|
|
|
20195
20148
|
theme = _b === void 0 ? undefined : _b;
|
|
20196
20149
|
return (
|
|
20197
20150
|
//
|
|
20198
|
-
(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.
|
|
20199
|
-
|
|
20200
|
-
|
|
20201
|
-
|
|
20202
|
-
|
|
20203
|
-
|
|
20204
|
-
|
|
20151
|
+
(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-header-right" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-header-right-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Status_InformationFill__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "24", height: "24", applyZoom: true, color: "var(--main-elements)" }), onClick: function () {
|
|
20152
|
+
if (onClickInfo)
|
|
20153
|
+
onClickInfo();
|
|
20154
|
+
}, onTouch: function () {
|
|
20155
|
+
if (onClickInfo)
|
|
20156
|
+
onClickInfo();
|
|
20157
|
+
} }) })) })));
|
|
20205
20158
|
};
|
|
20206
20159
|
/* harmony default export */ __webpack_exports__["default"] = (RenderRightActions);
|
|
20207
20160
|
|
|
@@ -20470,7 +20423,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
20470
20423
|
var ForwardMessageFlow = function (_a) {
|
|
20471
20424
|
var messages = _a.messages, dialogs = _a.dialogs, currentDialog = _a.currentDialog, currentUserName = _a.currentUserName, onSendData = _a.onSendData;
|
|
20472
20425
|
var _b = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(true), activeChatsTab = _b[0], setActiveChatsTab = _b[1];
|
|
20473
|
-
var _c = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([
|
|
20426
|
+
var _c = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), selectedDialogs = _c[0], setSelectedDialogs = _c[1];
|
|
20474
20427
|
var _d = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(''), inputText = _d[0], setInputText = _d[1];
|
|
20475
20428
|
var userName = currentUserName;
|
|
20476
20429
|
var sendMessageHandler = function () {
|
|
@@ -20488,7 +20441,7 @@ var ForwardMessageFlow = function (_a) {
|
|
|
20488
20441
|
: 'active-tab-button-content' }, { children: "Contacts" })) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", { className: "forward-message-flow-tabs-buttons-divider", width: "332", height: "0" })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DialogsWithSearch_DialogsWithSearch__WEBPACK_IMPORTED_MODULE_4__["default"], { dialogs: dialogs, currentDialog: currentDialog, selectedDialogs: selectedDialogs, onSelect: function (idItem) {
|
|
20489
20442
|
var newSelectedDialogs = [idItem];
|
|
20490
20443
|
setSelectedDialogs(newSelectedDialogs);
|
|
20491
|
-
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "forward-message-flow-message-input" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "forward-message-flow-message-input-row" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ForwardMessagePreview_ForwardMessagePreview__WEBPACK_IMPORTED_MODULE_3__["default"], { messages: messages, userNameSentMessage: userName }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputForForwarding_InputForForwarding__WEBPACK_IMPORTED_MODULE_5__["default"], { inputText: inputText, onChange: function (s) { return setInputText(s); }, onSend: sendMessageHandler })] }))] })));
|
|
20444
|
+
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "forward-message-flow-message-input" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "forward-message-flow-message-input-row" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ForwardMessagePreview_ForwardMessagePreview__WEBPACK_IMPORTED_MODULE_3__["default"], { messages: messages, userNameSentMessage: userName }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputForForwarding_InputForForwarding__WEBPACK_IMPORTED_MODULE_5__["default"], { inputText: inputText, onChange: function (s) { return setInputText(s); }, onSend: sendMessageHandler, disabled: selectedDialogs.length === 0 })] }))] })));
|
|
20492
20445
|
};
|
|
20493
20446
|
/* harmony default export */ __webpack_exports__["default"] = (ForwardMessageFlow);
|
|
20494
20447
|
|
|
@@ -20594,10 +20547,10 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
20594
20547
|
|
|
20595
20548
|
// eslint-disable-next-line react/function-component-definition
|
|
20596
20549
|
var InputForForwarding = function (_a) {
|
|
20597
|
-
var inputText = _a.inputText, onChange = _a.onChange, onSend = _a.onSend;
|
|
20550
|
+
var inputText = _a.inputText, onChange = _a.onChange, onSend = _a.onSend, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
|
|
20598
20551
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "forwarding-message-input" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "forwarding-message-input-input" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("textarea", { className: "forwarding-message-input-input-type-message", value: inputText, onChange: function (e) {
|
|
20599
20552
|
onChange(e.target.value);
|
|
20600
|
-
}, placeholder: "Type message" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "forwarding-message-input-icon-send" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "24", height: "24" }), onClick: onSend }) }))] })));
|
|
20553
|
+
}, placeholder: "Type message" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "forwarding-message-input-icon-send" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "24", height: "24" }), onClick: onSend, disabled: disabled }) }))] })));
|
|
20601
20554
|
};
|
|
20602
20555
|
/* harmony default export */ __webpack_exports__["default"] = (InputForForwarding);
|
|
20603
20556
|
|
|
@@ -20632,15 +20585,17 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
20632
20585
|
};
|
|
20633
20586
|
|
|
20634
20587
|
|
|
20635
|
-
|
|
20636
|
-
|
|
20637
|
-
|
|
20638
|
-
|
|
20639
|
-
|
|
20640
|
-
|
|
20641
|
-
|
|
20642
|
-
|
|
20643
|
-
|
|
20588
|
+
// const pattern =
|
|
20589
|
+
// '^(https?:\\/\\/)?' + // protocol
|
|
20590
|
+
// '((([a-zA-Z\\d]([a-zA-Z\\d-]{0,61}[a-zA-Z\\d])*\\.)+' + // sub-domain + domain name
|
|
20591
|
+
// '[a-zA-Z]{2,13})' + // extension
|
|
20592
|
+
// '|((\\d{1,3}\\.){3}\\d{1,3})' + // OR ip (v4) address
|
|
20593
|
+
// '|localhost)' + // OR localhost
|
|
20594
|
+
// '(\\:\\d{1,5})?' + // port
|
|
20595
|
+
// '(\\/[a-zA-Z\\&\\d%_.~+-:@]*)*' + // path
|
|
20596
|
+
// '(\\?[a-zA-Z\\&\\d%_.,~+-:@=;&]*)?' + // query string
|
|
20597
|
+
// '(\\#[-a-zA-Z&\\d_]*)?$'; // fragment locator
|
|
20598
|
+
var pattern = /(https?:\/\/)?([\p{L}\p{N}_-]+(?:(?:\.[\p{L}\p{N}_-]+)+)[\p{L}\p{N}.,@?^=%&:/~+#-]*[\p{L}\p{N}@?^=%&/~+#-])/gu;
|
|
20644
20599
|
function removeLastPunctuation(str) {
|
|
20645
20600
|
var punctuationRegex = /[!;%:?*_.,:-]/;
|
|
20646
20601
|
var decimalSeparatorRegex = /[.,]/;
|
|
@@ -20680,12 +20635,12 @@ var getRuleUrl = function (url) {
|
|
|
20680
20635
|
var messageHasUrls = function (message) {
|
|
20681
20636
|
var result = 0;
|
|
20682
20637
|
var strings = message.split(/\n| /);
|
|
20683
|
-
|
|
20638
|
+
// const onlyDigit = /^\d+$/;
|
|
20684
20639
|
strings.forEach(function (s) {
|
|
20685
|
-
if (s.length <
|
|
20686
|
-
|
|
20687
|
-
|
|
20688
|
-
|
|
20640
|
+
// if (s.length < 1160 && !onlyDigit.test(s))
|
|
20641
|
+
if (s.match(pattern) || removeLastPunctuation(s).match(pattern)) {
|
|
20642
|
+
result += 1;
|
|
20643
|
+
}
|
|
20689
20644
|
});
|
|
20690
20645
|
return result > 0;
|
|
20691
20646
|
};
|
|
@@ -20719,7 +20674,7 @@ var HighLightLink = function (_a) {
|
|
|
20719
20674
|
var strings = messageText.split(/\n| /);
|
|
20720
20675
|
var elements = strings.map(function (item, index) {
|
|
20721
20676
|
if (isURL(item)) {
|
|
20722
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a", __assign({ href: "".concat(getRuleUrl(item)), target: "blank" }, { children: item }), index), ' '] }));
|
|
20677
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "message-urls" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a", __assign({ href: "".concat(getRuleUrl(item)), target: "blank" }, { children: item }), index), ' '] }) })));
|
|
20723
20678
|
}
|
|
20724
20679
|
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", { children: [item, " "] });
|
|
20725
20680
|
});
|
|
@@ -20751,6 +20706,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
20751
20706
|
/* harmony import */ var _MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../MessageContextMenu/MessageContextMenu */ "./src/Presentation/Views/Dialog/Message/MessageContextMenu/MessageContextMenu.tsx");
|
|
20752
20707
|
/* 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");
|
|
20753
20708
|
/* harmony import */ var _AIComponents_AIAssistComponent_AIAssistComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../AIComponents/AIAssistComponent/AIAssistComponent */ "./src/Presentation/Views/Dialog/AIComponents/AIAssistComponent/AIAssistComponent.tsx");
|
|
20709
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
20754
20710
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
20755
20711
|
__assign = Object.assign || function(t) {
|
|
20756
20712
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -20811,6 +20767,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
20811
20767
|
|
|
20812
20768
|
|
|
20813
20769
|
|
|
20770
|
+
|
|
20814
20771
|
function IncomingForwardedMessage(props) {
|
|
20815
20772
|
var _this = this;
|
|
20816
20773
|
var _a, _b;
|
|
@@ -20883,7 +20840,17 @@ function IncomingForwardedMessage(props) {
|
|
|
20883
20840
|
}); };
|
|
20884
20841
|
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({
|
|
20885
20842
|
userId: props.currentUserId,
|
|
20886
|
-
})) : ((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"
|
|
20843
|
+
})) : ((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: {
|
|
20844
|
+
background: item.attachments &&
|
|
20845
|
+
(item.attachments[0].type
|
|
20846
|
+
.toString()
|
|
20847
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.image) ||
|
|
20848
|
+
item.attachments[0].type
|
|
20849
|
+
.toString()
|
|
20850
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.video))
|
|
20851
|
+
? 'none'
|
|
20852
|
+
: undefined,
|
|
20853
|
+
} }, { 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) {
|
|
20887
20854
|
sendMessageToTranslate(item, props.messagesToView, props.currentUserId, props.AITranslation, language);
|
|
20888
20855
|
}, onClickOriginalText: function () {
|
|
20889
20856
|
setOriginalTextMessage(true);
|
|
@@ -20961,6 +20928,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
20961
20928
|
/* harmony import */ var _AIComponents_AITranslateComponent_AITranslateComponent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../AIComponents/AITranslateComponent/AITranslateComponent */ "./src/Presentation/Views/Dialog/AIComponents/AITranslateComponent/AITranslateComponent.tsx");
|
|
20962
20929
|
/* harmony import */ var _MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./MessageContentComponent/MessageContentComponent */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.tsx");
|
|
20963
20930
|
/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
|
|
20931
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
20964
20932
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
20965
20933
|
__assign = Object.assign || function(t) {
|
|
20966
20934
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21021,6 +20989,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
21021
20989
|
|
|
21022
20990
|
|
|
21023
20991
|
|
|
20992
|
+
|
|
21024
20993
|
function IncomingMessage(props) {
|
|
21025
20994
|
var _a, _b;
|
|
21026
20995
|
var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_5__["default"])();
|
|
@@ -21112,7 +21081,17 @@ function IncomingMessage(props) {
|
|
|
21112
21081
|
}
|
|
21113
21082
|
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({
|
|
21114
21083
|
userId: props.currentUserId,
|
|
21115
|
-
})) : 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"
|
|
21084
|
+
})) : 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: {
|
|
21085
|
+
background: props.message.attachments &&
|
|
21086
|
+
(props.message.attachments[0].type
|
|
21087
|
+
.toString()
|
|
21088
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.image) ||
|
|
21089
|
+
props.message.attachments[0].type
|
|
21090
|
+
.toString()
|
|
21091
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.video))
|
|
21092
|
+
? 'none'
|
|
21093
|
+
: undefined,
|
|
21094
|
+
} }, { 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) {
|
|
21116
21095
|
sendMessageToTranslate(props.message, props.messagesToView, props.currentUserId, props.AITranslation, language);
|
|
21117
21096
|
}, onClickOriginalText: function () {
|
|
21118
21097
|
setOriginalTextMessage(true);
|
|
@@ -21210,6 +21189,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
21210
21189
|
/* harmony import */ var _MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../MessageContextMenu/MessageContextMenu */ "./src/Presentation/Views/Dialog/Message/MessageContextMenu/MessageContextMenu.tsx");
|
|
21211
21190
|
/* harmony import */ var _IncomingMessage_AvatarContentIncomingUser_AvatarContentIncomingUser__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../IncomingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.tsx");
|
|
21212
21191
|
/* 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");
|
|
21192
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
21213
21193
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21214
21194
|
__assign = Object.assign || function(t) {
|
|
21215
21195
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21270,6 +21250,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
21270
21250
|
|
|
21271
21251
|
|
|
21272
21252
|
|
|
21253
|
+
|
|
21273
21254
|
function IncomingRepliedMessage(props) {
|
|
21274
21255
|
var _this = this;
|
|
21275
21256
|
var _a, _b;
|
|
@@ -21340,7 +21321,17 @@ function IncomingRepliedMessage(props) {
|
|
|
21340
21321
|
}); };
|
|
21341
21322
|
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({
|
|
21342
21323
|
userId: props.currentUserId,
|
|
21343
|
-
})) : ((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"
|
|
21324
|
+
})) : ((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: {
|
|
21325
|
+
background: item.attachments &&
|
|
21326
|
+
(item.attachments[0].type
|
|
21327
|
+
.toString()
|
|
21328
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.image) ||
|
|
21329
|
+
item.attachments[0].type
|
|
21330
|
+
.toString()
|
|
21331
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_13__.FileType.video))
|
|
21332
|
+
? 'none'
|
|
21333
|
+
: undefined,
|
|
21334
|
+
} }, { 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) {
|
|
21344
21335
|
sendMessageToTranslate(item, props.messagesToView, props.currentUserId, props.AITranslation, language);
|
|
21345
21336
|
}, onClickOriginalText: function () {
|
|
21346
21337
|
setOriginalTextMessage(true);
|
|
@@ -21368,15 +21359,18 @@ function IncomingRepliedMessage(props) {
|
|
|
21368
21359
|
"use strict";
|
|
21369
21360
|
__webpack_require__.r(__webpack_exports__);
|
|
21370
21361
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
21371
|
-
/* harmony import */ var
|
|
21372
|
-
/* harmony import */ var
|
|
21373
|
-
/* harmony import */ var
|
|
21374
|
-
/* harmony import */ var
|
|
21375
|
-
/* harmony import */ var
|
|
21376
|
-
/* harmony import */ var
|
|
21377
|
-
/* harmony import */ var
|
|
21378
|
-
/* harmony import */ var
|
|
21379
|
-
/* harmony import */ var
|
|
21362
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
21363
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
21364
|
+
/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/DateTimeFormatter */ "./src/utils/DateTimeFormatter.ts");
|
|
21365
|
+
/* harmony import */ var _SystemMessageBanner_SystemMessageBanner__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../SystemMessageBanner/SystemMessageBanner */ "./src/Presentation/Views/Dialog/SystemMessageBanner/SystemMessageBanner.tsx");
|
|
21366
|
+
/* harmony import */ var _IncomingMessage_IncomingMessage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./IncomingMessage/IncomingMessage */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/IncomingMessage.tsx");
|
|
21367
|
+
/* harmony import */ var _IncomingForwardedMessage_IncomingForwardedMessage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./IncomingForwardedMessage/IncomingForwardedMessage */ "./src/Presentation/Views/Dialog/Message/IncomingForwardedMessage/IncomingForwardedMessage.tsx");
|
|
21368
|
+
/* harmony import */ var _OutgoingRepliedMessage_OutgoingRepliedMessage__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OutgoingRepliedMessage/OutgoingRepliedMessage */ "./src/Presentation/Views/Dialog/Message/OutgoingRepliedMessage/OutgoingRepliedMessage.tsx");
|
|
21369
|
+
/* harmony import */ var _OutgoingMessage_OutgoingMessage__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./OutgoingMessage/OutgoingMessage */ "./src/Presentation/Views/Dialog/Message/OutgoingMessage/OutgoingMessage.tsx");
|
|
21370
|
+
/* harmony import */ var _IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./IncomingMessage/MessageContentComponent/MessageContentComponent */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.tsx");
|
|
21371
|
+
/* harmony import */ var _OutgoinForwardedMessage_OutgoinForwardedMessage__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./OutgoinForwardedMessage/OutgoinForwardedMessage */ "./src/Presentation/Views/Dialog/Message/OutgoinForwardedMessage/OutgoinForwardedMessage.tsx");
|
|
21372
|
+
/* harmony import */ var _IncomingRepliedMessage_IncomingRepliedMessage__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./IncomingRepliedMessage/IncomingRepliedMessage */ "./src/Presentation/Views/Dialog/Message/IncomingRepliedMessage/IncomingRepliedMessage.tsx");
|
|
21373
|
+
/* harmony import */ var _Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../Data/source/remote/Mapper/MessageDTOMapper */ "./src/Data/source/remote/Mapper/MessageDTOMapper.ts");
|
|
21380
21374
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21381
21375
|
__assign = Object.assign || function(t) {
|
|
21382
21376
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21388,6 +21382,44 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21388
21382
|
};
|
|
21389
21383
|
return __assign.apply(this, arguments);
|
|
21390
21384
|
};
|
|
21385
|
+
var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
21386
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
21387
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
21388
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
21389
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
21390
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
21391
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
21392
|
+
});
|
|
21393
|
+
};
|
|
21394
|
+
var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
|
|
21395
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
21396
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
21397
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
21398
|
+
function step(op) {
|
|
21399
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
21400
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
21401
|
+
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;
|
|
21402
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
21403
|
+
switch (op[0]) {
|
|
21404
|
+
case 0: case 1: t = op; break;
|
|
21405
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
21406
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
21407
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
21408
|
+
default:
|
|
21409
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
21410
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
21411
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
21412
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
21413
|
+
if (t[2]) _.ops.pop();
|
|
21414
|
+
_.trys.pop(); continue;
|
|
21415
|
+
}
|
|
21416
|
+
op = body.call(thisArg, _);
|
|
21417
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
21418
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
21419
|
+
}
|
|
21420
|
+
};
|
|
21421
|
+
|
|
21422
|
+
|
|
21391
21423
|
|
|
21392
21424
|
|
|
21393
21425
|
|
|
@@ -21401,23 +21433,42 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21401
21433
|
// eslint-disable-next-line react/function-component-definition
|
|
21402
21434
|
var Message = function (_a) {
|
|
21403
21435
|
var _b, _c, _d, _e;
|
|
21404
|
-
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;
|
|
21436
|
+
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;
|
|
21405
21437
|
var TypeSystemMessage = 'SystemMessage';
|
|
21406
21438
|
var TypeIncomingMessage = 'IncomingMessage';
|
|
21407
21439
|
var TypeOutgoingMessage = 'OutgoingMessage';
|
|
21408
21440
|
var messageView;
|
|
21409
|
-
var
|
|
21410
|
-
|
|
21411
|
-
|
|
21412
|
-
|
|
21413
|
-
|
|
21414
|
-
return
|
|
21415
|
-
|
|
21416
|
-
|
|
21417
|
-
|
|
21418
|
-
|
|
21419
|
-
|
|
21420
|
-
|
|
21441
|
+
var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), userNameForReplyForward = _f[0], setUserNameForReplyForward = _f[1];
|
|
21442
|
+
function getUserNameForReplyForward() {
|
|
21443
|
+
var _a;
|
|
21444
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
21445
|
+
var userName;
|
|
21446
|
+
return __generator(this, function (_b) {
|
|
21447
|
+
switch (_b.label) {
|
|
21448
|
+
case 0:
|
|
21449
|
+
if (!(message.origin_sender_name &&
|
|
21450
|
+
!message.origin_sender_name.includes('undefined'))) return [3 /*break*/, 1];
|
|
21451
|
+
setUserNameForReplyForward(message.origin_sender_name);
|
|
21452
|
+
return [3 /*break*/, 3];
|
|
21453
|
+
case 1:
|
|
21454
|
+
if (!(message.qb_original_messages &&
|
|
21455
|
+
((_a = message.qb_original_messages) === null || _a === void 0 ? void 0 : _a.length) > 0)) return [3 /*break*/, 3];
|
|
21456
|
+
return [4 /*yield*/, defaultGetSenderName({
|
|
21457
|
+
userId: message.qb_original_messages[0].sender_id,
|
|
21458
|
+
sender: message.qb_original_messages[0].sender,
|
|
21459
|
+
})];
|
|
21460
|
+
case 2:
|
|
21461
|
+
userName = _b.sent();
|
|
21462
|
+
setUserNameForReplyForward(userName || '');
|
|
21463
|
+
_b.label = 3;
|
|
21464
|
+
case 3: return [2 /*return*/];
|
|
21465
|
+
}
|
|
21466
|
+
});
|
|
21467
|
+
});
|
|
21468
|
+
}
|
|
21469
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
21470
|
+
getUserNameForReplyForward();
|
|
21471
|
+
}, []);
|
|
21421
21472
|
var checkMessageType = function (m) {
|
|
21422
21473
|
if (m.notification_type && m.notification_type.length > 0) {
|
|
21423
21474
|
return TypeSystemMessage;
|
|
@@ -21430,7 +21481,7 @@ var Message = function (_a) {
|
|
|
21430
21481
|
};
|
|
21431
21482
|
var messageTypes = checkMessageType(message);
|
|
21432
21483
|
if (messageTypes === TypeSystemMessage) {
|
|
21433
|
-
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)(
|
|
21484
|
+
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()));
|
|
21434
21485
|
}
|
|
21435
21486
|
else if (messageTypes === TypeIncomingMessage) {
|
|
21436
21487
|
if (message.qb_original_messages &&
|
|
@@ -21439,14 +21490,14 @@ var Message = function (_a) {
|
|
|
21439
21490
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
21440
21491
|
((_c = message.qb_message_action) === null || _c === void 0 ? void 0 : _c.includes('forward')) ? 'forward' : 'reply';
|
|
21441
21492
|
if (typeMessage === 'reply') {
|
|
21442
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21493
|
+
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 () {
|
|
21443
21494
|
setWaitAIWidget(true);
|
|
21444
21495
|
}, onStopLoader: function () {
|
|
21445
21496
|
setWaitAIWidget(false);
|
|
21446
21497
|
}, onErrorToast: function (messageError) {
|
|
21447
21498
|
setShowErrorToast(true);
|
|
21448
21499
|
setMessageErrorToast(messageError);
|
|
21449
|
-
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, renderOringinalMessage: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21500
|
+
}, 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,
|
|
21450
21501
|
// element={messageContentRender(message)}
|
|
21451
21502
|
onStartLoader: function () {
|
|
21452
21503
|
setWaitAIWidget(true);
|
|
@@ -21458,14 +21509,14 @@ var Message = function (_a) {
|
|
|
21458
21509
|
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, enableReplying: enableReplying, enableForwarding: enableForwarding }) }));
|
|
21459
21510
|
}
|
|
21460
21511
|
else {
|
|
21461
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21512
|
+
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 () {
|
|
21462
21513
|
setWaitAIWidget(true);
|
|
21463
21514
|
}, onStopLoader: function () {
|
|
21464
21515
|
setWaitAIWidget(false);
|
|
21465
21516
|
}, onErrorToast: function (messageError) {
|
|
21466
21517
|
setShowErrorToast(true);
|
|
21467
21518
|
setMessageErrorToast(messageError);
|
|
21468
|
-
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, renderOringinalMessage: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21519
|
+
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, renderOringinalMessage: !message.message.includes(_Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_11__.MessageDTOMapper.FORWARD_MESSAGE_PREFIX) ? ((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,
|
|
21469
21520
|
// element={messageContentRender(message)}
|
|
21470
21521
|
onStartLoader: function () {
|
|
21471
21522
|
setWaitAIWidget(true);
|
|
@@ -21474,11 +21525,11 @@ var Message = function (_a) {
|
|
|
21474
21525
|
}, onErrorToast: function (messageError) {
|
|
21475
21526
|
setShowErrorToast(true);
|
|
21476
21527
|
setMessageErrorToast(messageError);
|
|
21477
|
-
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, enableReplying: enableReplying, enableForwarding: enableForwarding }) }));
|
|
21528
|
+
}, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, enableReplying: enableReplying, enableForwarding: enableForwarding })) : null }));
|
|
21478
21529
|
}
|
|
21479
21530
|
}
|
|
21480
21531
|
else {
|
|
21481
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21532
|
+
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,
|
|
21482
21533
|
// element={messageContentRender(message)}
|
|
21483
21534
|
onStartLoader: function () {
|
|
21484
21535
|
setWaitAIWidget(true);
|
|
@@ -21496,16 +21547,22 @@ var Message = function (_a) {
|
|
|
21496
21547
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
21497
21548
|
((_e = message.qb_message_action) === null || _e === void 0 ? void 0 : _e.includes('forward')) ? 'forward' : 'reply';
|
|
21498
21549
|
if (typeMessage === 'reply') {
|
|
21499
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21550
|
+
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
|
|
21551
|
+
? userNameForReplyForward
|
|
21552
|
+
: '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: "" }) }) }));
|
|
21500
21553
|
}
|
|
21501
21554
|
else {
|
|
21502
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21555
|
+
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
|
|
21556
|
+
? userNameForReplyForward
|
|
21557
|
+
: '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: !message.message.includes(_Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_11__.MessageDTOMapper.FORWARD_MESSAGE_PREFIX) ? (
|
|
21558
|
+
// message.message.trim().length > 0
|
|
21559
|
+
(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: "" }) })) : null }));
|
|
21503
21560
|
}
|
|
21504
21561
|
}
|
|
21505
21562
|
else {
|
|
21506
|
-
messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21563
|
+
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,
|
|
21507
21564
|
// element={messageContentRender(message)}
|
|
21508
|
-
element: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
21565
|
+
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: "" }) }));
|
|
21509
21566
|
}
|
|
21510
21567
|
return messageView;
|
|
21511
21568
|
};
|
|
@@ -21681,7 +21738,10 @@ var DefaultAttachment = function (_a) {
|
|
|
21681
21738
|
"use strict";
|
|
21682
21739
|
__webpack_require__.r(__webpack_exports__);
|
|
21683
21740
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
21684
|
-
/* harmony import */ var
|
|
21741
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
21742
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
21743
|
+
/* harmony import */ var _ImageAttachment_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ImageAttachment.scss */ "./src/Presentation/Views/Dialog/Message/MessageAttachment/ImageAttachment/ImageAttachment.scss");
|
|
21744
|
+
/* harmony import */ var _Data_Creator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../Data/Creator */ "./src/Data/Creator.ts");
|
|
21685
21745
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21686
21746
|
__assign = Object.assign || function(t) {
|
|
21687
21747
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21693,6 +21753,44 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21693
21753
|
};
|
|
21694
21754
|
return __assign.apply(this, arguments);
|
|
21695
21755
|
};
|
|
21756
|
+
var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
21757
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
21758
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
21759
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
21760
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
21761
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
21762
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
21763
|
+
});
|
|
21764
|
+
};
|
|
21765
|
+
var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
|
|
21766
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
21767
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
21768
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
21769
|
+
function step(op) {
|
|
21770
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
21771
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
21772
|
+
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;
|
|
21773
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
21774
|
+
switch (op[0]) {
|
|
21775
|
+
case 0: case 1: t = op; break;
|
|
21776
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
21777
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
21778
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
21779
|
+
default:
|
|
21780
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
21781
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
21782
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
21783
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
21784
|
+
if (t[2]) _.ops.pop();
|
|
21785
|
+
_.trys.pop(); continue;
|
|
21786
|
+
}
|
|
21787
|
+
op = body.call(thisArg, _);
|
|
21788
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
21789
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
21790
|
+
}
|
|
21791
|
+
};
|
|
21792
|
+
|
|
21793
|
+
|
|
21696
21794
|
|
|
21697
21795
|
|
|
21698
21796
|
// eslint-disable-next-line react/function-component-definition
|
|
@@ -21700,7 +21798,46 @@ var ImageAttachment = function (_a) {
|
|
|
21700
21798
|
var
|
|
21701
21799
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
21702
21800
|
imageFile = _a.imageFile;
|
|
21703
|
-
|
|
21801
|
+
var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), fileUrl = _b[0], setFileUrl = _b[1];
|
|
21802
|
+
function getFileForPreview() {
|
|
21803
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
21804
|
+
var tmpFileUrl, blobFile;
|
|
21805
|
+
return __generator(this, function (_a) {
|
|
21806
|
+
switch (_a.label) {
|
|
21807
|
+
case 0:
|
|
21808
|
+
if (!(imageFile.url && imageFile.url.length > 0)) return [3 /*break*/, 2];
|
|
21809
|
+
tmpFileUrl = imageFile.url;
|
|
21810
|
+
return [4 /*yield*/, _Data_Creator__WEBPACK_IMPORTED_MODULE_3__.Creator.createBlobFromUrl(tmpFileUrl)];
|
|
21811
|
+
case 1:
|
|
21812
|
+
blobFile = (_a.sent()).blobFile;
|
|
21813
|
+
tmpFileUrl = blobFile ? URL.createObjectURL(blobFile) : tmpFileUrl || '';
|
|
21814
|
+
setFileUrl(tmpFileUrl);
|
|
21815
|
+
_a.label = 2;
|
|
21816
|
+
case 2: return [2 /*return*/];
|
|
21817
|
+
}
|
|
21818
|
+
});
|
|
21819
|
+
});
|
|
21820
|
+
}
|
|
21821
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
21822
|
+
getFileForPreview();
|
|
21823
|
+
return function () {
|
|
21824
|
+
if (fileUrl) {
|
|
21825
|
+
URL.revokeObjectURL(fileUrl);
|
|
21826
|
+
}
|
|
21827
|
+
};
|
|
21828
|
+
}, []);
|
|
21829
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "message-attachment-image" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a", __assign({ href: fileUrl, download: "file", target: "_blank", rel: "noreferrer" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { className: "message-attachment-image-body", src: fileUrl, alt: imageFile.name || 'attached image' }, imageFile.id) })) }))
|
|
21830
|
+
// <div className="message-attachment-image">
|
|
21831
|
+
// <a href={imageFile.url} download="file" target="_blank" rel="noreferrer">
|
|
21832
|
+
// <img
|
|
21833
|
+
// className="message-attachment-image-body"
|
|
21834
|
+
// key={imageFile.id}
|
|
21835
|
+
// src={imageFile.url}
|
|
21836
|
+
// alt={imageFile.name || 'attached image'}
|
|
21837
|
+
// />
|
|
21838
|
+
// </a>
|
|
21839
|
+
// </div>
|
|
21840
|
+
);
|
|
21704
21841
|
};
|
|
21705
21842
|
/* harmony default export */ __webpack_exports__["default"] = (ImageAttachment);
|
|
21706
21843
|
|
|
@@ -21788,7 +21925,10 @@ function MessageAttachment(_a) {
|
|
|
21788
21925
|
"use strict";
|
|
21789
21926
|
__webpack_require__.r(__webpack_exports__);
|
|
21790
21927
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
21791
|
-
/* harmony import */ var
|
|
21928
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
21929
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
21930
|
+
/* harmony import */ var _VideoAttachment_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VideoAttachment.scss */ "./src/Presentation/Views/Dialog/Message/MessageAttachment/VideoAttachment/VideoAttachment.scss");
|
|
21931
|
+
/* harmony import */ var _Data_Creator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../Data/Creator */ "./src/Data/Creator.ts");
|
|
21792
21932
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21793
21933
|
__assign = Object.assign || function(t) {
|
|
21794
21934
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21800,6 +21940,44 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21800
21940
|
};
|
|
21801
21941
|
return __assign.apply(this, arguments);
|
|
21802
21942
|
};
|
|
21943
|
+
var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
21944
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
21945
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
21946
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
21947
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
21948
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
21949
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
21950
|
+
});
|
|
21951
|
+
};
|
|
21952
|
+
var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
|
|
21953
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
21954
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
21955
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
21956
|
+
function step(op) {
|
|
21957
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
21958
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
21959
|
+
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;
|
|
21960
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
21961
|
+
switch (op[0]) {
|
|
21962
|
+
case 0: case 1: t = op; break;
|
|
21963
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
21964
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
21965
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
21966
|
+
default:
|
|
21967
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
21968
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
21969
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
21970
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
21971
|
+
if (t[2]) _.ops.pop();
|
|
21972
|
+
_.trys.pop(); continue;
|
|
21973
|
+
}
|
|
21974
|
+
op = body.call(thisArg, _);
|
|
21975
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
21976
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
21977
|
+
}
|
|
21978
|
+
};
|
|
21979
|
+
|
|
21980
|
+
|
|
21803
21981
|
|
|
21804
21982
|
|
|
21805
21983
|
// eslint-disable-next-line react/function-component-definition
|
|
@@ -21807,16 +21985,63 @@ var VideoAttachment = function (_a) {
|
|
|
21807
21985
|
var
|
|
21808
21986
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
21809
21987
|
videoFile = _a.videoFile;
|
|
21810
|
-
|
|
21811
|
-
|
|
21812
|
-
|
|
21813
|
-
|
|
21814
|
-
|
|
21815
|
-
|
|
21816
|
-
|
|
21817
|
-
|
|
21818
|
-
|
|
21819
|
-
|
|
21988
|
+
var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), fileUrl = _b[0], setFileUrl = _b[1];
|
|
21989
|
+
function getFileForPreview() {
|
|
21990
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
21991
|
+
var tmpFileUrl, blobFile;
|
|
21992
|
+
return __generator(this, function (_a) {
|
|
21993
|
+
switch (_a.label) {
|
|
21994
|
+
case 0:
|
|
21995
|
+
if (!(videoFile.url && videoFile.url.length > 0)) return [3 /*break*/, 2];
|
|
21996
|
+
tmpFileUrl = videoFile.url;
|
|
21997
|
+
return [4 /*yield*/, _Data_Creator__WEBPACK_IMPORTED_MODULE_3__.Creator.createBlobFromUrl(tmpFileUrl)];
|
|
21998
|
+
case 1:
|
|
21999
|
+
blobFile = (_a.sent()).blobFile;
|
|
22000
|
+
tmpFileUrl = blobFile ? URL.createObjectURL(blobFile) : tmpFileUrl || '';
|
|
22001
|
+
setFileUrl(tmpFileUrl);
|
|
22002
|
+
_a.label = 2;
|
|
22003
|
+
case 2: return [2 /*return*/];
|
|
22004
|
+
}
|
|
22005
|
+
});
|
|
22006
|
+
});
|
|
22007
|
+
}
|
|
22008
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
22009
|
+
getFileForPreview();
|
|
22010
|
+
return function () {
|
|
22011
|
+
if (fileUrl) {
|
|
22012
|
+
URL.revokeObjectURL(fileUrl);
|
|
22013
|
+
}
|
|
22014
|
+
};
|
|
22015
|
+
}, []);
|
|
22016
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "message-attachment-video" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("video", __assign({ className: "message-attachment-video-body", controls: true, playsInline: true, src: fileUrl }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a", __assign({ href: fileUrl, download: true }, { children: "Download" })) }), videoFile.id) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a", __assign({ href: fileUrl, download: true }, { children: "Download" }))] })
|
|
22017
|
+
// <div>
|
|
22018
|
+
// <div className="message-attachment-video">
|
|
22019
|
+
// <video
|
|
22020
|
+
// className="message-attachment-video-body"
|
|
22021
|
+
// controls
|
|
22022
|
+
// key={videoFile.id}
|
|
22023
|
+
// playsInline
|
|
22024
|
+
// src={videoFile.url}
|
|
22025
|
+
// >
|
|
22026
|
+
// <a href={videoFile.url} download>
|
|
22027
|
+
// Download
|
|
22028
|
+
// </a>
|
|
22029
|
+
// </video>
|
|
22030
|
+
// </div>
|
|
22031
|
+
// <a href={videoFile.url} download>
|
|
22032
|
+
// Download
|
|
22033
|
+
// </a>
|
|
22034
|
+
// </div>
|
|
22035
|
+
);
|
|
22036
|
+
};
|
|
22037
|
+
/* harmony default export */ __webpack_exports__["default"] = (VideoAttachment);
|
|
22038
|
+
|
|
22039
|
+
|
|
22040
|
+
/***/ }),
|
|
22041
|
+
|
|
22042
|
+
/***/ "./src/Presentation/Views/Dialog/Message/MessageContextMenu/MessageContextMenu.tsx":
|
|
22043
|
+
/*!*****************************************************************************************!*\
|
|
22044
|
+
!*** ./src/Presentation/Views/Dialog/Message/MessageContextMenu/MessageContextMenu.tsx ***!
|
|
21820
22045
|
\*****************************************************************************************/
|
|
21821
22046
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
21822
22047
|
|
|
@@ -21890,6 +22115,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
21890
22115
|
/* 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");
|
|
21891
22116
|
/* 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");
|
|
21892
22117
|
/* harmony import */ var _IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../IncomingMessage/MessageContentComponent/MessageContentComponent */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.tsx");
|
|
22118
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
21893
22119
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21894
22120
|
__assign = Object.assign || function(t) {
|
|
21895
22121
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21909,6 +22135,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21909
22135
|
|
|
21910
22136
|
|
|
21911
22137
|
|
|
22138
|
+
|
|
21912
22139
|
function OutgoingForwardedMessage(props) {
|
|
21913
22140
|
var _a = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), openMenu = _a[0], setOpenMenu = _a[1];
|
|
21914
22141
|
// const [haveHover, setHaveHover] = useState(false);
|
|
@@ -21924,7 +22151,17 @@ function OutgoingForwardedMessage(props) {
|
|
|
21924
22151
|
? props.theme.mainElements()
|
|
21925
22152
|
: '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:
|
|
21926
22153
|
// haveHover &&
|
|
21927
|
-
!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"
|
|
22154
|
+
!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: {
|
|
22155
|
+
background: item.attachments &&
|
|
22156
|
+
(item.attachments[0].type
|
|
22157
|
+
.toString()
|
|
22158
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_8__.FileType.image) ||
|
|
22159
|
+
item.attachments[0].type
|
|
22160
|
+
.toString()
|
|
22161
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_8__.FileType.video))
|
|
22162
|
+
? 'none'
|
|
22163
|
+
: undefined,
|
|
22164
|
+
} }, { 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] }));
|
|
21928
22165
|
}
|
|
21929
22166
|
/* harmony default export */ __webpack_exports__["default"] = (OutgoingForwardedMessage);
|
|
21930
22167
|
|
|
@@ -21949,6 +22186,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
21949
22186
|
/* 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");
|
|
21950
22187
|
/* 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");
|
|
21951
22188
|
/* harmony import */ var _MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../MessageContextMenu/MessageContextMenu */ "./src/Presentation/Views/Dialog/Message/MessageContextMenu/MessageContextMenu.tsx");
|
|
22189
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
21952
22190
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
21953
22191
|
__assign = Object.assign || function(t) {
|
|
21954
22192
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21966,6 +22204,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
21966
22204
|
|
|
21967
22205
|
|
|
21968
22206
|
|
|
22207
|
+
|
|
21969
22208
|
function OutgoingMessage(props) {
|
|
21970
22209
|
var _a = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), openMenu = _a[0], setOpenMenu = _a[1];
|
|
21971
22210
|
// const [haveHover, setHaveHover] = useState(false);
|
|
@@ -21982,7 +22221,17 @@ function OutgoingMessage(props) {
|
|
|
21982
22221
|
? props.theme.mainElements()
|
|
21983
22222
|
: '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:
|
|
21984
22223
|
// haveHover &&
|
|
21985
|
-
!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"
|
|
22224
|
+
!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: {
|
|
22225
|
+
background: props.message.attachments &&
|
|
22226
|
+
(props.message.attachments[0].type
|
|
22227
|
+
.toString()
|
|
22228
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__.FileType.image) ||
|
|
22229
|
+
props.message.attachments[0].type
|
|
22230
|
+
.toString()
|
|
22231
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__.FileType.video))
|
|
22232
|
+
? 'none'
|
|
22233
|
+
: undefined,
|
|
22234
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-message-single-line" }, { children: props.element })) }))] }))] })) }));
|
|
21986
22235
|
}
|
|
21987
22236
|
|
|
21988
22237
|
|
|
@@ -22003,6 +22252,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
22003
22252
|
/* harmony import */ var _IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../IncomingMessage/MessageContentComponent/MessageContentComponent */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.tsx");
|
|
22004
22253
|
/* 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");
|
|
22005
22254
|
/* harmony import */ var _MessageContextMenu_MessageContextMenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../MessageContextMenu/MessageContextMenu */ "./src/Presentation/Views/Dialog/Message/MessageContextMenu/MessageContextMenu.tsx");
|
|
22255
|
+
/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ "./src/Domain/entity/FileTypes.ts");
|
|
22006
22256
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
22007
22257
|
__assign = Object.assign || function(t) {
|
|
22008
22258
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -22020,6 +22270,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
22020
22270
|
|
|
22021
22271
|
|
|
22022
22272
|
|
|
22273
|
+
|
|
22023
22274
|
function OutgoingRepliedMessage(props) {
|
|
22024
22275
|
var _a = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), openMenu = _a[0], setOpenMenu = _a[1];
|
|
22025
22276
|
// const [haveHover, setHaveHover] = useState(false);
|
|
@@ -22031,7 +22282,17 @@ function OutgoingRepliedMessage(props) {
|
|
|
22031
22282
|
setOpenMenu(!openMenu);
|
|
22032
22283
|
} }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "outgoing-replied-message-func" }, { children:
|
|
22033
22284
|
// haveHover &&
|
|
22034
|
-
!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"
|
|
22285
|
+
!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: {
|
|
22286
|
+
background: item.attachments &&
|
|
22287
|
+
(item.attachments[0].type
|
|
22288
|
+
.toString()
|
|
22289
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__.FileType.image) ||
|
|
22290
|
+
item.attachments[0].type
|
|
22291
|
+
.toString()
|
|
22292
|
+
.includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_6__.FileType.video))
|
|
22293
|
+
? 'none'
|
|
22294
|
+
: undefined,
|
|
22295
|
+
} }, { 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] }));
|
|
22035
22296
|
}
|
|
22036
22297
|
/* harmony default export */ __webpack_exports__["default"] = (OutgoingRepliedMessage);
|
|
22037
22298
|
|
|
@@ -22069,35 +22330,32 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
22069
22330
|
// eslint-disable-next-line react/function-component-definition
|
|
22070
22331
|
var MessageInput = function (_a) {
|
|
22071
22332
|
var messageText = _a.messageText, onChangeText = _a.onChangeText, sendText = _a.sendText, renderSendIcon = _a.renderSendIcon, renderAttachment = _a.renderAttachment, isRecording = _a.isRecording, renderVoiceRecorder = _a.renderVoiceRecorder, renderVoiceRecordProgress = _a.renderVoiceRecordProgress, renderAIWidget = _a.renderAIWidget, waitAIWidget = _a.waitAIWidget, messagesViewModel = _a.messagesViewModel, maxWidthToResizing = _a.maxWidthToResizing, _b = _a.theme, theme = _b === void 0 ? undefined : _b;
|
|
22072
|
-
var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(
|
|
22073
|
-
var
|
|
22074
|
-
|
|
22075
|
-
|
|
22076
|
-
}, [messageText]);
|
|
22333
|
+
var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), isVoiceMessage = _c[0], setVoiceMessage = _c[1];
|
|
22334
|
+
var handleChange = function (event) {
|
|
22335
|
+
onChangeText(event.target.value);
|
|
22336
|
+
};
|
|
22077
22337
|
function sendTextMessageActions() {
|
|
22078
22338
|
if (sendText) {
|
|
22079
|
-
sendText(
|
|
22339
|
+
sendText(messageText);
|
|
22340
|
+
onChangeText('');
|
|
22080
22341
|
}
|
|
22081
22342
|
}
|
|
22082
22343
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ style: {
|
|
22083
22344
|
flex: "flex: 1 1 ".concat(maxWidthToResizing),
|
|
22084
22345
|
}, onBlur: function () {
|
|
22085
|
-
if (!(
|
|
22346
|
+
if (!(messageText && messageText.length > 0)) {
|
|
22086
22347
|
setVoiceMessage(true);
|
|
22087
22348
|
}
|
|
22088
|
-
}, className: "message-view-container--chat-input" }, { children: [renderAttachment, !isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "input-text-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "type-message" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("textarea", { style: theme ? { backgroundColor: theme.chatInput() } : {}, disabled: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, value:
|
|
22349
|
+
}, className: "message-view-container--chat-input" }, { children: [renderAttachment, !isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "input-text-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "type-message" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("textarea", { style: theme ? { backgroundColor: theme.chatInput() } : {}, disabled: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, value: messageText, onFocus: function () {
|
|
22089
22350
|
setVoiceMessage(false);
|
|
22090
|
-
}, onChange: function (
|
|
22091
|
-
// setCurrentMessageText(event.target.value);
|
|
22092
|
-
onChangeText(event.target.value);
|
|
22093
|
-
}, onInput: function () {
|
|
22351
|
+
}, onChange: handleChange, onInput: function () {
|
|
22094
22352
|
messagesViewModel.sendTypingTextMessage();
|
|
22095
22353
|
}, onKeyDown: function (e) {
|
|
22096
22354
|
console.log("onKeyDown: ".concat(e.key, " shift ").concat(e.shiftKey ? 'true' : 'false', " ctrl ").concat(e.ctrlKey ? 'true' : 'false'));
|
|
22097
22355
|
if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey) {
|
|
22098
22356
|
sendTextMessageActions();
|
|
22099
22357
|
}
|
|
22100
|
-
}, placeholder: "
|
|
22358
|
+
}, placeholder: "Type message" }) })), renderAIWidget] }))), isRecording && renderVoiceRecordProgress, !isVoiceMessage && !waitAIWidget && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__["default"], { content: renderSendIcon, onClick: function () {
|
|
22101
22359
|
console.log('click send message');
|
|
22102
22360
|
sendTextMessageActions();
|
|
22103
22361
|
}, onTouch: function () {
|
|
@@ -22429,6 +22687,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
22429
22687
|
/* harmony import */ var _Domain_use_cases_ForwardMessagesUseCase__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../Domain/use_cases/ForwardMessagesUseCase */ "./src/Domain/use_cases/ForwardMessagesUseCase.ts");
|
|
22430
22688
|
/* harmony import */ var _Domain_use_cases_ReplyMessagesUseCase__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../Domain/use_cases/ReplyMessagesUseCase */ "./src/Domain/use_cases/ReplyMessagesUseCase.ts");
|
|
22431
22689
|
/* harmony import */ var _Data_Creator__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../Data/Creator */ "./src/Data/Creator.ts");
|
|
22690
|
+
/* harmony import */ var _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../../Data/DefaultConfigurations */ "./src/Data/DefaultConfigurations.ts");
|
|
22691
|
+
/* harmony import */ var _Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../../Data/source/remote/Mapper/MessageDTOMapper */ "./src/Data/source/remote/Mapper/MessageDTOMapper.ts");
|
|
22432
22692
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
22433
22693
|
__assign = Object.assign || function(t) {
|
|
22434
22694
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -22504,6 +22764,8 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
|
|
|
22504
22764
|
|
|
22505
22765
|
|
|
22506
22766
|
|
|
22767
|
+
|
|
22768
|
+
|
|
22507
22769
|
|
|
22508
22770
|
|
|
22509
22771
|
|
|
@@ -22520,6 +22782,10 @@ function useDialogViewModel(dialogType, dialogEntity) {
|
|
|
22520
22782
|
var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _e[0], setDialog = _e[1];
|
|
22521
22783
|
// const [dialogsParticipants, setDialogsParticipants] = useState<number[]>([]);
|
|
22522
22784
|
var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__["default"])();
|
|
22785
|
+
var QBConfig = currentContext.InitParams.qbConfig ||
|
|
22786
|
+
_Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_22__.DefaultConfigurations.getDefaultQBConfig();
|
|
22787
|
+
var regexUserName = QBConfig.appConfig.regexUserName;
|
|
22788
|
+
var regex = regexUserName ? new RegExp(regexUserName) : null;
|
|
22523
22789
|
var eventMessaging = (0,_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_13__["default"])();
|
|
22524
22790
|
var _f = currentContext.storage, REMOTE_DATA_SOURCE = _f.REMOTE_DATA_SOURCE, LOCAL_DATA_SOURCE = _f.LOCAL_DATA_SOURCE;
|
|
22525
22791
|
var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__.SubscribeToDialogEventsUseCase(eventMessaging, 'MessagesViewModel');
|
|
@@ -22582,6 +22848,12 @@ function useDialogViewModel(dialogType, dialogEntity) {
|
|
|
22582
22848
|
console.log('have sender id:', message.sender_id);
|
|
22583
22849
|
if (userDictionary) {
|
|
22584
22850
|
obj.sender = userDictionary[message.sender_id];
|
|
22851
|
+
if (obj.sender &&
|
|
22852
|
+
obj.sender.full_name &&
|
|
22853
|
+
regex &&
|
|
22854
|
+
!regex.test(obj.sender.full_name)) {
|
|
22855
|
+
obj.sender.full_name = 'Unknown';
|
|
22856
|
+
}
|
|
22585
22857
|
}
|
|
22586
22858
|
return obj;
|
|
22587
22859
|
});
|
|
@@ -22794,8 +23066,9 @@ function useDialogViewModel(dialogType, dialogEntity) {
|
|
|
22794
23066
|
messageToSend.dialogType = dialog.type;
|
|
22795
23067
|
sendMessage(messageToSend);
|
|
22796
23068
|
};
|
|
22797
|
-
var createMessageContent = function (messageBody, fileMessage) {
|
|
22798
|
-
|
|
23069
|
+
var createMessageContent = function (messageBody, fileMessage, attachmentType) {
|
|
23070
|
+
if (attachmentType === void 0) { attachmentType = '[Attachment]'; }
|
|
23071
|
+
return "MediaContentEntity|".concat(messageBody, "|").concat(fileMessage.uid, "|").concat(fileMessage.type.toString(), "|").concat(attachmentType);
|
|
22799
23072
|
};
|
|
22800
23073
|
var setupMessageToSend = function (fileMessage, currentUserId) {
|
|
22801
23074
|
var recipientId = dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType["private"]
|
|
@@ -22807,7 +23080,7 @@ function useDialogViewModel(dialogType, dialogEntity) {
|
|
|
22807
23080
|
message: messageBody,
|
|
22808
23081
|
sender_id: currentUserId,
|
|
22809
23082
|
recipient_id: recipientId,
|
|
22810
|
-
dialog_type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group,
|
|
23083
|
+
dialog_type: dialog.type || _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group,
|
|
22811
23084
|
};
|
|
22812
23085
|
var messageToReturn = _Data_Creator__WEBPACK_IMPORTED_MODULE_21__.Creator.createMessageEntity(messageEntityParams);
|
|
22813
23086
|
var attachments = [
|
|
@@ -23026,7 +23299,7 @@ function useDialogViewModel(dialogType, dialogEntity) {
|
|
|
23026
23299
|
});
|
|
23027
23300
|
}); };
|
|
23028
23301
|
var sendReplyMessages = function (replyData) { return __awaiter(_this, void 0, void 0, function () {
|
|
23029
|
-
var currentUserId, messageEntityParams, relatedMessage, isOperationSuccessful, fileMessage, attachments, e_1;
|
|
23302
|
+
var currentUserId, messageEntityParams, relatedMessage, isOperationSuccessful, fileMessage, attachments, messagePrefix, e_1;
|
|
23030
23303
|
var _a;
|
|
23031
23304
|
return __generator(this, function (_b) {
|
|
23032
23305
|
switch (_b.label) {
|
|
@@ -23066,6 +23339,10 @@ function useDialogViewModel(dialogType, dialogEntity) {
|
|
|
23066
23339
|
},
|
|
23067
23340
|
];
|
|
23068
23341
|
relatedMessage.attachments = attachments;
|
|
23342
|
+
messagePrefix = relatedMessage.message.includes(_Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_23__.MessageDTOMapper.REPLY_MESSAGE_PREFIX)
|
|
23343
|
+
? fileMessage.name || 'Replied message'
|
|
23344
|
+
: relatedMessage.message;
|
|
23345
|
+
relatedMessage.message = createMessageContent(messagePrefix, fileMessage, _Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_23__.MessageDTOMapper.REPLY_MESSAGE_PREFIX);
|
|
23069
23346
|
return [4 /*yield*/, replyMessage(replyData.messagesToReply, relatedMessage)];
|
|
23070
23347
|
case 3:
|
|
23071
23348
|
_b.sent();
|
|
@@ -23197,31 +23474,26 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
23197
23474
|
/* harmony import */ var _DialogInfo_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DialogInfo.scss */ "./src/Presentation/Views/DialogInfo/DialogInfo.scss");
|
|
23198
23475
|
/* harmony import */ var _components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/containers/ColumnContainer/ColumnContainer */ "./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx");
|
|
23199
23476
|
/* harmony import */ var _components_UI_svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Close */ "./src/Presentation/components/UI/svgs/Icons/Navigation/Close/index.tsx");
|
|
23200
|
-
/* harmony import */ var
|
|
23201
|
-
/* harmony import */ var
|
|
23202
|
-
/* harmony import */ var
|
|
23203
|
-
/* harmony import */ var
|
|
23204
|
-
/* harmony import */ var
|
|
23205
|
-
/* harmony import */ var
|
|
23206
|
-
/* harmony import */ var
|
|
23207
|
-
/* harmony import */ var
|
|
23208
|
-
/* harmony import */ var
|
|
23209
|
-
/* harmony import */ var
|
|
23210
|
-
/* harmony import */ var
|
|
23211
|
-
/* harmony import */ var
|
|
23212
|
-
/* harmony import */ var
|
|
23213
|
-
/* harmony import */ var
|
|
23214
|
-
/* harmony import */ var
|
|
23215
|
-
/* harmony import */ var
|
|
23216
|
-
/* harmony import */ var
|
|
23217
|
-
/* harmony import */ var
|
|
23218
|
-
/* harmony import */ var
|
|
23219
|
-
/* harmony import */ var
|
|
23220
|
-
/* harmony import */ var _MembersList_MembersList__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./MembersList/MembersList */ "./src/Presentation/Views/DialogInfo/MembersList/MembersList.tsx");
|
|
23221
|
-
/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
|
|
23222
|
-
/* harmony import */ var _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../components/UI/Buttons/MainButton/MainButton */ "./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx");
|
|
23223
|
-
/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ "./src/Presentation/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts");
|
|
23224
|
-
/* harmony import */ var _Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../Flow/LeaveDialogFlow/LeaveDialogFlow */ "./src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx");
|
|
23477
|
+
/* harmony import */ var _components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Contents/GroupChat */ "./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx");
|
|
23478
|
+
/* harmony import */ var _UsersList_UsersList__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./UsersList/UsersList */ "./src/Presentation/Views/DialogInfo/UsersList/UsersList.tsx");
|
|
23479
|
+
/* harmony import */ var _components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/UI/svgs/ActiveSvg/ActiveSvg */ "./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx");
|
|
23480
|
+
/* harmony import */ var _components_UI_svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Leave */ "./src/Presentation/components/UI/svgs/Icons/Navigation/Leave/index.tsx");
|
|
23481
|
+
/* harmony import */ var _components_UI_svgs_Icons_Navigation_Next__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Next */ "./src/Presentation/components/UI/svgs/Icons/Navigation/Next/index.tsx");
|
|
23482
|
+
/* harmony import */ var _components_UI_svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Down */ "./src/Presentation/components/UI/svgs/Icons/Navigation/Down/index.tsx");
|
|
23483
|
+
/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ "./src/Domain/entity/DialogTypes.ts");
|
|
23484
|
+
/* harmony import */ var _components_UI_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Contents/PublicChannel */ "./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx");
|
|
23485
|
+
/* harmony import */ var _components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Contents/User */ "./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx");
|
|
23486
|
+
/* harmony import */ var _components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/UI/Buttons/ActiveButton/ActiveButton */ "./src/Presentation/components/UI/Buttons/ActiveButton/ActiveButton.tsx");
|
|
23487
|
+
/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
|
|
23488
|
+
/* harmony import */ var _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../EditDialog/EditDialog */ "./src/Presentation/Views/EditDialog/EditDialog.tsx");
|
|
23489
|
+
/* harmony import */ var _InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../InviteMembers/InviteMembers */ "./src/Presentation/Views/InviteMembers/InviteMembers.tsx");
|
|
23490
|
+
/* harmony import */ var _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../Domain/entity/PublicDialogEntity */ "./src/Domain/entity/PublicDialogEntity.ts");
|
|
23491
|
+
/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
|
|
23492
|
+
/* 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");
|
|
23493
|
+
/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ "./src/Presentation/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts");
|
|
23494
|
+
/* harmony import */ var _Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../Flow/LeaveDialogFlow/LeaveDialogFlow */ "./src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx");
|
|
23495
|
+
/* 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");
|
|
23496
|
+
/* harmony import */ var _UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./UsersList/useUsersListViewModel */ "./src/Presentation/Views/DialogInfo/UsersList/useUsersListViewModel.ts");
|
|
23225
23497
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
23226
23498
|
__assign = Object.assign || function(t) {
|
|
23227
23499
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -23288,11 +23560,6 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
23288
23560
|
|
|
23289
23561
|
|
|
23290
23562
|
|
|
23291
|
-
|
|
23292
|
-
|
|
23293
|
-
|
|
23294
|
-
|
|
23295
|
-
|
|
23296
23563
|
|
|
23297
23564
|
|
|
23298
23565
|
|
|
@@ -23302,68 +23569,99 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
23302
23569
|
// eslint-disable-next-line react/function-component-definition
|
|
23303
23570
|
var DialogInfo = function (_a) {
|
|
23304
23571
|
var _b, _c;
|
|
23305
|
-
var dialog = _a.dialog, dialogViewModel = _a.dialogViewModel, onCloseDialogInformationHandler = _a.onCloseDialogInformationHandler,
|
|
23572
|
+
var dialog = _a.dialog, dialogViewModel = _a.dialogViewModel, onCloseDialogInformationHandler = _a.onCloseDialogInformationHandler, onShowAllMemberClick = _a.onShowAllMemberClick, _d = _a.showMembersDialogInitValue, showMembersDialogInitValue = _d === void 0 ? false : _d, users = _a.users,
|
|
23306
23573
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23307
|
-
|
|
23574
|
+
_e = _a.theme,
|
|
23308
23575
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23309
|
-
theme =
|
|
23310
|
-
var currentContext = (0,
|
|
23576
|
+
theme = _e === void 0 ? undefined : _e, _f = _a.subHeaderContent, subHeaderContent = _f === void 0 ? undefined : _f, _g = _a.upHeaderContent, upHeaderContent = _g === void 0 ? undefined : _g, _h = _a.rootStyles, rootStyles = _h === void 0 ? {} : _h;
|
|
23577
|
+
var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_21__["default"])();
|
|
23311
23578
|
var currentUserId =
|
|
23312
23579
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
23313
23580
|
(_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId.toString();
|
|
23314
|
-
var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(
|
|
23315
|
-
var
|
|
23316
|
-
var
|
|
23317
|
-
var _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), isAllMembersShow = _j[0], setIsAllMembersShow = _j[1];
|
|
23318
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
23319
|
-
console.log('HAVE NEW DIALOG');
|
|
23320
|
-
if (dialog === undefined && onCloseDialogInformationHandler) {
|
|
23321
|
-
console.log('HAVE UNDEFINED NEW DIALOG');
|
|
23322
|
-
onCloseDialogInformationHandler();
|
|
23323
|
-
return;
|
|
23324
|
-
}
|
|
23325
|
-
userViewModel.entity = dialogViewModel.entity;
|
|
23326
|
-
setShowMembersDialog(false);
|
|
23327
|
-
}, [dialog, dialogViewModel.entity]);
|
|
23328
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
23329
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
23330
|
-
userViewModel.getUsers();
|
|
23331
|
-
}, [userViewModel.entity]);
|
|
23581
|
+
var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_15__.ModalContext).handleModal;
|
|
23582
|
+
var _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState(showMembersDialogInitValue), showMembersDialog = _j[0], setShowMembersDialog = _j[1];
|
|
23583
|
+
var isMobile = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_23__.useMobileLayout)()[0];
|
|
23332
23584
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
23333
|
-
|
|
23334
|
-
|
|
23335
|
-
|
|
23336
|
-
|
|
23337
|
-
|
|
23338
|
-
};
|
|
23585
|
+
setShowMembersDialog(showMembersDialogInitValue);
|
|
23586
|
+
}, [showMembersDialogInitValue]);
|
|
23587
|
+
// const searchDialogHandler = () => {
|
|
23588
|
+
// console.log('searchDialogHandler');
|
|
23589
|
+
// };
|
|
23339
23590
|
var closeModal = function () {
|
|
23340
23591
|
handleModal(false, '', '', false, false);
|
|
23341
23592
|
};
|
|
23342
23593
|
var leaveDialogHandler = function () {
|
|
23343
|
-
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
23594
|
+
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_22__["default"], { dialog: ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), dialogsViewModel: dialogViewModel }), 'Leave dialog?', false, true);
|
|
23344
23595
|
};
|
|
23345
23596
|
var showMembersDialogHandler = function () {
|
|
23346
23597
|
setShowMembersDialog(!showMembersDialog);
|
|
23347
23598
|
};
|
|
23599
|
+
var userViewModel = (0,_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_24__["default"])(dialog);
|
|
23600
|
+
var _k = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), dialogAvatarUrl = _k[0], setDialogAvatarUrl = _k[1];
|
|
23601
|
+
var getUserAvatarByUid = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
23602
|
+
var result, participants, senderUser;
|
|
23603
|
+
return __generator(this, function (_a) {
|
|
23604
|
+
switch (_a.label) {
|
|
23605
|
+
case 0:
|
|
23606
|
+
result = '';
|
|
23607
|
+
participants = (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) &&
|
|
23608
|
+
(dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType["private"]
|
|
23609
|
+
? [
|
|
23610
|
+
(dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity)
|
|
23611
|
+
.participantId,
|
|
23612
|
+
]
|
|
23613
|
+
: [];
|
|
23614
|
+
return [4 /*yield*/, userViewModel.getUserById(participants[0])];
|
|
23615
|
+
case 1:
|
|
23616
|
+
senderUser = _a.sent();
|
|
23617
|
+
result = (senderUser === null || senderUser === void 0 ? void 0 : senderUser.photo) || '';
|
|
23618
|
+
return [2 /*return*/, result];
|
|
23619
|
+
}
|
|
23620
|
+
});
|
|
23621
|
+
}); };
|
|
23622
|
+
function getDialogPhotoFileForPreview() {
|
|
23623
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
23624
|
+
var tmpFileUrl;
|
|
23625
|
+
return __generator(this, function (_a) {
|
|
23626
|
+
switch (_a.label) {
|
|
23627
|
+
case 0: return [4 /*yield*/, getUserAvatarByUid()];
|
|
23628
|
+
case 1:
|
|
23629
|
+
tmpFileUrl = _a.sent();
|
|
23630
|
+
if (tmpFileUrl && tmpFileUrl.length > 0) {
|
|
23631
|
+
setDialogAvatarUrl(tmpFileUrl);
|
|
23632
|
+
}
|
|
23633
|
+
return [2 /*return*/];
|
|
23634
|
+
}
|
|
23635
|
+
});
|
|
23636
|
+
});
|
|
23637
|
+
}
|
|
23638
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
23639
|
+
getDialogPhotoFileForPreview();
|
|
23640
|
+
return function () {
|
|
23641
|
+
if (dialogAvatarUrl) {
|
|
23642
|
+
URL.revokeObjectURL(dialogAvatarUrl);
|
|
23643
|
+
}
|
|
23644
|
+
};
|
|
23645
|
+
}, []);
|
|
23348
23646
|
// eslint-disable-next-line consistent-return
|
|
23349
23647
|
var renderIconForTypeDialog = function (dialogEntity) {
|
|
23350
23648
|
console.log(JSON.stringify(dialogEntity));
|
|
23351
|
-
if (dialogEntity.type ===
|
|
23649
|
+
if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType.group) {
|
|
23352
23650
|
var groupDialogEntity = dialogEntity;
|
|
23353
23651
|
if (groupDialogEntity.photo) {
|
|
23354
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
23652
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_19__["default"], { urlAvatar: groupDialogEntity.photo, iconTheme: { width: '81px', height: '81px' } }));
|
|
23355
23653
|
}
|
|
23356
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-default-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-contents" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
23654
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-default-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-contents" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_5__["default"], { width: "51", height: "51", color: "var(--secondary-text)" }) })) })) })));
|
|
23357
23655
|
}
|
|
23358
|
-
if (dialogEntity.type ===
|
|
23359
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-default-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-contents" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
23656
|
+
if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType["private"]) {
|
|
23657
|
+
return dialogAvatarUrl ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_19__["default"], { urlAvatar: dialogAvatarUrl, iconTheme: { width: '81px', height: '81px' } })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-default-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-contents" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_13__["default"], { width: "51", height: "51", color: "var(--secondary-text)" }) })) })) })));
|
|
23360
23658
|
}
|
|
23361
|
-
if (dialogEntity.type ===
|
|
23659
|
+
if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType["public"]) {
|
|
23362
23660
|
var publicDialogEntity = dialogEntity;
|
|
23363
23661
|
if (publicDialogEntity.photo) {
|
|
23364
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
23662
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_19__["default"], { urlAvatar: publicDialogEntity.photo, iconTheme: { width: '81px', height: '81px' } }));
|
|
23365
23663
|
}
|
|
23366
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-default-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-contents" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
23664
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-default-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-contents" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_12__["default"], { width: "51", height: "51", color: "var(--secondary-text)" }) })) })) })));
|
|
23367
23665
|
}
|
|
23368
23666
|
};
|
|
23369
23667
|
function executeUpdateActions(params) {
|
|
@@ -23415,20 +23713,20 @@ var DialogInfo = function (_a) {
|
|
|
23415
23713
|
});
|
|
23416
23714
|
};
|
|
23417
23715
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23418
|
-
var
|
|
23716
|
+
var _l = react__WEBPACK_IMPORTED_MODULE_1___default().useState(document.documentElement.getAttribute('data-theme')), themeName = _l[0], setThemeName = _l[1];
|
|
23419
23717
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23420
23718
|
var changeThemeActions = function () {
|
|
23421
23719
|
setThemeName(document.documentElement.getAttribute('data-theme'));
|
|
23422
23720
|
};
|
|
23423
23721
|
var getUrlAvatar = function (dialogEntity) {
|
|
23424
23722
|
switch (dialogEntity.type) {
|
|
23425
|
-
case
|
|
23723
|
+
case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType.group:
|
|
23426
23724
|
return dialogEntity.photo || undefined;
|
|
23427
23725
|
break;
|
|
23428
|
-
case
|
|
23726
|
+
case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType["public"]:
|
|
23429
23727
|
return dialogEntity.photo || undefined;
|
|
23430
23728
|
break;
|
|
23431
|
-
case
|
|
23729
|
+
case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType["private"]:
|
|
23432
23730
|
return undefined;
|
|
23433
23731
|
break;
|
|
23434
23732
|
default:
|
|
@@ -23438,25 +23736,26 @@ var DialogInfo = function (_a) {
|
|
|
23438
23736
|
};
|
|
23439
23737
|
var useSubContent = subHeaderContent || false;
|
|
23440
23738
|
var useUpContent = upHeaderContent || false;
|
|
23441
|
-
return
|
|
23442
|
-
|
|
23443
|
-
|
|
23444
|
-
|
|
23445
|
-
|
|
23739
|
+
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"] &&
|
|
23740
|
+
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 () {
|
|
23741
|
+
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
|
|
23742
|
+
? {
|
|
23743
|
+
width: '300px',
|
|
23744
|
+
backgroundColor: 'var(--main-background)',
|
|
23745
|
+
}
|
|
23746
|
+
: {
|
|
23747
|
+
width: '380px',
|
|
23748
|
+
// minWidth: '332px',
|
|
23749
|
+
// maxWidth: '332px',
|
|
23750
|
+
backgroundColor: 'var(--main-background)',
|
|
23751
|
+
});
|
|
23446
23752
|
}, touchAction: function () {
|
|
23447
23753
|
console.log('call onTouch');
|
|
23448
|
-
} }) }))) : null }))] })), (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)(
|
|
23449
|
-
|
|
23450
|
-
} })] })), dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.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_7__["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: userViewModel.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_13__["default"], { content: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_16__["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_15__["default"], { applyZoom: true, width: "24", height: "24", color: "var(--secondary-elements)" })), onClick: showMembersDialogHandler, onTouch: 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: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: {
|
|
23451
|
-
height: '44px',
|
|
23452
|
-
width: '44px',
|
|
23453
|
-
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_12__["default"], { width: "44", height: "44" }) }))), (userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_11__["default"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {
|
|
23454
|
-
console.log('call retry after error...');
|
|
23455
|
-
} })), userViewModel.users && userViewModel.users.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_9__["default"], { usersFirstPageToView: userViewModel.users, allUsers: userViewModel.users, usersInDialogCount: userViewModel.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_27__["default"], { title: "Invite members", clickHandler: function () {
|
|
23456
|
-
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_23__["default"], { participants: _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__.PublicDialogEntity.getParticipants((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), applyInviteUsersHandler: function (usersForInvite,
|
|
23754
|
+
} }) }))) : 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 () {
|
|
23755
|
+
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_17__["default"], { participants: _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_18__.PublicDialogEntity.getParticipants((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), applyInviteUsersHandler: function (usersForInvite,
|
|
23457
23756
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23458
23757
|
usersForRemove) {
|
|
23459
|
-
var alreadyPresents =
|
|
23758
|
+
var alreadyPresents = _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_18__.PublicDialogEntity.getParticipants((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog);
|
|
23460
23759
|
var newParticipants = usersForInvite.filter(function (item) { return alreadyPresents.indexOf(item) < 0; });
|
|
23461
23760
|
if (newParticipants.length > 0) {
|
|
23462
23761
|
var dialogForUpdate = __assign(__assign({}, ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) ||
|
|
@@ -23487,8 +23786,8 @@ var DialogInfo = function (_a) {
|
|
|
23487
23786
|
}
|
|
23488
23787
|
}, cancelInviteMembersHandler: function () {
|
|
23489
23788
|
closeModal();
|
|
23490
|
-
}, typeAddEditDialog:
|
|
23491
|
-
}, typeButton:
|
|
23789
|
+
}, typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_16__.TypeOpenDialog.edit, typeDialog: dialog.type, idOwnerDialog: dialog.ownerId }), 'Edit dialog', false, false);
|
|
23790
|
+
}, typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_20__.TypeButton.outlined, disabled: dialog.ownerId !== currentUserId }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_20__["default"], { title: "See all members", typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_20__.TypeButton.outlined, clickHandler: function () { return onShowAllMemberClick(true); } })] }))] })) : null })] })) : null, (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)(_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_Leave__WEBPACK_IMPORTED_MODULE_8__["default"], { width: "24", height: "24", applyZoom: true, color: "var(--error)" }), onClick: function () {
|
|
23492
23791
|
leaveDialogHandler();
|
|
23493
23792
|
}, onTouch: function () {
|
|
23494
23793
|
leaveDialogHandler();
|
|
@@ -23544,9 +23843,9 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
|
|
|
23544
23843
|
|
|
23545
23844
|
// eslint-disable-next-line react/function-component-definition
|
|
23546
23845
|
var MembersList = function (_a) {
|
|
23547
|
-
var closeInformationHandler = _a.closeInformationHandler, members = _a.members;
|
|
23548
|
-
var
|
|
23549
|
-
var
|
|
23846
|
+
var closeInformationHandler = _a.closeInformationHandler, members = _a.members, _b = _a.maxHeight, maxHeight = _b === void 0 ? 0 : _b;
|
|
23847
|
+
var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), userNameForFilter = _c[0], setUserNameForFilter = _c[1];
|
|
23848
|
+
var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(__spreadArray([], members, true)), membersListFilter = _d[0], setMembersListFilter = _d[1];
|
|
23550
23849
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
23551
23850
|
if (userNameForFilter.length >= 3) {
|
|
23552
23851
|
var newFilteredMembers = members.filter(function (item) {
|
|
@@ -23564,7 +23863,7 @@ var MembersList = function (_a) {
|
|
|
23564
23863
|
}, [userNameForFilter]);
|
|
23565
23864
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "members-container" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "members-container-header" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "members-container-header-left" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "members-container-header-left-headline" }, { children: "Members" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "members-container-header-left-headline-badge" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "members-container-header-left-headline-badge-value" }, { children: members.length })) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "members-container-header-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_3__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__["default"], { width: "24px", height: "24px", applyZoom: true, color: "var(--secondary-elements)" }), onClick: closeInformationHandler }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "members-container-search" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "members-container-search-text-field" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "members-container-search-text-field-f" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "members-container-search-text-field-f-left" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "members-container-search-text-field-f-left-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_5__["default"], { applyZoom: true, width: "24", height: "24", color: "var(--tertiary-elements)" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "members-container-search-text-field-f-left-input" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", value: userNameForFilter, onChange: function (event) {
|
|
23566
23865
|
setUserNameForFilter(event.target.value);
|
|
23567
|
-
}, placeholder: "Search" }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "members-container-search-text-field-f-right" })] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "members-container-members-list-wrapper" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_6__["default"], { usersFirstPageToView: __spreadArray([], membersListFilter, true), allUsers: __spreadArray([], membersListFilter, true), usersInDialogCount: membersListFilter.length }) }))] })));
|
|
23866
|
+
}, placeholder: "Search" }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "members-container-search-text-field-f-right" })] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "members-container-members-list-wrapper" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_6__["default"], { maxHeight: maxHeight, usersFirstPageToView: __spreadArray([], membersListFilter, true), allUsers: __spreadArray([], membersListFilter, true), usersInDialogCount: membersListFilter.length }) }))] })));
|
|
23568
23867
|
};
|
|
23569
23868
|
/* harmony default export */ __webpack_exports__["default"] = (MembersList);
|
|
23570
23869
|
|
|
@@ -23582,6 +23881,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
23582
23881
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
23583
23882
|
/* harmony import */ var _SingleUser_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SingleUser.scss */ "./src/Presentation/Views/DialogInfo/UsersList/SingleUser/SingleUser.scss");
|
|
23584
23883
|
/* harmony import */ var _components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/Contents/User */ "./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx");
|
|
23884
|
+
/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
|
|
23585
23885
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
23586
23886
|
__assign = Object.assign || function(t) {
|
|
23587
23887
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -23596,10 +23896,40 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
23596
23896
|
|
|
23597
23897
|
|
|
23598
23898
|
|
|
23899
|
+
|
|
23599
23900
|
// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
|
|
23600
23901
|
var UserSingle = function (_a) {
|
|
23902
|
+
// const [dialogAvatarUrl, setDialogAvatarUrl] = React.useState('');
|
|
23903
|
+
// const getUserAvatarUid = () => {
|
|
23904
|
+
// let result = '';
|
|
23905
|
+
//
|
|
23906
|
+
// result = user?.blob_id || '';
|
|
23907
|
+
//
|
|
23908
|
+
// return result;
|
|
23909
|
+
// };
|
|
23910
|
+
//
|
|
23911
|
+
// async function getDialogPhotoFileForPreview() {
|
|
23912
|
+
// const fileUid: string = getUserAvatarUid();
|
|
23913
|
+
//
|
|
23914
|
+
// if (fileUid && fileUid.length > 0) {
|
|
23915
|
+
// let tmpFileUrl: string = fileUid && QB.content.privateUrl(fileUid);
|
|
23916
|
+
// const { blobFile } = await Creator.createBlobFromUrl(tmpFileUrl);
|
|
23917
|
+
//
|
|
23918
|
+
// tmpFileUrl = blobFile ? URL.createObjectURL(blobFile) : tmpFileUrl || '';
|
|
23919
|
+
// setDialogAvatarUrl(tmpFileUrl);
|
|
23920
|
+
// }
|
|
23921
|
+
// }
|
|
23922
|
+
// useEffect(() => {
|
|
23923
|
+
// getDialogPhotoFileForPreview();
|
|
23924
|
+
//
|
|
23925
|
+
// return () => {
|
|
23926
|
+
// if (dialogAvatarUrl) {
|
|
23927
|
+
// URL.revokeObjectURL(dialogAvatarUrl);
|
|
23928
|
+
// }
|
|
23929
|
+
// };
|
|
23930
|
+
// }, []);
|
|
23601
23931
|
var user = _a.user, keyValue = _a.keyValue;
|
|
23602
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "list-single-user" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "list-single-user-avatar" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "list-single-user-avatar-rectangle" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "list-single-user-avatar-ellipse" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "list-single-user-contents-user" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_2__["default"], { width: "26", height: "26", applyZoom: true, color: "var(--tertiary-elements)" }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "list-single-user-subtitle" }, { children: (user === null || user === void 0 ? void 0 : user.full_name) || (user === null || user === void 0 ? void 0 : user.login) || (user === null || user === void 0 ? void 0 : user.email) || (user === null || user === void 0 ? void 0 : user.id) }))] })));
|
|
23932
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "list-single-user" }, { children: [user.photo ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_3__["default"], { urlAvatar: user.photo, iconTheme: { width: '41px', height: '41px' } })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "list-single-user-avatar" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "list-single-user-avatar-rectangle" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "list-single-user-avatar-ellipse" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "list-single-user-contents-user" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_2__["default"], { width: "26", height: "26", applyZoom: true, color: "var(--tertiary-elements)" }) }))] }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "list-single-user-subtitle" }, { children: (user === null || user === void 0 ? void 0 : user.full_name) || (user === null || user === void 0 ? void 0 : user.login) || (user === null || user === void 0 ? void 0 : user.email) || (user === null || user === void 0 ? void 0 : user.id) }))] })));
|
|
23603
23933
|
};
|
|
23604
23934
|
/* harmony default export */ __webpack_exports__["default"] = (UserSingle);
|
|
23605
23935
|
|
|
@@ -23636,9 +23966,9 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
|
|
|
23636
23966
|
|
|
23637
23967
|
// eslint-disable-next-line react/function-component-definition
|
|
23638
23968
|
var UsersList = function (_a) {
|
|
23639
|
-
var usersFirstPageToView = _a.usersFirstPageToView, allUsers = _a.allUsers, _b = _a.usersInDialogCount, usersInDialogCount = _b === void 0 ? 0 : _b;
|
|
23640
|
-
var
|
|
23641
|
-
var
|
|
23969
|
+
var usersFirstPageToView = _a.usersFirstPageToView, allUsers = _a.allUsers, _b = _a.usersInDialogCount, usersInDialogCount = _b === void 0 ? 0 : _b, _c = _a.maxHeight, maxHeight = _c === void 0 ? 0 : _c;
|
|
23970
|
+
var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), hasMore = _d[0], setHasMore = _d[1];
|
|
23971
|
+
var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(__spreadArray([], usersFirstPageToView, true)), usersToView = _e[0], setUsersToView = _e[1];
|
|
23642
23972
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
23643
23973
|
setUsersToView(__spreadArray([], usersFirstPageToView, true));
|
|
23644
23974
|
}, [usersFirstPageToView, allUsers]);
|
|
@@ -23661,7 +23991,8 @@ var UsersList = function (_a) {
|
|
|
23661
23991
|
});
|
|
23662
23992
|
}
|
|
23663
23993
|
};
|
|
23664
|
-
|
|
23994
|
+
var rootStyles = maxHeight > 0 ? { maxHeight: "".concat(maxHeight, "px") } : {};
|
|
23995
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { rootStyles: rootStyles, data: usersToView, renderItem: renderUserComponent, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: false }));
|
|
23665
23996
|
};
|
|
23666
23997
|
/* harmony default export */ __webpack_exports__["default"] = (UsersList);
|
|
23667
23998
|
|
|
@@ -23685,6 +24016,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
23685
24016
|
/* harmony import */ var _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../Domain/use_cases/GetUsersByIdsUseCase */ "./src/Domain/use_cases/GetUsersByIdsUseCase.ts");
|
|
23686
24017
|
/* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../Data/repository/UsersRepository */ "./src/Data/repository/UsersRepository.ts");
|
|
23687
24018
|
/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../Domain/entity/DialogTypes */ "./src/Domain/entity/DialogTypes.ts");
|
|
24019
|
+
/* harmony import */ var _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../Data/DefaultConfigurations */ "./src/Data/DefaultConfigurations.ts");
|
|
23688
24020
|
var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
23689
24021
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
23690
24022
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -23735,6 +24067,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
|
|
|
23735
24067
|
|
|
23736
24068
|
|
|
23737
24069
|
|
|
24070
|
+
|
|
23738
24071
|
function useUsersListViewModel(dialogEntity) {
|
|
23739
24072
|
console.log('create useUsersListViewModel');
|
|
23740
24073
|
var _a = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _a[0], setLoading = _a[1];
|
|
@@ -23742,40 +24075,91 @@ function useUsersListViewModel(dialogEntity) {
|
|
|
23742
24075
|
var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), users = _c[0], setUsers = _c[1];
|
|
23743
24076
|
var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _d[0], setDialog = _d[1];
|
|
23744
24077
|
var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_1__["default"])();
|
|
24078
|
+
var QBConfig = currentContext.InitParams.qbConfig ||
|
|
24079
|
+
_Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_5__.DefaultConfigurations.getDefaultQBConfig();
|
|
24080
|
+
var regexUserName = QBConfig.appConfig.regexUserName;
|
|
24081
|
+
var regex = regexUserName ? new RegExp(regexUserName) : null;
|
|
24082
|
+
function logData(message, data) {
|
|
24083
|
+
console.log("".concat(message, " :"), JSON.stringify(data));
|
|
24084
|
+
}
|
|
24085
|
+
function handleSuccessfulFetch(participants, data) {
|
|
24086
|
+
logData('have getUsers', data);
|
|
24087
|
+
logData('have idis', participants);
|
|
24088
|
+
setUsers(__spreadArray([], data, true));
|
|
24089
|
+
setLoading(false);
|
|
24090
|
+
setError('');
|
|
24091
|
+
}
|
|
24092
|
+
function handleFailedFetch(errorMessage) {
|
|
24093
|
+
logData('have ERROR get users', errorMessage);
|
|
24094
|
+
setLoading(false);
|
|
24095
|
+
setError(errorMessage);
|
|
24096
|
+
}
|
|
24097
|
+
function getUsersData(participants) {
|
|
24098
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
24099
|
+
var usersRepository, getUsersByIdsUseCase, data;
|
|
24100
|
+
return __generator(this, function (_a) {
|
|
24101
|
+
switch (_a.label) {
|
|
24102
|
+
case 0:
|
|
24103
|
+
usersRepository = new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__["default"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE);
|
|
24104
|
+
getUsersByIdsUseCase = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_2__.GetUsersByIdsUseCase(usersRepository, participants);
|
|
24105
|
+
return [4 /*yield*/, getUsersByIdsUseCase.execute()];
|
|
24106
|
+
case 1:
|
|
24107
|
+
data = _a.sent();
|
|
24108
|
+
return [2 /*return*/, data];
|
|
24109
|
+
}
|
|
24110
|
+
});
|
|
24111
|
+
});
|
|
24112
|
+
}
|
|
24113
|
+
function fetchUsersData(participants) {
|
|
24114
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
24115
|
+
var data, tmpItems, i, u, regexResult, er_1, errorMessage;
|
|
24116
|
+
return __generator(this, function (_a) {
|
|
24117
|
+
switch (_a.label) {
|
|
24118
|
+
case 0:
|
|
24119
|
+
setLoading(true);
|
|
24120
|
+
_a.label = 1;
|
|
24121
|
+
case 1:
|
|
24122
|
+
_a.trys.push([1, 3, , 4]);
|
|
24123
|
+
return [4 /*yield*/, getUsersData(participants)];
|
|
24124
|
+
case 2:
|
|
24125
|
+
data = _a.sent();
|
|
24126
|
+
tmpItems = [];
|
|
24127
|
+
for (i = 0; i < data.length; i += 1) {
|
|
24128
|
+
u = data[i];
|
|
24129
|
+
regexResult = u.full_name && regex && regex.test(u.full_name);
|
|
24130
|
+
if (!regexResult) {
|
|
24131
|
+
u.full_name = 'Unknown';
|
|
24132
|
+
}
|
|
24133
|
+
tmpItems.push(u);
|
|
24134
|
+
}
|
|
24135
|
+
//
|
|
24136
|
+
handleSuccessfulFetch(participants, tmpItems);
|
|
24137
|
+
return [3 /*break*/, 4];
|
|
24138
|
+
case 3:
|
|
24139
|
+
er_1 = _a.sent();
|
|
24140
|
+
errorMessage = er_1.message;
|
|
24141
|
+
handleFailedFetch(errorMessage);
|
|
24142
|
+
return [3 /*break*/, 4];
|
|
24143
|
+
case 4: return [2 /*return*/];
|
|
24144
|
+
}
|
|
24145
|
+
});
|
|
24146
|
+
});
|
|
24147
|
+
}
|
|
23745
24148
|
function getUsers() {
|
|
23746
24149
|
return __awaiter(this, void 0, void 0, function () {
|
|
23747
|
-
var participants
|
|
24150
|
+
var participants;
|
|
23748
24151
|
return __generator(this, function (_a) {
|
|
23749
24152
|
switch (_a.label) {
|
|
23750
24153
|
case 0:
|
|
23751
24154
|
console.log('call getUsers in useUsersListViewModel');
|
|
23752
|
-
participants =
|
|
23753
|
-
|
|
23754
|
-
|
|
23755
|
-
|
|
23756
|
-
|
|
23757
|
-
|
|
23758
|
-
|
|
23759
|
-
|
|
23760
|
-
participants = [];
|
|
23761
|
-
}
|
|
23762
|
-
setLoading(true);
|
|
23763
|
-
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);
|
|
23764
|
-
return [4 /*yield*/, initAllUsersByIdsUseCase
|
|
23765
|
-
.execute()
|
|
23766
|
-
// eslint-disable-next-line promise/always-return
|
|
23767
|
-
.then(function (data) {
|
|
23768
|
-
console.log('have getUsers :', JSON.stringify(data));
|
|
23769
|
-
console.log('have idis :', JSON.stringify(participants));
|
|
23770
|
-
setUsers(__spreadArray([], data, true));
|
|
23771
|
-
setLoading(false);
|
|
23772
|
-
setError('');
|
|
23773
|
-
})
|
|
23774
|
-
.catch(function (e) {
|
|
23775
|
-
console.log('have ERROR get users :', JSON.stringify(e));
|
|
23776
|
-
setLoading(false);
|
|
23777
|
-
setError(e.message);
|
|
23778
|
-
})];
|
|
24155
|
+
participants =
|
|
24156
|
+
// eslint-disable-next-line no-nested-ternary
|
|
24157
|
+
(dialog === null || dialog === void 0 ? void 0 : dialog.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType.group
|
|
24158
|
+
? dialog.participantIds
|
|
24159
|
+
: (dialog === null || dialog === void 0 ? void 0 : dialog.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType["private"]
|
|
24160
|
+
? [dialog.participantId]
|
|
24161
|
+
: [];
|
|
24162
|
+
return [4 /*yield*/, fetchUsersData(participants)];
|
|
23779
24163
|
case 1:
|
|
23780
24164
|
_a.sent();
|
|
23781
24165
|
console.log('EXECUTE USE CASES getUsers');
|
|
@@ -23784,6 +24168,19 @@ function useUsersListViewModel(dialogEntity) {
|
|
|
23784
24168
|
});
|
|
23785
24169
|
});
|
|
23786
24170
|
}
|
|
24171
|
+
function getUserById(id) {
|
|
24172
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
24173
|
+
var response;
|
|
24174
|
+
return __generator(this, function (_a) {
|
|
24175
|
+
switch (_a.label) {
|
|
24176
|
+
case 0: return [4 /*yield*/, getUsersData([id])];
|
|
24177
|
+
case 1:
|
|
24178
|
+
response = _a.sent();
|
|
24179
|
+
return [2 /*return*/, Promise.resolve(response[0])];
|
|
24180
|
+
}
|
|
24181
|
+
});
|
|
24182
|
+
});
|
|
24183
|
+
}
|
|
23787
24184
|
var release = function () {
|
|
23788
24185
|
console.log('call release in useUsersListViewModel');
|
|
23789
24186
|
};
|
|
@@ -23799,6 +24196,7 @@ function useUsersListViewModel(dialogEntity) {
|
|
|
23799
24196
|
error: error,
|
|
23800
24197
|
// eslint-disable-next-line @typescript-eslint/no-misused-promises
|
|
23801
24198
|
getUsers: getUsers,
|
|
24199
|
+
getUserById: getUserById,
|
|
23802
24200
|
release: release,
|
|
23803
24201
|
};
|
|
23804
24202
|
}
|
|
@@ -23827,9 +24225,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
23827
24225
|
/* harmony import */ var _DialogListHeader_DialogListHeader__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../DialogListHeader/DialogListHeader */ "./src/Presentation/Views/DialogListHeader/DialogListHeader.tsx");
|
|
23828
24226
|
/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
|
|
23829
24227
|
/* harmony import */ var _Flow_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../Flow/CreateDialogFlow/CreateNewDialogFlow */ "./src/Presentation/Views/Flow/CreateDialogFlow/CreateNewDialogFlow.tsx");
|
|
23830
|
-
/* harmony import */ var
|
|
23831
|
-
/* harmony import */ var
|
|
23832
|
-
/* harmony import */ var
|
|
24228
|
+
/* harmony import */ var _components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Search */ "./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx");
|
|
24229
|
+
/* harmony import */ var _components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Actions/Remove */ "./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx");
|
|
24230
|
+
/* harmony import */ var _components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/containers/SectionList/hooks */ "./src/Presentation/components/containers/SectionList/hooks/index.ts");
|
|
24231
|
+
/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../utils/DateTimeFormatter */ "./src/utils/DateTimeFormatter.ts");
|
|
23833
24232
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
23834
24233
|
__assign = Object.assign || function(t) {
|
|
23835
24234
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -23865,6 +24264,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
|
|
|
23865
24264
|
|
|
23866
24265
|
|
|
23867
24266
|
|
|
24267
|
+
|
|
23868
24268
|
// eslint-disable-next-line react/function-component-definition
|
|
23869
24269
|
var DialogList = function (_a) {
|
|
23870
24270
|
var header = _a.header, subHeaderContent = _a.subHeaderContent, upHeaderContent = _a.upHeaderContent, onDialogSelectHandler = _a.onDialogSelectHandler, onLeaveDialog = _a.onLeaveDialog, dialogsViewModel = _a.dialogsViewModel, _b = _a.additionalSettings, additionalSettings = _b === void 0 ? undefined : _b, _c = _a.scrollableHeight, scrollableHeight = _c === void 0 ? 736 : _c;
|
|
@@ -23873,9 +24273,10 @@ var DialogList = function (_a) {
|
|
|
23873
24273
|
var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState({ selectedIndex: undefined, item: undefined }), selectedItem = _e[0], setSelectedItem = _e[1];
|
|
23874
24274
|
var _f = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showSearchDialogs = _f[0], setShowSearchDialogs = _f[1];
|
|
23875
24275
|
var _g = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), nameDialogForSearch = _g[0], setNameDialogForSearch = _g[1];
|
|
24276
|
+
var isMobile = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_14__.useMobileLayout)()[0];
|
|
23876
24277
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
23877
24278
|
console.log('USE EFFECT DIALOG LIST HAS CHANGED');
|
|
23878
|
-
console.log(JSON.stringify(dialogsViewModel
|
|
24279
|
+
// console.log(JSON.stringify(dialogsViewModel?.dialogs)); //todo artik changed 28.12.2023
|
|
23879
24280
|
dialogs.slice(0);
|
|
23880
24281
|
dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.forEach(function (entiy, index) {
|
|
23881
24282
|
var pw = new _PreviewDialog_PreviewDialogViewModel__WEBPACK_IMPORTED_MODULE_5__["default"](function (it) {
|
|
@@ -23935,21 +24336,28 @@ var DialogList = function (_a) {
|
|
|
23935
24336
|
// dialogsViewModel?.getDialogs(firstPagination);
|
|
23936
24337
|
// }, []);
|
|
23937
24338
|
var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__.ModalContext).handleModal;
|
|
24339
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23938
24340
|
var useHeader = !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.withoutHeader) || header || false;
|
|
23939
24341
|
var useSubContent = (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.useSubHeader) || subHeaderContent || false;
|
|
23940
24342
|
var useUpContent = (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.useUpHeader) || upHeaderContent || false;
|
|
24343
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23941
24344
|
var HeaderContent = header || ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DialogListHeader_DialogListHeader__WEBPACK_IMPORTED_MODULE_9__["default"], { title: "Dialogs", clickSearchHandler: function () {
|
|
23942
24345
|
setShowSearchDialogs(!showSearchDialogs);
|
|
23943
24346
|
setNameDialogForSearch('');
|
|
23944
24347
|
}, clickActionHandler: function () {
|
|
23945
|
-
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Flow_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__["default"], { dialogsViewModel: dialogsViewModel }), 'New dialog', false, false,
|
|
23946
|
-
|
|
23947
|
-
|
|
23948
|
-
|
|
23949
|
-
|
|
23950
|
-
|
|
23951
|
-
|
|
24348
|
+
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Flow_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__["default"], { dialogsViewModel: dialogsViewModel }), 'New dialog', false, false, isMobile
|
|
24349
|
+
? {
|
|
24350
|
+
width: '300px',
|
|
24351
|
+
backgroundColor: 'var(--main-background)',
|
|
24352
|
+
}
|
|
24353
|
+
: {
|
|
24354
|
+
width: '380px',
|
|
24355
|
+
// minWidth: '332px',
|
|
24356
|
+
// maxWidth: '332px',
|
|
24357
|
+
backgroundColor: 'var(--main-background)',
|
|
24358
|
+
});
|
|
23952
24359
|
}, theme: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themeHeader }));
|
|
24360
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23953
24361
|
var renderPreviewDialog = function (item, index) {
|
|
23954
24362
|
var _a;
|
|
23955
24363
|
function getMessageDateTimeSent() {
|
|
@@ -23960,7 +24368,7 @@ var DialogList = function (_a) {
|
|
|
23960
24368
|
if (Number.isNaN(dateInt)) {
|
|
23961
24369
|
return formattedValue;
|
|
23962
24370
|
}
|
|
23963
|
-
formattedValue = (0,
|
|
24371
|
+
formattedValue = (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_15__.getDateForDialog)(dateInt * 1000);
|
|
23964
24372
|
}
|
|
23965
24373
|
return formattedValue;
|
|
23966
24374
|
}
|
|
@@ -24002,17 +24410,18 @@ var DialogList = function (_a) {
|
|
|
24002
24410
|
height: '44',
|
|
24003
24411
|
};
|
|
24004
24412
|
var renderSearchDialogs = function () {
|
|
24005
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "search-dialog-name-input" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
24413
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "search-dialog-name-input" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_12__["default"], { applyZoom: true, width: "24", height: "24", color: "var(--tertiary-elements)" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text",
|
|
24006
24414
|
// style={{ width: '268px' }}
|
|
24007
24415
|
style: { width: '85%' }, value: nameDialogForSearch, onChange: function (event) {
|
|
24008
24416
|
setNameDialogForSearch(event.target.value);
|
|
24009
24417
|
}, placeholder: "Search" }), nameDialogForSearch.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: { cursor: 'pointer' }, onClick: function () {
|
|
24010
24418
|
setNameDialogForSearch('');
|
|
24011
|
-
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
24419
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_13__["default"], { width: "24", height: "24", color: "var(--tertiary-elements)" }) }))) : null] })));
|
|
24012
24420
|
};
|
|
24013
|
-
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) {
|
|
24421
|
+
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', height: 'initial' }, ref: function (el) {
|
|
24014
24422
|
if (el) {
|
|
24015
24423
|
el.style.setProperty('max-height', "".concat(scrollableHeight, "px"), 'important');
|
|
24424
|
+
el.style.setProperty('height', "".concat(scrollableHeight, "px"), 'important');
|
|
24016
24425
|
}
|
|
24017
24426
|
} }, { children: [(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: {
|
|
24018
24427
|
display: 'flex',
|
|
@@ -24036,7 +24445,7 @@ var DialogList = function (_a) {
|
|
|
24036
24445
|
(dialogsToView && dialogsToView.length) > 0 &&
|
|
24037
24446
|
dialogsToView.map(function (item, index) {
|
|
24038
24447
|
return renderPreviewDialog(item, index);
|
|
24039
|
-
})] }))] }) })));
|
|
24448
|
+
})] }))] })) })));
|
|
24040
24449
|
};
|
|
24041
24450
|
/* harmony default export */ __webpack_exports__["default"] = (DialogList);
|
|
24042
24451
|
|
|
@@ -24075,6 +24484,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
24075
24484
|
/* harmony import */ var _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../Domain/use_cases/RemoveUsersFromTheDialogUseCase */ "./src/Domain/use_cases/RemoveUsersFromTheDialogUseCase.ts");
|
|
24076
24485
|
/* harmony import */ var _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../Domain/use_cases/GetUsersByIdsUseCase */ "./src/Domain/use_cases/GetUsersByIdsUseCase.ts");
|
|
24077
24486
|
/* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../Data/repository/UsersRepository */ "./src/Data/repository/UsersRepository.ts");
|
|
24487
|
+
/* harmony import */ var _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../Data/DefaultConfigurations */ "./src/Data/DefaultConfigurations.ts");
|
|
24078
24488
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
24079
24489
|
__assign = Object.assign || function(t) {
|
|
24080
24490
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -24150,6 +24560,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
|
|
|
24150
24560
|
|
|
24151
24561
|
|
|
24152
24562
|
|
|
24563
|
+
|
|
24153
24564
|
|
|
24154
24565
|
function useDialogListViewModel(currentContext, initPagination) {
|
|
24155
24566
|
var _this = this;
|
|
@@ -24169,6 +24580,11 @@ function useDialogListViewModel(currentContext, initPagination) {
|
|
|
24169
24580
|
var eventMessageRepository = currentContext.storage.EVENT_MESSAGE_REPOSITORY;
|
|
24170
24581
|
var useCaseSubscribeToDialogsUpdates = new _Domain_use_cases_SubscribeToDialogsUpdatesUseCaseWithMock__WEBPACK_IMPORTED_MODULE_2__.SubscribeToDialogsUpdatesUseCaseWithMock(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__["default"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock));
|
|
24171
24582
|
var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__.SubscribeToDialogEventsUseCase(eventMessageRepository, 'DialogsViewModel');
|
|
24583
|
+
//
|
|
24584
|
+
var QBConfig = currentContext.InitParams.qbConfig ||
|
|
24585
|
+
_Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_20__.DefaultConfigurations.getDefaultQBConfig();
|
|
24586
|
+
var regexUserName = QBConfig.appConfig.regexUserName;
|
|
24587
|
+
var regex = regexUserName ? new RegExp(regexUserName) : null;
|
|
24172
24588
|
function getDialogs(currentPagination) {
|
|
24173
24589
|
return __awaiter(this, void 0, void 0, function () {
|
|
24174
24590
|
var useCaseGetAllDialogs;
|
|
@@ -24181,7 +24597,20 @@ function useDialogListViewModel(currentContext, initPagination) {
|
|
|
24181
24597
|
useCaseGetAllDialogs = new _Domain_use_cases_GetAllDialogsUseCaseWithMock__WEBPACK_IMPORTED_MODULE_4__.GetAllDialogsUseCaseWithMock(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__["default"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), currentPagination);
|
|
24182
24598
|
return [4 /*yield*/, (useCaseGetAllDialogs === null || useCaseGetAllDialogs === void 0 ? void 0 : useCaseGetAllDialogs.execute().then(function (result) {
|
|
24183
24599
|
console.log('EXECUTE COMPLETED: ', JSON.stringify(currentPagination));
|
|
24184
|
-
|
|
24600
|
+
//
|
|
24601
|
+
var tmpItems = result.ResultData.reduce(function (acc, u) {
|
|
24602
|
+
var isPrivate = u.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType["private"];
|
|
24603
|
+
var isValidName = regex && u.name && u.name.length > 0 && regex.test(u.name);
|
|
24604
|
+
if (isPrivate && !isValidName) {
|
|
24605
|
+
// eslint-disable-next-line no-param-reassign
|
|
24606
|
+
u.name = 'Unknown';
|
|
24607
|
+
}
|
|
24608
|
+
acc.push(u);
|
|
24609
|
+
return acc;
|
|
24610
|
+
}, []);
|
|
24611
|
+
//
|
|
24612
|
+
// setDialogs([...(result.ResultData as PublicDialogEntity[])]);
|
|
24613
|
+
setDialogs(__spreadArray([], tmpItems, true));
|
|
24185
24614
|
setLoading(false);
|
|
24186
24615
|
setPagination(result.CurrentPagination);
|
|
24187
24616
|
}).catch(function (e) {
|
|
@@ -24660,7 +25089,7 @@ var EditDialog = function (_a) {
|
|
|
24660
25089
|
cursor: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType["private"] ? 'pointer' : '',
|
|
24661
25090
|
} }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType["private"] ? 'Upload' : '' }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { id: "uploadBtn", type: "file", accept: "image/*", style: { display: 'none' }, onChange: function (event) {
|
|
24662
25091
|
ChangeFileHandler(event);
|
|
24663
|
-
}, disabled: typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType["private"] })] })) }))] })), errorMessageUpload.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__upload-error" }, { children: errorMessageUpload }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__dialog-name-inf" }, { children: "Dialog name" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__dialog-name-input" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", style: { width: '
|
|
25092
|
+
}, disabled: typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType["private"] })] })) }))] })), errorMessageUpload.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__upload-error" }, { children: errorMessageUpload }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__dialog-name-inf" }, { children: "Dialog name" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__dialog-name-input" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", style: { width: '100%' }, value: (dialogName === null || dialogName === void 0 ? void 0 : dialogName.length) > 0 ? dialogName : undefined, onChange: function (event) { return setDialogName(event.target.value); }, placeholder: "Enter name" }) }))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-btn-container" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_5__["default"], { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
|
|
24664
25093
|
flexBasis: '63px',
|
|
24665
25094
|
minWidth: '63px',
|
|
24666
25095
|
maxWidth: '63px',
|
|
@@ -24779,7 +25208,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
24779
25208
|
// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
|
|
24780
25209
|
var CreateDialog = function (_a) {
|
|
24781
25210
|
var createPrivateDialogClickHandler = _a.createPrivateDialogClickHandler, createPrivateDialogTouchHandler = _a.createPrivateDialogTouchHandler, createGroupDialogClickHandler = _a.createGroupDialogClickHandler, createGroupDialogTouchHandler = _a.createGroupDialogTouchHandler, createPublicDialogClickHandler = _a.createPublicDialogClickHandler, createPublicDialogTouchHandler = _a.createPublicDialogTouchHandler;
|
|
24782
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({ gapBetweenItem: "8px" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "
|
|
25211
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({ gapBetweenItem: "8px" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "item-type-dialog" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_Chat__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "24", height: "24", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-name" }, { children: "Private" }))] })), clickAction: createPrivateDialogClickHandler, touchAction: createPrivateDialogTouchHandler }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "item-type-dialog" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_4__["default"], { width: "32", height: "32", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-name" }, { children: "Group" }))] })), clickAction: createGroupDialogClickHandler, touchAction: createGroupDialogTouchHandler }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "item-type-dialog" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__["default"], { width: "32", height: "32", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-name" }, { children: "Public" }))] })), clickAction: createPublicDialogClickHandler, touchAction: createPublicDialogTouchHandler })] })));
|
|
24783
25212
|
};
|
|
24784
25213
|
/* harmony default export */ __webpack_exports__["default"] = (CreateDialog);
|
|
24785
25214
|
|
|
@@ -24975,20 +25404,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
24975
25404
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
24976
25405
|
/* harmony import */ var _YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../YesNoQuestion/YesNoQuestion */ "./src/Presentation/Views/YesNoQuestion/YesNoQuestion.tsx");
|
|
24977
25406
|
/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../utils/parse */ "./src/utils/parse.ts");
|
|
24978
|
-
/* harmony import */ var
|
|
24979
|
-
/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
|
|
24980
|
-
var __assign = (undefined && undefined.__assign) || function () {
|
|
24981
|
-
__assign = Object.assign || function(t) {
|
|
24982
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
24983
|
-
s = arguments[i];
|
|
24984
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
24985
|
-
t[p] = s[p];
|
|
24986
|
-
}
|
|
24987
|
-
return t;
|
|
24988
|
-
};
|
|
24989
|
-
return __assign.apply(this, arguments);
|
|
24990
|
-
};
|
|
24991
|
-
|
|
25407
|
+
/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
|
|
24992
25408
|
|
|
24993
25409
|
|
|
24994
25410
|
|
|
@@ -24997,24 +25413,28 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
24997
25413
|
// eslint-disable-next-line react/function-component-definition
|
|
24998
25414
|
var LeaveDialogFlow = function (_a) {
|
|
24999
25415
|
var dialogsViewModel = _a.dialogsViewModel, dialog = _a.dialog;
|
|
25000
|
-
var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(
|
|
25416
|
+
var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_4__.ModalContext).handleModal;
|
|
25001
25417
|
var closeModal = function () {
|
|
25002
25418
|
handleModal(false, '', '', false, false);
|
|
25003
25419
|
};
|
|
25004
|
-
return (
|
|
25005
|
-
|
|
25006
|
-
|
|
25007
|
-
|
|
25008
|
-
|
|
25009
|
-
|
|
25010
|
-
|
|
25011
|
-
|
|
25012
|
-
|
|
25013
|
-
|
|
25014
|
-
|
|
25015
|
-
|
|
25016
|
-
|
|
25017
|
-
|
|
25420
|
+
return (
|
|
25421
|
+
// <ColumnContainer gapBetweenItem="8px">
|
|
25422
|
+
(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_2__["default"], { noActionCaption: "Cancel", yesActionCaption: "Leave", ClickYesActionHandler: function () {
|
|
25423
|
+
dialogsViewModel
|
|
25424
|
+
.deleteDialog(dialog)
|
|
25425
|
+
.then(function (result) {
|
|
25426
|
+
if (result)
|
|
25427
|
+
closeModal();
|
|
25428
|
+
return result;
|
|
25429
|
+
})
|
|
25430
|
+
.catch(function (e) {
|
|
25431
|
+
console.log('exception in LeaveDialogFlow', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_3__.stringifyError)(e));
|
|
25432
|
+
});
|
|
25433
|
+
}, ClickNoActionHandler: function () {
|
|
25434
|
+
closeModal();
|
|
25435
|
+
} })
|
|
25436
|
+
// </ColumnContainer>
|
|
25437
|
+
);
|
|
25018
25438
|
};
|
|
25019
25439
|
/* harmony default export */ __webpack_exports__["default"] = (LeaveDialogFlow);
|
|
25020
25440
|
|
|
@@ -25176,10 +25596,10 @@ var InviteMembers = function (_a) {
|
|
|
25176
25596
|
setUserNameForFilter(event.target.value);
|
|
25177
25597
|
}, placeholder: "Search" }), userNameForFilter.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: { cursor: 'pointer' }, onClick: function () {
|
|
25178
25598
|
setUserNameForFilter('');
|
|
25179
|
-
} }, { 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: {
|
|
25180
|
-
|
|
25181
|
-
|
|
25182
|
-
|
|
25599
|
+
} }, { 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: {
|
|
25600
|
+
height: '44px',
|
|
25601
|
+
width: '44px',
|
|
25602
|
+
} }, { 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 () {
|
|
25183
25603
|
alert('call click retry');
|
|
25184
25604
|
} })), 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: {
|
|
25185
25605
|
flexBasis: '63px',
|
|
@@ -25225,6 +25645,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
25225
25645
|
/* harmony import */ var _SingleUserWithCheckBox_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SingleUserWithCheckBox.scss */ "./src/Presentation/Views/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.scss");
|
|
25226
25646
|
/* harmony import */ var _components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../components/UI/svgs/ActiveSvg/ActiveSvg */ "./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx");
|
|
25227
25647
|
/* harmony import */ var _components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/Contents/User */ "./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx");
|
|
25648
|
+
/* harmony import */ var _components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/containers/SectionList/hooks */ "./src/Presentation/components/containers/SectionList/hooks/index.ts");
|
|
25649
|
+
/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
|
|
25228
25650
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
25229
25651
|
__assign = Object.assign || function(t) {
|
|
25230
25652
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -25240,19 +25662,51 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
25240
25662
|
|
|
25241
25663
|
|
|
25242
25664
|
|
|
25665
|
+
|
|
25666
|
+
|
|
25243
25667
|
// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
|
|
25244
25668
|
var SingleUserWithCheckBox = function (_a) {
|
|
25245
25669
|
var user = _a.user, checkedHandler = _a.checkedHandler, isElementChecked = _a.isElementChecked, keyValue = _a.keyValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b;
|
|
25670
|
+
var isMobile = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_4__.useMobileLayout)()[0];
|
|
25246
25671
|
function getChecked(index) {
|
|
25247
25672
|
var result = isElementChecked; // || isUserChecked;
|
|
25248
25673
|
console.log(index);
|
|
25249
25674
|
return result;
|
|
25250
25675
|
}
|
|
25251
|
-
|
|
25676
|
+
// const [dialogAvatarUrl, setDialogAvatarUrl] = React.useState('');
|
|
25677
|
+
// const getUserAvatarUid = () => {
|
|
25678
|
+
// let result = '';
|
|
25679
|
+
//
|
|
25680
|
+
// result = user?.blob_id || '';
|
|
25681
|
+
//
|
|
25682
|
+
// return result;
|
|
25683
|
+
// };
|
|
25684
|
+
//
|
|
25685
|
+
// async function getDialogPhotoFileForPreview() {
|
|
25686
|
+
// const fileUid: string = getUserAvatarUid();
|
|
25687
|
+
//
|
|
25688
|
+
// if (fileUid && fileUid.length > 0) {
|
|
25689
|
+
// let tmpFileUrl: string = fileUid && QB.content.privateUrl(fileUid);
|
|
25690
|
+
// const { blobFile } = await Creator.createBlobFromUrl(tmpFileUrl);
|
|
25691
|
+
//
|
|
25692
|
+
// tmpFileUrl = blobFile ? URL.createObjectURL(blobFile) : tmpFileUrl || '';
|
|
25693
|
+
// setDialogAvatarUrl(tmpFileUrl);
|
|
25694
|
+
// }
|
|
25695
|
+
// }
|
|
25696
|
+
// useEffect(() => {
|
|
25697
|
+
// getDialogPhotoFileForPreview();
|
|
25698
|
+
//
|
|
25699
|
+
// return () => {
|
|
25700
|
+
// if (dialogAvatarUrl) {
|
|
25701
|
+
// URL.revokeObjectURL(dialogAvatarUrl);
|
|
25702
|
+
// }
|
|
25703
|
+
// };
|
|
25704
|
+
// }, []);
|
|
25705
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "user-single-container-chbox--wrapper" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "user-single-container-chbox--wrapper__icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__["default"], { content: user.photo ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_5__["default"], { urlAvatar: user.photo, iconTheme: { width: '41px', height: '41px' } })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "user-single-container-chbox--wrapper__icon__content" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "26", height: "26", applyZoom: true, color: "var(--tertiary-elements)" }) }))), onClick: function () {
|
|
25252
25706
|
console.log('user click...');
|
|
25253
25707
|
}, onTouch: function () {
|
|
25254
25708
|
console.log('user touch...');
|
|
25255
|
-
} }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "user-single-container-chbox--wrapper__username" }, { children: "".concat((user === null || user === void 0 ? void 0 : user.full_name) || (user === null || user === void 0 ? void 0 : user.login) || (user === null || user === void 0 ? void 0 : user.email) || (user === null || user === void 0 ? void 0 : user.id)) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "user-single-container-chbox--wrapper__select" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "checkbox", checked: getChecked(keyValue), disabled: isDisabled, onChange: function () {
|
|
25709
|
+
} }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "user-single-container-chbox--wrapper__username", style: isMobile ? { width: '133px' } : { width: '193px' } }, { children: "".concat((user === null || user === void 0 ? void 0 : user.full_name) || (user === null || user === void 0 ? void 0 : user.login) || (user === null || user === void 0 ? void 0 : user.email) || (user === null || user === void 0 ? void 0 : user.id)) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "user-single-container-chbox--wrapper__select" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "checkbox", checked: getChecked(keyValue), disabled: isDisabled, onChange: function () {
|
|
25256
25710
|
console.log('have check in SingleUserWithCheckBox');
|
|
25257
25711
|
var newStatus = !isElementChecked;
|
|
25258
25712
|
if (checkedHandler) {
|
|
@@ -25320,6 +25774,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
25320
25774
|
/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../Data/Stubs */ "./src/Data/Stubs.ts");
|
|
25321
25775
|
/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/parse */ "./src/utils/parse.ts");
|
|
25322
25776
|
/* harmony import */ var _Data_source_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Data/source/exception/RemoteDataSourceException */ "./src/Data/source/exception/RemoteDataSourceException.ts");
|
|
25777
|
+
/* harmony import */ var _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../Data/DefaultConfigurations */ "./src/Data/DefaultConfigurations.ts");
|
|
25323
25778
|
var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
25324
25779
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
25325
25780
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -25373,10 +25828,15 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
|
|
|
25373
25828
|
|
|
25374
25829
|
|
|
25375
25830
|
|
|
25831
|
+
|
|
25376
25832
|
function useInviteMembersViewModel() {
|
|
25377
25833
|
// initPagination?: Pagination,
|
|
25378
25834
|
console.log('create useUsersListViewModel');
|
|
25379
25835
|
var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_4__["default"])();
|
|
25836
|
+
var QBConfig = currentContext.InitParams.qbConfig ||
|
|
25837
|
+
_Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_8__.DefaultConfigurations.getDefaultQBConfig();
|
|
25838
|
+
var regexUserName = QBConfig.appConfig.regexUserName;
|
|
25839
|
+
var regex = regexUserName ? new RegExp(regexUserName) : null;
|
|
25380
25840
|
var _a = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _a[0], setLoading = _a[1];
|
|
25381
25841
|
var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('error with getting user list'), error = _b[0], setError = _b[1];
|
|
25382
25842
|
var startPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__.Pagination(0, 0);
|
|
@@ -25410,8 +25870,34 @@ function useInviteMembersViewModel() {
|
|
|
25410
25870
|
setPagination(data.CurrentPagination);
|
|
25411
25871
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
25412
25872
|
setUsers(function (prevState) {
|
|
25413
|
-
var newItems =
|
|
25414
|
-
|
|
25873
|
+
var newItems = [];
|
|
25874
|
+
if (regexUserName && regexUserName.length > 0) {
|
|
25875
|
+
// const tmpItems: UserEntity[] = [];
|
|
25876
|
+
//
|
|
25877
|
+
// for (let i = 0; i < data.ResultData.length; i += 1) {
|
|
25878
|
+
// const u = data.ResultData[i];
|
|
25879
|
+
// const regexResult = regex.test(u.full_name);
|
|
25880
|
+
//
|
|
25881
|
+
// if (regexResult) {
|
|
25882
|
+
// tmpItems.push(u);
|
|
25883
|
+
// }
|
|
25884
|
+
// }
|
|
25885
|
+
// work
|
|
25886
|
+
var tmpItems = data.ResultData.reduce(function (acc, u) {
|
|
25887
|
+
if (!regex || regex.test(u.full_name)) {
|
|
25888
|
+
acc.push(u);
|
|
25889
|
+
}
|
|
25890
|
+
return acc;
|
|
25891
|
+
}, []);
|
|
25892
|
+
newItems =
|
|
25893
|
+
currentPagination.getCurrentPage() === 0
|
|
25894
|
+
? __spreadArray([], tmpItems, true) : __spreadArray(__spreadArray([], prevState, true), tmpItems, true);
|
|
25895
|
+
}
|
|
25896
|
+
else {
|
|
25897
|
+
newItems =
|
|
25898
|
+
currentPagination.getCurrentPage() === 0
|
|
25899
|
+
? __spreadArray([], data.ResultData, true) : __spreadArray(__spreadArray([], prevState, true), data.ResultData, true);
|
|
25900
|
+
}
|
|
25415
25901
|
return newItems;
|
|
25416
25902
|
});
|
|
25417
25903
|
})
|
|
@@ -25555,6 +26041,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
25555
26041
|
/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
|
|
25556
26042
|
/* harmony import */ var _PreviewDialogContextMenu_PreviewDialogContextMenu__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./PreviewDialogContextMenu/PreviewDialogContextMenu */ "./src/Presentation/Views/PreviewDialog/PreviewDialogContextMenu/PreviewDialogContextMenu.tsx");
|
|
25557
26043
|
/* harmony import */ var _Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../Data/source/remote/Mapper/MessageDTOMapper */ "./src/Data/source/remote/Mapper/MessageDTOMapper.ts");
|
|
26044
|
+
/* harmony import */ var _DialogInfo_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../DialogInfo/UsersList/useUsersListViewModel */ "./src/Presentation/Views/DialogInfo/UsersList/useUsersListViewModel.ts");
|
|
25558
26045
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
25559
26046
|
__assign = Object.assign || function(t) {
|
|
25560
26047
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -25619,6 +26106,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
25619
26106
|
|
|
25620
26107
|
|
|
25621
26108
|
|
|
26109
|
+
|
|
25622
26110
|
// eslint-disable-next-line react/function-component-definition
|
|
25623
26111
|
var PreviewDialog = function (_a) {
|
|
25624
26112
|
var typeDialog = _a.typeDialog, dialogViewModel = _a.dialogViewModel, dialogAvatar = _a.dialogAvatar, title = _a.title, previewMessage = _a.previewMessage, unreadMessageCount = _a.unreadMessageCount, message_date_time_sent = _a.message_date_time_sent, _b = _a.theme, theme = _b === void 0 ? undefined : _b, onLeaveDialog = _a.onLeaveDialog,
|
|
@@ -25712,7 +26200,7 @@ var PreviewDialog = function (_a) {
|
|
|
25712
26200
|
avatar = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "contents-user" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__["default"], { color: itemTheme.color, width: itemTheme.width, height: itemTheme.height }) })) })));
|
|
25713
26201
|
break;
|
|
25714
26202
|
case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_5__.DialogType["private"]:
|
|
25715
|
-
avatar = dialogAvatarUrl ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_13__["default"], { urlAvatar: dialogAvatarUrl, iconTheme: { width: '
|
|
26203
|
+
avatar = dialogAvatarUrl ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_13__["default"], { urlAvatar: dialogAvatarUrl, iconTheme: { width: '55px', height: '55px' } })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "contents-user" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_6__["default"], { color: itemTheme.color, width: itemTheme.width, height: itemTheme.height }) })) })));
|
|
25716
26204
|
break;
|
|
25717
26205
|
default:
|
|
25718
26206
|
avatar = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "contents-user" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__["default"], { color: itemTheme.color, width: itemTheme.width, height: itemTheme.height }) })) })));
|
|
@@ -25747,25 +26235,40 @@ var PreviewDialog = function (_a) {
|
|
|
25747
26235
|
});
|
|
25748
26236
|
});
|
|
25749
26237
|
}
|
|
25750
|
-
var
|
|
25751
|
-
|
|
25752
|
-
|
|
26238
|
+
var userViewModel = (0,_DialogInfo_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_16__["default"])(dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item.entity);
|
|
26239
|
+
var getUserAvatarByUid = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
26240
|
+
var result, participants, senderUser;
|
|
26241
|
+
return __generator(this, function (_a) {
|
|
26242
|
+
switch (_a.label) {
|
|
26243
|
+
case 0:
|
|
26244
|
+
result = '';
|
|
26245
|
+
participants = (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) &&
|
|
26246
|
+
(dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_5__.DialogType["private"]
|
|
26247
|
+
? [
|
|
26248
|
+
(dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity)
|
|
26249
|
+
.participantId,
|
|
26250
|
+
]
|
|
26251
|
+
: [];
|
|
26252
|
+
return [4 /*yield*/, userViewModel.getUserById(participants[0])];
|
|
26253
|
+
case 1:
|
|
26254
|
+
senderUser = _a.sent();
|
|
26255
|
+
result = (senderUser === null || senderUser === void 0 ? void 0 : senderUser.photo) || '';
|
|
26256
|
+
return [2 /*return*/, result];
|
|
26257
|
+
}
|
|
26258
|
+
});
|
|
26259
|
+
}); };
|
|
25753
26260
|
function getDialogPhotoFileForPreview() {
|
|
25754
26261
|
return __awaiter(this, void 0, void 0, function () {
|
|
25755
|
-
var
|
|
26262
|
+
var tmpFileUrl;
|
|
25756
26263
|
return __generator(this, function (_a) {
|
|
25757
26264
|
switch (_a.label) {
|
|
25758
|
-
case 0:
|
|
25759
|
-
fileUid = getUserAvatarUid();
|
|
25760
|
-
if (!(fileUid && fileUid.length > 0)) return [3 /*break*/, 2];
|
|
25761
|
-
tmpFileUrl = fileUid && QB.content.privateUrl(fileUid);
|
|
25762
|
-
return [4 /*yield*/, _Data_Creator__WEBPACK_IMPORTED_MODULE_12__.Creator.createBlobFromUrl(tmpFileUrl)];
|
|
26265
|
+
case 0: return [4 /*yield*/, getUserAvatarByUid()];
|
|
25763
26266
|
case 1:
|
|
25764
|
-
|
|
25765
|
-
tmpFileUrl
|
|
25766
|
-
|
|
25767
|
-
|
|
25768
|
-
|
|
26267
|
+
tmpFileUrl = _a.sent();
|
|
26268
|
+
if (tmpFileUrl && tmpFileUrl.length > 0) {
|
|
26269
|
+
setDialogAvatarUrl(tmpFileUrl);
|
|
26270
|
+
}
|
|
26271
|
+
return [2 /*return*/];
|
|
25769
26272
|
}
|
|
25770
26273
|
});
|
|
25771
26274
|
});
|
|
@@ -25800,7 +26303,7 @@ var PreviewDialog = function (_a) {
|
|
|
25800
26303
|
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PreviewVideoFile_PreviewVideoFile__WEBPACK_IMPORTED_MODULE_10__["default"], { fileName: trimFileName(fileName) });
|
|
25801
26304
|
}
|
|
25802
26305
|
if (messageParts[3].includes('image')) {
|
|
25803
|
-
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PreviewImageFile_PreviewImageFile__WEBPACK_IMPORTED_MODULE_8__["default"], { fileName: fileName, imgUrl: fileUrl });
|
|
26306
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PreviewImageFile_PreviewImageFile__WEBPACK_IMPORTED_MODULE_8__["default"], { fileName: trimFileName(fileName), imgUrl: fileUrl }));
|
|
25804
26307
|
}
|
|
25805
26308
|
if (fileName.length > 0 && fileName.includes('.')) {
|
|
25806
26309
|
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PreviewDefaultFile_PreviewDefaultFile__WEBPACK_IMPORTED_MODULE_11__["default"], { fileName: trimFileName(fileName) });
|
|
@@ -25817,8 +26320,8 @@ var PreviewDialog = function (_a) {
|
|
|
25817
26320
|
? message
|
|
25818
26321
|
: "".concat(message.substring(0, 25), " ...") }));
|
|
25819
26322
|
};
|
|
25820
|
-
var LONG_TAP_DURATION =
|
|
25821
|
-
var VERY_LONG_TAP_DURATION =
|
|
26323
|
+
var LONG_TAP_DURATION = 2000; // in milliseconds
|
|
26324
|
+
var VERY_LONG_TAP_DURATION = 3800; // in milliseconds
|
|
25822
26325
|
var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), touchDuration = _g[0], setTouchDuration = _g[1];
|
|
25823
26326
|
var touchTimer = null;
|
|
25824
26327
|
var handleTouchStart = function () {
|
|
@@ -25831,6 +26334,7 @@ var PreviewDialog = function (_a) {
|
|
|
25831
26334
|
setTouchDuration(Date.now());
|
|
25832
26335
|
}, VERY_LONG_TAP_DURATION);
|
|
25833
26336
|
};
|
|
26337
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
25834
26338
|
var handleTouchEndOrCancel = function (event) {
|
|
25835
26339
|
// Если таймер был установлен, отменяем его
|
|
25836
26340
|
if (touchTimer !== null) {
|
|
@@ -25854,7 +26358,7 @@ var PreviewDialog = function (_a) {
|
|
|
25854
26358
|
// Reset touchDuration
|
|
25855
26359
|
setTouchDuration(0);
|
|
25856
26360
|
// Prevent unwanted click events after touch ends
|
|
25857
|
-
event.preventDefault();
|
|
26361
|
+
// event.preventDefault();
|
|
25858
26362
|
}
|
|
25859
26363
|
};
|
|
25860
26364
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview-container", style: haveHover
|
|
@@ -25862,6 +26366,7 @@ var PreviewDialog = function (_a) {
|
|
|
25862
26366
|
background: 'var(--divider)',
|
|
25863
26367
|
}
|
|
25864
26368
|
: {}, onMouseEnter: function () { return setHaveHover(true); }, onMouseLeave: function () { return setHaveHover(false); } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-container-left" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview", onClick: function () {
|
|
26369
|
+
console.log('CLICK detected in PreviewDialog');
|
|
25865
26370
|
if (dialogViewModel && dialogViewModel.itemClickActionHandler) {
|
|
25866
26371
|
var it_2 = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item;
|
|
25867
26372
|
dialogViewModel.itemClickActionHandler(it_2);
|
|
@@ -26067,9 +26572,7 @@ var PreviewVideoFile = function (_a) {
|
|
|
26067
26572
|
__webpack_require__.r(__webpack_exports__);
|
|
26068
26573
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
26069
26574
|
/* harmony import */ var _YesNoQuestion_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./YesNoQuestion.scss */ "./src/Presentation/Views/YesNoQuestion/YesNoQuestion.scss");
|
|
26070
|
-
/* harmony import */ var
|
|
26071
|
-
/* harmony import */ var _components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/containers/RowRightContainer/RowRightContainer */ "./src/Presentation/components/containers/RowRightContainer/RowRightContainer.tsx");
|
|
26072
|
-
/* harmony import */ var _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/UI/Buttons/MainButton/MainButton */ "./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx");
|
|
26575
|
+
/* harmony import */ var _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/UI/Buttons/MainButton/MainButton */ "./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx");
|
|
26073
26576
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
26074
26577
|
__assign = Object.assign || function(t) {
|
|
26075
26578
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -26084,8 +26587,6 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
26084
26587
|
|
|
26085
26588
|
|
|
26086
26589
|
|
|
26087
|
-
|
|
26088
|
-
|
|
26089
26590
|
// eslint-disable-next-line react/function-component-definition
|
|
26090
26591
|
var YesNoQuestionComponent = function (_a) {
|
|
26091
26592
|
var
|
|
@@ -26107,27 +26608,15 @@ var YesNoQuestionComponent = function (_a) {
|
|
|
26107
26608
|
_c = _a.noActionCaption,
|
|
26108
26609
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
26109
26610
|
noActionCaption = _c === void 0 ? undefined : _c;
|
|
26110
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",
|
|
26111
|
-
|
|
26112
|
-
|
|
26113
|
-
|
|
26114
|
-
|
|
26115
|
-
|
|
26116
|
-
|
|
26117
|
-
|
|
26118
|
-
|
|
26119
|
-
}
|
|
26120
|
-
}, title: yesActionCaption || 'Yes', typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_4__.TypeButton.danger }) }), CenterContainerSize: {
|
|
26121
|
-
flexBasis: '78px',
|
|
26122
|
-
minWidth: '78px',
|
|
26123
|
-
maxWidth: '78px',
|
|
26124
|
-
minHeight: '32px',
|
|
26125
|
-
maxHeight: '32px',
|
|
26126
|
-
}, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_4__["default"], { title: noActionCaption || 'No', clickHandler: function () {
|
|
26127
|
-
if (ClickNoActionHandler) {
|
|
26128
|
-
ClickNoActionHandler();
|
|
26129
|
-
}
|
|
26130
|
-
}, typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_4__.TypeButton.outlined }) }) }) }))] }) })));
|
|
26611
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "ynq-dialog-actions" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_2__["default"], { title: noActionCaption || 'No', clickHandler: function () {
|
|
26612
|
+
if (ClickNoActionHandler) {
|
|
26613
|
+
ClickNoActionHandler();
|
|
26614
|
+
}
|
|
26615
|
+
}, typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_2__.TypeButton.outlined }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_2__["default"], { clickHandler: function () {
|
|
26616
|
+
if (ClickYesActionHandler) {
|
|
26617
|
+
ClickYesActionHandler();
|
|
26618
|
+
}
|
|
26619
|
+
}, title: yesActionCaption || 'Yes', typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_2__.TypeButton.danger })] })) }));
|
|
26131
26620
|
};
|
|
26132
26621
|
/* harmony default export */ __webpack_exports__["default"] = (YesNoQuestionComponent);
|
|
26133
26622
|
|
|
@@ -26229,58 +26718,6 @@ var MainButton = function (_a) {
|
|
|
26229
26718
|
/* harmony default export */ __webpack_exports__["default"] = (MainButton);
|
|
26230
26719
|
|
|
26231
26720
|
|
|
26232
|
-
/***/ }),
|
|
26233
|
-
|
|
26234
|
-
/***/ "./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.tsx":
|
|
26235
|
-
/*!*******************************************************************************!*\
|
|
26236
|
-
!*** ./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.tsx ***!
|
|
26237
|
-
\*******************************************************************************/
|
|
26238
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
26239
|
-
|
|
26240
|
-
"use strict";
|
|
26241
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26242
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
26243
|
-
/* harmony import */ var _SwitchButton_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SwitchButton.scss */ "./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.scss");
|
|
26244
|
-
var __assign = (undefined && undefined.__assign) || function () {
|
|
26245
|
-
__assign = Object.assign || function(t) {
|
|
26246
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
26247
|
-
s = arguments[i];
|
|
26248
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
26249
|
-
t[p] = s[p];
|
|
26250
|
-
}
|
|
26251
|
-
return t;
|
|
26252
|
-
};
|
|
26253
|
-
return __assign.apply(this, arguments);
|
|
26254
|
-
};
|
|
26255
|
-
|
|
26256
|
-
|
|
26257
|
-
// eslint-disable-next-line react/function-component-definition
|
|
26258
|
-
var SwitchButton = function (_a) {
|
|
26259
|
-
var
|
|
26260
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
26261
|
-
_b = _a.disabled,
|
|
26262
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
26263
|
-
disabled = _b === void 0 ? false : _b, styleBox = _a.styleBox, clickHandler = _a.clickHandler, touchHandler = _a.touchHandler;
|
|
26264
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: styleBox, onClick: function () {
|
|
26265
|
-
console.log('click on SwitchButton');
|
|
26266
|
-
if (typeof clickHandler === 'function') {
|
|
26267
|
-
clickHandler();
|
|
26268
|
-
}
|
|
26269
|
-
}, onTouchStart: function () {
|
|
26270
|
-
if (touchHandler)
|
|
26271
|
-
touchHandler();
|
|
26272
|
-
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("label", __assign({ className: "switch" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "checkbox" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: "slider round" })] })) })));
|
|
26273
|
-
};
|
|
26274
|
-
/*
|
|
26275
|
-
() => {
|
|
26276
|
-
console.log('clicked theme');
|
|
26277
|
-
document.documentElement.setAttribute('data-theme', 'dark');
|
|
26278
|
-
changeThemeActions();
|
|
26279
|
-
}
|
|
26280
|
-
*/
|
|
26281
|
-
/* harmony default export */ __webpack_exports__["default"] = (SwitchButton);
|
|
26282
|
-
|
|
26283
|
-
|
|
26284
26721
|
/***/ }),
|
|
26285
26722
|
|
|
26286
26723
|
/***/ "./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx":
|
|
@@ -26431,10 +26868,10 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
26431
26868
|
|
|
26432
26869
|
// eslint-disable-next-line react/function-component-definition
|
|
26433
26870
|
var ActiveSvg = function (_a) {
|
|
26434
|
-
var content = _a.content, onTouch = _a.onTouch, onClick = _a.onClick;
|
|
26435
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "active-svg-container", onTouchStart: function (event) {
|
|
26871
|
+
var content = _a.content, onTouch = _a.onTouch, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
|
|
26872
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "active-svg-container", style: { cursor: disabled ? 'default' : 'pointer' }, onTouchStart: function (event) {
|
|
26436
26873
|
// eslint-disable-next-line no-unused-expressions
|
|
26437
|
-
onTouch && typeof onTouch === 'function'
|
|
26874
|
+
onTouch && typeof onTouch === 'function' && !disabled
|
|
26438
26875
|
? onTouch()
|
|
26439
26876
|
: function () {
|
|
26440
26877
|
console.log('touched');
|
|
@@ -26442,7 +26879,7 @@ var ActiveSvg = function (_a) {
|
|
|
26442
26879
|
event.preventDefault();
|
|
26443
26880
|
}, onClick: function () {
|
|
26444
26881
|
// eslint-disable-next-line no-unused-expressions
|
|
26445
|
-
onClick && typeof onClick === 'function'
|
|
26882
|
+
onClick && typeof onClick === 'function' && !disabled
|
|
26446
26883
|
? onClick()
|
|
26447
26884
|
: function () {
|
|
26448
26885
|
console.log('clicked');
|
|
@@ -26739,7 +27176,21 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
26739
27176
|
|
|
26740
27177
|
function EditDots(theme) {
|
|
26741
27178
|
if (theme === void 0) { theme = undefined; }
|
|
26742
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", __assign({ width: theme && theme.width ? theme.width : '
|
|
27179
|
+
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)' }) }))
|
|
27180
|
+
// <svg
|
|
27181
|
+
// width={theme && theme.width ? theme.width : '32'}
|
|
27182
|
+
// height={theme && theme.height ? theme.height : '32'}
|
|
27183
|
+
// viewBox="0 0 32 32"
|
|
27184
|
+
// fill="none"
|
|
27185
|
+
// xmlns="http://www.w3.org/2000/svg"
|
|
27186
|
+
// >
|
|
27187
|
+
// <path
|
|
27188
|
+
// 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"
|
|
27189
|
+
// id="EditDots"
|
|
27190
|
+
// fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
|
|
27191
|
+
// />
|
|
27192
|
+
// </svg>
|
|
27193
|
+
);
|
|
26743
27194
|
}
|
|
26744
27195
|
/* harmony default export */ __webpack_exports__["default"] = (EditDots);
|
|
26745
27196
|
|
|
@@ -27655,36 +28106,6 @@ function ImagePlay(theme) {
|
|
|
27655
28106
|
/* harmony default export */ __webpack_exports__["default"] = (ImagePlay);
|
|
27656
28107
|
|
|
27657
28108
|
|
|
27658
|
-
/***/ }),
|
|
27659
|
-
|
|
27660
|
-
/***/ "./src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOn/index.tsx":
|
|
27661
|
-
/*!*****************************************************************************!*\
|
|
27662
|
-
!*** ./src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOn/index.tsx ***!
|
|
27663
|
-
\*****************************************************************************/
|
|
27664
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
27665
|
-
|
|
27666
|
-
"use strict";
|
|
27667
|
-
__webpack_require__.r(__webpack_exports__);
|
|
27668
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
27669
|
-
var __assign = (undefined && undefined.__assign) || function () {
|
|
27670
|
-
__assign = Object.assign || function(t) {
|
|
27671
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
27672
|
-
s = arguments[i];
|
|
27673
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
27674
|
-
t[p] = s[p];
|
|
27675
|
-
}
|
|
27676
|
-
return t;
|
|
27677
|
-
};
|
|
27678
|
-
return __assign.apply(this, arguments);
|
|
27679
|
-
};
|
|
27680
|
-
|
|
27681
|
-
function NotifyOn(theme) {
|
|
27682
|
-
if (theme === void 0) { theme = undefined; }
|
|
27683
|
-
return !(theme === null || theme === void 0 ? void 0 : theme.applyZoom) ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", __assign({ width: theme && theme.width ? theme.width : '44', height: theme && theme.height ? theme.height : '44', viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path", { d: "M13.8967 7.02167L11.275 4.4C6.87501 7.755 3.97835 12.925 3.72168 18.7917H7.38835C7.66335 13.9333 10.1567 9.68 13.8967 7.02167ZM36.6117 18.7917H40.2783C40.0033 12.925 37.1067 7.755 32.725 4.4L30.1217 7.02167C33.825 9.68 36.3367 13.9333 36.6117 18.7917ZM33 19.7083C33 14.08 29.9933 9.36833 24.75 8.12167V6.875C24.75 5.35333 23.5217 4.125 22 4.125C20.4783 4.125 19.25 5.35333 19.25 6.875V8.12167C13.9883 9.36833 11 14.0617 11 19.7083V28.875L7.33335 32.5417V34.375H36.6667V32.5417L33 28.875V19.7083ZM22 39.875C22.2567 39.875 22.495 39.8567 22.7333 39.8017C23.925 39.545 24.8967 38.7383 25.3733 37.6383C25.5567 37.1983 25.6483 36.7217 25.6483 36.2083H18.315C18.3333 38.225 19.965 39.875 22 39.875Z", id: "NotifyOn", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) }))) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", __assign({ width: theme && theme.width ? theme.width : '244', height: theme && theme.height ? theme.height : '24', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path", { d: "M12 21.75C13.1 21.75 14 20.85 14 19.75H10C10 20.85 10.9 21.75 12 21.75ZM18 15.75V10.75C18 7.68 16.37 5.11 13.5 4.43V3.75C13.5 2.92 12.83 2.25 12 2.25C11.17 2.25 10.5 2.92 10.5 3.75V4.43C7.64 5.11 6 7.67 6 10.75V15.75L4 17.75V18.75H20V17.75L18 15.75ZM16 16.75H8V10.75C8 8.27 9.51 6.25 12 6.25C14.49 6.25 16 8.27 16 10.75V16.75Z", fill: "var(--color-icon)" }) })));
|
|
27684
|
-
}
|
|
27685
|
-
/* harmony default export */ __webpack_exports__["default"] = (NotifyOn);
|
|
27686
|
-
|
|
27687
|
-
|
|
27688
28109
|
/***/ }),
|
|
27689
28110
|
|
|
27690
28111
|
/***/ "./src/Presentation/components/UI/svgs/Icons/Toggle/Pause/index.tsx":
|
|
@@ -27829,7 +28250,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
27829
28250
|
|
|
27830
28251
|
|
|
27831
28252
|
function ScrollableContainer(props) {
|
|
27832
|
-
var className = props.className, data = props.data, ListEmptyComponent = props.ListEmptyComponent, onEndReached = props.onEndReached, onEndReachedThreshold = props.onEndReachedThreshold, refreshing = props.refreshing, autoScrollToBottom = props.autoScrollToBottom, renderItem = props.renderItem;
|
|
28253
|
+
var className = props.className, rootStyles = props.rootStyles, mainContainerStyles = props.mainContainerStyles, data = props.data, ListEmptyComponent = props.ListEmptyComponent, onEndReached = props.onEndReached, onEndReachedThreshold = props.onEndReachedThreshold, refreshing = props.refreshing, autoScrollToBottom = props.autoScrollToBottom, renderItem = props.renderItem;
|
|
27833
28254
|
var container = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
27834
28255
|
var scrollHandler = function () {
|
|
27835
28256
|
console.log('call scrollHandler');
|
|
@@ -27869,7 +28290,7 @@ function ScrollableContainer(props) {
|
|
|
27869
28290
|
}, [data.length]);
|
|
27870
28291
|
console.log('çount items to scroll:', data.length);
|
|
27871
28292
|
console.log('data to scrolling: ', JSON.stringify(data));
|
|
27872
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('list', className) }, { children: [refreshing && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_4__["default"], { width: "44", height: "44", color: "var(--color-background-info)" }) })), data && data.length ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "list-content", onScroll: scrollHandler, ref: container }, { children: [data.map(function (it, index) { return renderItem(it, index); }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { style: { float: 'left', clear: 'both' }, ref: messageEndRef })] }))) : (!refreshing && ListEmptyComponent && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ListEmptyComponent, {}))] })));
|
|
28293
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ style: rootStyles, className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('list', className) }, { children: [refreshing && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_4__["default"], { width: "44", height: "44", color: "var(--color-background-info)" }) })), data && data.length ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ style: mainContainerStyles, className: "list-content", onScroll: scrollHandler, ref: container }, { children: [data.map(function (it, index) { return renderItem(it, index); }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { style: { float: 'left', clear: 'both' }, ref: messageEndRef })] }))) : (!refreshing && ListEmptyComponent && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ListEmptyComponent, {}))] })));
|
|
27873
28294
|
}
|
|
27874
28295
|
|
|
27875
28296
|
|
|
@@ -28269,6 +28690,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
28269
28690
|
/* harmony import */ var _Views_Dialog_DialogHeader_RenderLeftActions_RenderLeftActions__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../../Views/Dialog/DialogHeader/RenderLeftActions/RenderLeftActions */ "./src/Presentation/Views/Dialog/DialogHeader/RenderLeftActions/RenderLeftActions.tsx");
|
|
28270
28691
|
/* harmony import */ var _Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../../../Data/source/remote/Mapper/MessageDTOMapper */ "./src/Data/source/remote/Mapper/MessageDTOMapper.ts");
|
|
28271
28692
|
/* harmony import */ var _Views_Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../../Views/Flow/LeaveDialogFlow/LeaveDialogFlow */ "./src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx");
|
|
28693
|
+
/* harmony import */ var _Views_DialogInfo_MembersList_MembersList__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../../Views/DialogInfo/MembersList/MembersList */ "./src/Presentation/Views/DialogInfo/MembersList/MembersList.tsx");
|
|
28694
|
+
/* harmony import */ var _Views_DialogInfo_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../../Views/DialogInfo/UsersList/useUsersListViewModel */ "./src/Presentation/Views/DialogInfo/UsersList/useUsersListViewModel.ts");
|
|
28272
28695
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
28273
28696
|
__assign = Object.assign || function(t) {
|
|
28274
28697
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -28367,6 +28790,8 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
|
|
|
28367
28790
|
|
|
28368
28791
|
|
|
28369
28792
|
|
|
28793
|
+
|
|
28794
|
+
|
|
28370
28795
|
|
|
28371
28796
|
|
|
28372
28797
|
|
|
@@ -28380,7 +28805,11 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
28380
28805
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
28381
28806
|
_r = _a.AIRephrase,
|
|
28382
28807
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
28383
|
-
AIRephrase = _r === void 0 ? undefined : _r, _s = _a.AIAssist, AIAssist = _s === void 0 ? undefined : _s,
|
|
28808
|
+
AIRephrase = _r === void 0 ? undefined : _r, _s = _a.AIAssist, AIAssist = _s === void 0 ? undefined : _s,
|
|
28809
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
28810
|
+
_t = _a.uikitHeightOffset,
|
|
28811
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
28812
|
+
uikitHeightOffset = _t === void 0 ? '0px' : _t;
|
|
28384
28813
|
console.log('create QuickBloxUIKitDesktopLayout');
|
|
28385
28814
|
var _u = react__WEBPACK_IMPORTED_MODULE_1___default().useState(), selectedDialog = _u[0], setSelectedDialog = _u[1];
|
|
28386
28815
|
var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_3__["default"])();
|
|
@@ -28487,6 +28916,8 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
28487
28916
|
var _v = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showReplyMessage = _v[0], setShowReplyMessage = _v[1];
|
|
28488
28917
|
var _w = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), messagesToReply = _w[0], setMessagesToReply = _w[1];
|
|
28489
28918
|
var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_36__.ModalContext).handleModal;
|
|
28919
|
+
var _x = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_40__.useMobileLayout)(), isMobile = _x[0], width = _x[1], height = _x[2], breakpoint = _x[3];
|
|
28920
|
+
var _y = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), clientHeight = _y[0], setClientHeight = _y[1];
|
|
28490
28921
|
// const subscribeToDialogEventsUseCase: SubscribeToDialogEventsUseCase =
|
|
28491
28922
|
// new SubscribeToDialogEventsUseCase(eventMessaging, 'TestStage');
|
|
28492
28923
|
// инициализация СДК и загрузка тестовых данных, запуск пинга - может не быть
|
|
@@ -28544,6 +28975,53 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
28544
28975
|
}
|
|
28545
28976
|
return participants.length;
|
|
28546
28977
|
};
|
|
28978
|
+
var userViewModel = (0,_Views_DialogInfo_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_46__["default"])(selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.entity);
|
|
28979
|
+
var _z = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), dialogAvatarUrl = _z[0], setDialogAvatarUrl = _z[1];
|
|
28980
|
+
var getUserAvatarByUid = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
28981
|
+
var result, participants, senderUser;
|
|
28982
|
+
return __generator(this, function (_a) {
|
|
28983
|
+
switch (_a.label) {
|
|
28984
|
+
case 0:
|
|
28985
|
+
result = '';
|
|
28986
|
+
participants = (dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.entity) &&
|
|
28987
|
+
(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.entity.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_18__.DialogType["private"]
|
|
28988
|
+
? [
|
|
28989
|
+
(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.entity)
|
|
28990
|
+
.participantId,
|
|
28991
|
+
]
|
|
28992
|
+
: [];
|
|
28993
|
+
return [4 /*yield*/, userViewModel.getUserById(participants[0])];
|
|
28994
|
+
case 1:
|
|
28995
|
+
senderUser = _a.sent();
|
|
28996
|
+
result = (senderUser === null || senderUser === void 0 ? void 0 : senderUser.photo) || '';
|
|
28997
|
+
return [2 /*return*/, result];
|
|
28998
|
+
}
|
|
28999
|
+
});
|
|
29000
|
+
}); };
|
|
29001
|
+
function getDialogPhotoFileForPreview() {
|
|
29002
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
29003
|
+
var tmpFileUrl;
|
|
29004
|
+
return __generator(this, function (_a) {
|
|
29005
|
+
switch (_a.label) {
|
|
29006
|
+
case 0: return [4 /*yield*/, getUserAvatarByUid()];
|
|
29007
|
+
case 1:
|
|
29008
|
+
tmpFileUrl = _a.sent();
|
|
29009
|
+
if (tmpFileUrl && tmpFileUrl.length > 0) {
|
|
29010
|
+
setDialogAvatarUrl(tmpFileUrl);
|
|
29011
|
+
}
|
|
29012
|
+
return [2 /*return*/];
|
|
29013
|
+
}
|
|
29014
|
+
});
|
|
29015
|
+
});
|
|
29016
|
+
}
|
|
29017
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29018
|
+
getDialogPhotoFileForPreview();
|
|
29019
|
+
return function () {
|
|
29020
|
+
if (dialogAvatarUrl) {
|
|
29021
|
+
URL.revokeObjectURL(dialogAvatarUrl);
|
|
29022
|
+
}
|
|
29023
|
+
};
|
|
29024
|
+
}, [dialogsViewModel.entity]);
|
|
28547
29025
|
// eslint-disable-next-line consistent-return
|
|
28548
29026
|
var renderIconForTypeDialog = function (dialogEntity) {
|
|
28549
29027
|
if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_18__.DialogType.group) {
|
|
@@ -28554,7 +29032,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
28554
29032
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dh-avatar" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "dh-avatar-rectangle" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dh-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dh-avatar-contents-user" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_20__["default"], { width: "24", height: "24", applyZoom: true, color: "var(--secondary-text)" }) })) }))] })));
|
|
28555
29033
|
}
|
|
28556
29034
|
if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_18__.DialogType["private"]) {
|
|
28557
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dh-avatar" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "dh-avatar-rectangle" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dh-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dh-avatar-contents-user" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_21__["default"], { width: "24", height: "24", applyZoom: true, color: "var(--secondary-text)" }) })) }))] })));
|
|
29035
|
+
return dialogAvatarUrl ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_19__["default"], { urlAvatar: dialogAvatarUrl, iconTheme: { width: '40px', height: '40px' } })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dh-avatar" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "dh-avatar-rectangle" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dh-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dh-avatar-contents-user" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_21__["default"], { width: "24", height: "24", applyZoom: true, color: "var(--secondary-text)" }) })) }))] })));
|
|
28558
29036
|
}
|
|
28559
29037
|
if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_18__.DialogType["public"]) {
|
|
28560
29038
|
var publicDialogEntity = dialogEntity;
|
|
@@ -28571,7 +29049,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
28571
29049
|
setSelectedDialog(undefined);
|
|
28572
29050
|
}
|
|
28573
29051
|
}, [dialogsViewModel.entity]);
|
|
28574
|
-
var
|
|
29052
|
+
var _0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), needDialogInformation = _0[0], setNeedDialogInformation = _0[1];
|
|
28575
29053
|
var informationCloseHandler = function () {
|
|
28576
29054
|
setNeedDialogInformation(false);
|
|
28577
29055
|
};
|
|
@@ -28584,17 +29062,17 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
28584
29062
|
var rephraseTones = currentContext.InitParams.qbConfig.configAIApi.AIRephraseWidgetConfig.Tones;
|
|
28585
29063
|
var maxFileSize = currentContext.InitParams.maxFileSize;
|
|
28586
29064
|
//
|
|
28587
|
-
var
|
|
28588
|
-
var
|
|
29065
|
+
var _1 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), waitAIWidget = _1[0], setWaitAIWidget = _1[1];
|
|
29066
|
+
var _2 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _2[0], setMessageText = _2[1];
|
|
28589
29067
|
// must re-create as result dialog changing
|
|
28590
29068
|
var messagesViewModel = (0,_Views_Dialog_useDialogViewModel__WEBPACK_IMPORTED_MODULE_31__["default"])((_e = dialogsViewModel.entity) === null || _e === void 0 ? void 0 : _e.type, dialogsViewModel.entity);
|
|
28591
|
-
var
|
|
28592
|
-
var
|
|
28593
|
-
var
|
|
28594
|
-
var
|
|
28595
|
-
var
|
|
28596
|
-
var
|
|
28597
|
-
var
|
|
29069
|
+
var _3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _3[0], setWarningErrorText = _3[1];
|
|
29070
|
+
var _4 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showErrorToast = _4[0], setShowErrorToast = _4[1];
|
|
29071
|
+
var _5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageErrorToast = _5[0], setMessageErrorToast = _5[1];
|
|
29072
|
+
var _6 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(100), dialogMessagesCount = _6[0], setDialogMessageCount = _6[1];
|
|
29073
|
+
var _7 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true), hasMore = _7[0], setHasMore = _7[1];
|
|
29074
|
+
var _8 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _8[0], setScrollUpToDown = _8[1];
|
|
29075
|
+
var _9 = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), messagesToView = _9[0], setMessagesToView = _9[1];
|
|
28598
29076
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
28599
29077
|
if (showErrorToast || messageErrorToast) {
|
|
28600
29078
|
setTimeout(function () {
|
|
@@ -28603,17 +29081,17 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
28603
29081
|
}, 1800);
|
|
28604
29082
|
}
|
|
28605
29083
|
}, [showErrorToast]);
|
|
28606
|
-
var
|
|
28607
|
-
var
|
|
28608
|
-
var
|
|
29084
|
+
var _10 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), useAudioWidget = _10[0], setUseAudioWidget = _10[1];
|
|
29085
|
+
var _11 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _11[0], setFileToSend = _11[1];
|
|
29086
|
+
var _12 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _12[0], setIsRecording = _12[1];
|
|
28609
29087
|
//
|
|
28610
|
-
var
|
|
29088
|
+
var _13 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _13[0], setPermission = _13[1];
|
|
28611
29089
|
// const [recordingStatus, setRecordingStatus] = useState('inactive');
|
|
28612
|
-
var
|
|
29090
|
+
var _14 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _14[0], setStream = _14[1];
|
|
28613
29091
|
// const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();
|
|
28614
29092
|
var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
|
|
28615
|
-
var
|
|
28616
|
-
var
|
|
29093
|
+
var _15 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _15[0], setResultAudioBlob = _15[1];
|
|
29094
|
+
var _16 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _16[0], setAudioChunks = _16[1];
|
|
28617
29095
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
28618
29096
|
var mimeType = 'audio/webm;codecs=opus'; // audio/ogg audio/mpeg audio/webm audio/x-wav audio/mp4
|
|
28619
29097
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -28920,10 +29398,16 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
28920
29398
|
}, [messagesViewModel.entity]);
|
|
28921
29399
|
//
|
|
28922
29400
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
28923
|
-
|
|
28924
|
-
if (messagesViewModel.entity) {
|
|
29401
|
+
if (!isMobile && messagesViewModel.entity) {
|
|
28925
29402
|
dialogsViewModel.setWaitLoadingStatus(messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading);
|
|
29403
|
+
var timeoutId_1 = setTimeout(function () {
|
|
29404
|
+
dialogsViewModel.setWaitLoadingStatus(false); // wait only for 3 sec
|
|
29405
|
+
}, 3000);
|
|
29406
|
+
return function () { return clearTimeout(timeoutId_1); };
|
|
28926
29407
|
}
|
|
29408
|
+
return function () {
|
|
29409
|
+
// Placeholder: Cleanup handler is not required
|
|
29410
|
+
};
|
|
28927
29411
|
}, [messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading]);
|
|
28928
29412
|
//
|
|
28929
29413
|
function prepareFirstPage(initData) {
|
|
@@ -29066,11 +29550,12 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29066
29550
|
});
|
|
29067
29551
|
return sections;
|
|
29068
29552
|
}
|
|
29069
|
-
var
|
|
29070
|
-
var
|
|
29071
|
-
var
|
|
29072
|
-
|
|
29073
|
-
var
|
|
29553
|
+
var _17 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), showDialogList = _17[0], setShowDialogList = _17[1];
|
|
29554
|
+
var _18 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), showDialogMessages = _18[0], setShowDialogMessages = _18[1];
|
|
29555
|
+
var _19 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showDialogInformation = _19[0], setShowDialogInformation = _19[1];
|
|
29556
|
+
//
|
|
29557
|
+
var _20 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), isAllMembersShow = _20[0], setIsAllMembersShow = _20[1];
|
|
29558
|
+
var _21 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showMembersDialog = _21[0], setShowMembersDialog = _21[1];
|
|
29074
29559
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29075
29560
|
if (isMobile) {
|
|
29076
29561
|
if (!selectedDialog) {
|
|
@@ -29097,7 +29582,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29097
29582
|
setShowDialogInformation(true);
|
|
29098
29583
|
}
|
|
29099
29584
|
//
|
|
29100
|
-
var sizeChangingLogString = "height: ".concat(height.toString(), " clientHeight: ").concat(clientHeight, " width: ").concat(width.toString(), " breakpont: ").concat(breakpoint.toString(), " isMobile:\n ").concat(isMobile === null || isMobile === void 0 ? void 0 : isMobile.toString(), " selectedDialog:\n ").concat(selectedDialog ? 'true' : 'false', " showDialogMessages:\n ").concat(showDialogMessages === null || showDialogMessages === void 0 ? void 0 : showDialogMessages.toString(), " showDialogList:\n ").concat(showDialogList === null || showDialogList === void 0 ? void 0 : showDialogList.toString(), " showDialogInformation:\n ").concat(showDialogInformation === null || showDialogInformation === void 0 ? void 0 : showDialogInformation.toString());
|
|
29585
|
+
var sizeChangingLogString = "SIZE INFO: height: ".concat(height.toString(), " clientHeight: ").concat(clientHeight, " width: ").concat(width.toString(), " breakpont: ").concat(breakpoint.toString(), " isMobile:\n ").concat(isMobile === null || isMobile === void 0 ? void 0 : isMobile.toString(), " selectedDialog:\n ").concat(selectedDialog ? 'true' : 'false', " showDialogMessages:\n ").concat(showDialogMessages === null || showDialogMessages === void 0 ? void 0 : showDialogMessages.toString(), " showDialogList:\n ").concat(showDialogList === null || showDialogList === void 0 ? void 0 : showDialogList.toString(), " showDialogInformation:\n ").concat(showDialogInformation === null || showDialogInformation === void 0 ? void 0 : showDialogInformation.toString());
|
|
29101
29586
|
console.log(sizeChangingLogString);
|
|
29102
29587
|
}, [isMobile]);
|
|
29103
29588
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
@@ -29105,6 +29590,8 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29105
29590
|
console.log("TestStage: selectedDialog: ".concat(((_a = selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.entity) === null || _a === void 0 ? void 0 : _a.name) || 'Dialog Name is empty'));
|
|
29106
29591
|
if (selectedDialog && selectedDialog.entity) {
|
|
29107
29592
|
dialogsViewModel.entity = selectedDialog.entity;
|
|
29593
|
+
userViewModel.entity = selectedDialog.entity;
|
|
29594
|
+
setShowMembersDialog(false);
|
|
29108
29595
|
if (isMobile) {
|
|
29109
29596
|
setShowDialogList(false);
|
|
29110
29597
|
setShowDialogMessages(true);
|
|
@@ -29114,6 +29601,11 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29114
29601
|
setShowDialogList(true);
|
|
29115
29602
|
}
|
|
29116
29603
|
}, [selectedDialog]);
|
|
29604
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29605
|
+
if (userViewModel.entity) {
|
|
29606
|
+
userViewModel.getUsers();
|
|
29607
|
+
}
|
|
29608
|
+
}, [userViewModel.entity]);
|
|
29117
29609
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29118
29610
|
if (isMobile) {
|
|
29119
29611
|
if (needDialogInformation) {
|
|
@@ -29130,13 +29622,58 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29130
29622
|
console.log('The new height is:', newHeight);
|
|
29131
29623
|
setClientHeight(newHeight);
|
|
29132
29624
|
};
|
|
29133
|
-
|
|
29134
|
-
|
|
29135
|
-
|
|
29625
|
+
var workHeight = isMobile
|
|
29626
|
+
? "calc(".concat(height.toString(), "px - ").concat(uikitHeightOffset, " - 28px)")
|
|
29627
|
+
: "calc(100vh - ".concat(uikitHeightOffset, " - 28px)");
|
|
29628
|
+
// const workHeight = `calc(${uikitHeightOffset} - 128px - 16px)`;
|
|
29629
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29630
|
+
// const workHeight = `100%`;
|
|
29136
29631
|
var leaveDialogHandler = function (dialog) {
|
|
29137
29632
|
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);
|
|
29138
29633
|
};
|
|
29139
|
-
|
|
29634
|
+
// eslint-disable-next-line react/prop-types
|
|
29635
|
+
var defaultGetSenderName = function (props) { return __awaiter(void 0, void 0, void 0, function () {
|
|
29636
|
+
var result, senderUser;
|
|
29637
|
+
return __generator(this, function (_a) {
|
|
29638
|
+
switch (_a.label) {
|
|
29639
|
+
case 0:
|
|
29640
|
+
result = 'undefined user';
|
|
29641
|
+
if (!!props.sender) return [3 /*break*/, 4];
|
|
29642
|
+
if (!(props.userId && props.userId > 0)) return [3 /*break*/, 2];
|
|
29643
|
+
return [4 /*yield*/, userViewModel.getUserById(props.userId)];
|
|
29644
|
+
case 1:
|
|
29645
|
+
senderUser = _a.sent();
|
|
29646
|
+
if (!senderUser) {
|
|
29647
|
+
return [2 /*return*/, result];
|
|
29648
|
+
}
|
|
29649
|
+
result =
|
|
29650
|
+
senderUser.full_name ||
|
|
29651
|
+
senderUser.login ||
|
|
29652
|
+
senderUser.email ||
|
|
29653
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
29654
|
+
senderUser.id.toString();
|
|
29655
|
+
return [3 /*break*/, 3];
|
|
29656
|
+
case 2: return [2 /*return*/, result];
|
|
29657
|
+
case 3: return [3 /*break*/, 5];
|
|
29658
|
+
case 4:
|
|
29659
|
+
result =
|
|
29660
|
+
// eslint-disable-next-line react/prop-types
|
|
29661
|
+
props.sender.full_name ||
|
|
29662
|
+
// eslint-disable-next-line react/prop-types
|
|
29663
|
+
props.sender.login ||
|
|
29664
|
+
// eslint-disable-next-line react/prop-types
|
|
29665
|
+
props.sender.email ||
|
|
29666
|
+
// eslint-disable-next-line react/prop-types
|
|
29667
|
+
props.sender.id.toString();
|
|
29668
|
+
_a.label = 5;
|
|
29669
|
+
case 5: return [2 /*return*/, result];
|
|
29670
|
+
}
|
|
29671
|
+
});
|
|
29672
|
+
}); };
|
|
29673
|
+
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: {
|
|
29674
|
+
minHeight: workHeight,
|
|
29675
|
+
maxHeight: workHeight,
|
|
29676
|
+
}, onHeightChange: handleHeightChange, theme: theme, dialogsView: showDialogList ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_DialogList_DialogList__WEBPACK_IMPORTED_MODULE_4__["default"], { scrollableHeight: clientHeight - 64 - 6,
|
|
29140
29677
|
// rootStyles={{
|
|
29141
29678
|
// minHeight: `${clientHeight}px)`,
|
|
29142
29679
|
// maxHeight: `${clientHeight}px)`,
|
|
@@ -29156,12 +29693,17 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29156
29693
|
selectedDialog &&
|
|
29157
29694
|
selectedDialog.entity &&
|
|
29158
29695
|
dialogsViewModel.entity ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialog_Dialog__WEBPACK_IMPORTED_MODULE_7__["default"], { rootStyles: {
|
|
29159
|
-
minHeight: "".concat(clientHeight, "px
|
|
29160
|
-
maxHeight: "".concat(clientHeight, "px
|
|
29161
|
-
}, messagesContainerStyles:
|
|
29162
|
-
|
|
29163
|
-
|
|
29164
|
-
|
|
29696
|
+
minHeight: "".concat(clientHeight, "px"),
|
|
29697
|
+
maxHeight: "".concat(clientHeight, "px"),
|
|
29698
|
+
}, messagesContainerStyles: isMobile
|
|
29699
|
+
? {
|
|
29700
|
+
minHeight: "calc(".concat(clientHeight, "px - 128px - 16px)"),
|
|
29701
|
+
maxHeight: "calc(".concat(clientHeight, "px - 128px - 16px)"),
|
|
29702
|
+
}
|
|
29703
|
+
: {
|
|
29704
|
+
minHeight: "calc(".concat(clientHeight, "px - 128px - 1px)"),
|
|
29705
|
+
maxHeight: "calc(".concat(clientHeight, "px - 128px - 1px)"),
|
|
29706
|
+
}, messagesViewModel: messagesViewModel, showErrorToast: showErrorToast, messageErrorToast: messageErrorToast, warningErrorText: warningErrorText,
|
|
29165
29707
|
// subHeaderContent={<CompanyLogo />}
|
|
29166
29708
|
// upHeaderContent={<CompanyLogo />}
|
|
29167
29709
|
renderHeader: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialog_DialogHeader_DialogHeader__WEBPACK_IMPORTED_MODULE_17__["default"], { dialogName: dialogsViewModel.entity.name, renderAvatar: renderIconForTypeDialog(dialogsViewModel.entity), renderLeftActions: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialog_DialogHeader_RenderLeftActions_RenderLeftActions__WEBPACK_IMPORTED_MODULE_42__["default"], { onClickBack: function () { return setSelectedDialog(undefined); }, theme: theme }), renderRightActions: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialog_DialogHeader_RenderRightActions_RenderRightActions__WEBPACK_IMPORTED_MODULE_41__["default"], { onClickInfo: informationOpenHandler, theme: theme }), countMembers: getCountDialogMembers(dialogsViewModel.entity), theme: theme }), renderMessageList: messagesViewModel &&
|
|
@@ -29178,7 +29720,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29178
29720
|
handleOnReply(m);
|
|
29179
29721
|
}, onForward: function (m) {
|
|
29180
29722
|
handleForward(m);
|
|
29181
|
-
}, messagesToView: messagesToView, userId: userId || -1, enableReplying: enableReplying, enableForwarding: enableForwarding })); });
|
|
29723
|
+
}, defaultGetSenderName: defaultGetSenderName, messagesToView: messagesToView, userId: userId || -1, enableReplying: enableReplying, enableForwarding: enableForwarding })); });
|
|
29182
29724
|
}, 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) ||
|
|
29183
29725
|
((_j = (_h = messagesToReply[0]) === null || _h === void 0 ? void 0 : _h.sender) === null || _j === void 0 ? void 0 : _j.login) ||
|
|
29184
29726
|
((_l = (_k = messagesToReply[0]) === null || _k === void 0 ? void 0 : _k.sender) === null || _l === void 0 ? void 0 : _l.email) ||
|
|
@@ -29217,21 +29759,18 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29217
29759
|
// 1 Get User by 1 + Get user by name
|
|
29218
29760
|
showDialogInformation &&
|
|
29219
29761
|
selectedDialog &&
|
|
29220
|
-
needDialogInformation &&
|
|
29221
|
-
|
|
29222
|
-
|
|
29223
|
-
|
|
29224
|
-
|
|
29225
|
-
|
|
29226
|
-
|
|
29227
|
-
|
|
29228
|
-
|
|
29229
|
-
|
|
29230
|
-
|
|
29231
|
-
|
|
29232
|
-
// subHeaderContent={<CompanyLogo />}
|
|
29233
|
-
// upHeaderContent={<CompanyLogo />}
|
|
29234
|
-
dialog: selectedDialog.entity, dialogViewModel: dialogsViewModel, onCloseDialogInformationHandler: informationCloseHandler })) }) }));
|
|
29762
|
+
needDialogInformation &&
|
|
29763
|
+
(isAllMembersShow ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_DialogInfo_MembersList_MembersList__WEBPACK_IMPORTED_MODULE_45__["default"], { closeInformationHandler: function () {
|
|
29764
|
+
setIsAllMembersShow(false);
|
|
29765
|
+
}, members: userViewModel.users, maxHeight: clientHeight - 64 - 6 })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_DialogInfo_DialogInfo__WEBPACK_IMPORTED_MODULE_5__["default"], { showMembersDialogInitValue: showMembersDialog, onShowAllMemberClick: function (value) {
|
|
29766
|
+
setIsAllMembersShow(value);
|
|
29767
|
+
}, users: userViewModel.users, rootStyles: {
|
|
29768
|
+
minHeight: "".concat(clientHeight, "px"),
|
|
29769
|
+
maxHeight: "".concat(clientHeight, "px"),
|
|
29770
|
+
},
|
|
29771
|
+
// subHeaderContent={<CompanyLogo />}
|
|
29772
|
+
// upHeaderContent={<CompanyLogo />}
|
|
29773
|
+
dialog: selectedDialog.entity, dialogViewModel: dialogsViewModel, onCloseDialogInformationHandler: informationCloseHandler }))) }) }));
|
|
29235
29774
|
};
|
|
29236
29775
|
/* harmony default export */ __webpack_exports__["default"] = (QuickBloxUIKitDesktopLayout);
|
|
29237
29776
|
|
|
@@ -29276,7 +29815,7 @@ var initValue = {
|
|
|
29276
29815
|
modalHeader: '',
|
|
29277
29816
|
modalContent: '',
|
|
29278
29817
|
handleModal: function () {
|
|
29279
|
-
console.log('empty function');
|
|
29818
|
+
// console.log('empty function');
|
|
29280
29819
|
},
|
|
29281
29820
|
ModalContainerStyle: {},
|
|
29282
29821
|
};
|
|
@@ -29289,11 +29828,10 @@ function Modal() {
|
|
|
29289
29828
|
var questionSizeBox = haveModalFooter
|
|
29290
29829
|
? {
|
|
29291
29830
|
minHeight: '160px',
|
|
29292
|
-
minWidth: '
|
|
29831
|
+
minWidth: '332px',
|
|
29293
29832
|
maxHeight: '160px',
|
|
29294
|
-
maxWidth: '
|
|
29833
|
+
maxWidth: '332px',
|
|
29295
29834
|
backgroundColor: 'var(--main-background)',
|
|
29296
|
-
// border: '3px solid blue',
|
|
29297
29835
|
}
|
|
29298
29836
|
: ModalContainerStyle || {};
|
|
29299
29837
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "modal-container-overlay", "aria-expanded": isOpen }, { children: isOpen ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ style: questionSizeBox, className: "modal-container" }, { children: [modalCloseTab && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "modal-container__close", onClick: onClickHandler }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "24", height: "24", color: "var(--secondary-elements)" }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: haveModalFooter ? { marginBottom: '30px' } : {}, className: "modal-container__subtitle" }, { children: modalHeader })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "modal-container__content" }, { children: modalContent }))] }))) : null })));
|
|
@@ -30164,6 +30702,7 @@ var QBConfig = {
|
|
|
30164
30702
|
debug: true,
|
|
30165
30703
|
enableForwarding: true,
|
|
30166
30704
|
enableReplying: true,
|
|
30705
|
+
regexUserName: '^(?=[a-zA-Z])[-a-zA-Z_ ]{3,49}(?<! )$',
|
|
30167
30706
|
endpoints: {
|
|
30168
30707
|
api: 'api.quickblox.com',
|
|
30169
30708
|
chat: 'chat.quickblox.com',
|
|
@@ -30804,6 +31343,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
30804
31343
|
/* harmony export */ "formatDate": function() { return /* binding */ formatDate; },
|
|
30805
31344
|
/* harmony export */ "formatShortTime3": function() { return /* binding */ formatShortTime3; },
|
|
30806
31345
|
/* harmony export */ "formatShortTime4": function() { return /* binding */ formatShortTime4; },
|
|
31346
|
+
/* harmony export */ "getDateForDialog": function() { return /* binding */ getDateForDialog; },
|
|
30807
31347
|
/* harmony export */ "getDateShortFormatEU": function() { return /* binding */ getDateShortFormatEU; },
|
|
30808
31348
|
/* harmony export */ "getTimeShort24hFormat": function() { return /* binding */ getTimeShort24hFormat; }
|
|
30809
31349
|
/* harmony export */ });
|
|
@@ -30817,6 +31357,21 @@ var formatDate = function (inputDate) {
|
|
|
30817
31357
|
var dateStr = date.toLocaleDateString('en-us', options);
|
|
30818
31358
|
var result = dateStr.split(',');
|
|
30819
31359
|
var dayMonthPart = "".concat(result[1], ", ").concat(result[0]);
|
|
31360
|
+
var currentDate = new Date();
|
|
31361
|
+
var isToday = currentDate.getDate() === date.getDate() &&
|
|
31362
|
+
currentDate.getMonth() === date.getMonth() &&
|
|
31363
|
+
currentDate.getFullYear() === date.getFullYear();
|
|
31364
|
+
if (isToday) {
|
|
31365
|
+
dayMonthPart = "Today, ".concat(result[0]);
|
|
31366
|
+
}
|
|
31367
|
+
else {
|
|
31368
|
+
var isYesterday = currentDate.getDate() - date.getDate() === 1 &&
|
|
31369
|
+
currentDate.getMonth() === date.getMonth() &&
|
|
31370
|
+
currentDate.getFullYear() === date.getFullYear();
|
|
31371
|
+
if (isYesterday) {
|
|
31372
|
+
dayMonthPart = "Yesterday, ".concat(result[0]);
|
|
31373
|
+
}
|
|
31374
|
+
}
|
|
30820
31375
|
return dayMonthPart;
|
|
30821
31376
|
};
|
|
30822
31377
|
var getDateShortFormatEU = function (dateTimeToFormat) {
|
|
@@ -30837,6 +31392,21 @@ var getTimeShort24hFormat = function (dateTimeToFormat) {
|
|
|
30837
31392
|
hour12: false,
|
|
30838
31393
|
});
|
|
30839
31394
|
};
|
|
31395
|
+
var getDateForDialog = function (dateTimeToFormat) {
|
|
31396
|
+
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString
|
|
31397
|
+
var currentDate = new Date();
|
|
31398
|
+
var receivedDate = new Date(dateTimeToFormat);
|
|
31399
|
+
var isToday = currentDate.getDate() === receivedDate.getDate() &&
|
|
31400
|
+
currentDate.getMonth() === receivedDate.getMonth() &&
|
|
31401
|
+
currentDate.getFullYear() === receivedDate.getFullYear();
|
|
31402
|
+
if (isToday) {
|
|
31403
|
+
return new Date(dateTimeToFormat).toLocaleTimeString('en-us', {
|
|
31404
|
+
timeStyle: 'short',
|
|
31405
|
+
hour12: false,
|
|
31406
|
+
});
|
|
31407
|
+
}
|
|
31408
|
+
return new Date(dateTimeToFormat).toLocaleDateString();
|
|
31409
|
+
};
|
|
30840
31410
|
var formatShortTime3 = function (dateTimeToFormat) {
|
|
30841
31411
|
return new Date(dateTimeToFormat).toLocaleTimeString('en-us', {
|
|
30842
31412
|
// weekday: 'long',
|