quickblox-react-ui-kit 0.2.8-beta.15 → 0.2.8-beta.17

package/dist/index-ui.js

@@ -217,7 +217,7 @@ __webpack_require__.r(__webpack_exports__);
 
 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()));
 // Module
-___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  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;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;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;AArBN;AAwBE;EACE,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,gBAAA;EACA,mBAAA;EACA,mBAAA;EACA,QAAA;AAtBJ;AAwBI;EACE,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,QAAA;AAtBN;AAyBI;EACE,aAAA;EACA,sBAAA;EACA,yBAAA;EACA,mBAAA;AAvBN;AA0BE;EACE,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,uBAAA;EACA,mBAAA;EACA,aAAA;EACA,0CAAA;AAxBJ;AA0BE;EACE,aAAA;EACA,wBAAA;EACA,QAAA;EACA,YAAA;EACA,gBAAA;AAxBJ;AA0BE;EACE,4BArI0C;EAsI1C,kBAAA;AAxBJ;AA0BE;EACE,sCA5IqD;EA6IrD,iCAAA;EACA,iBAAA;EACA,uBA7IwC;AAqH5C;AA0BE;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;AAxBJ;AA0BE;EACE,aAAA;EACA,sBAAA;EACA,yBAAA;EACA,kEAAA;EACA,uBAlKwC;AA0I5C;AA0BE;EACE,aAAA;EACA,mBAAA;EACA,yBAAA;EACA,QAAA;AAxBJ;AA0BE;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,QAAA;EACA,mBAAA;EACA,gBAAA;EACA,gBAAA;AAxBJ;AA0BE;EACE,sCAvLuD;EAwLvD,iCAAA;EACA,iBAAA;EACA,YAAA;EACA,gBAAA;EACA,uBA3LwC;AAmK5C;AA0BE;EACE,gBAAA;EACA,iBAAA;EAIA,aAAA;EACA,mBAAA;EACA,iBAAA;EAEA,mBAAA;EACA,cAAA;EACA,UAAA;EAEA,kBAAA;AA7BJ;AA+BE;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;AA9BJ;AAiCE;EACE,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,0BAAA;AA/BJ;AAiCE;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;AAhCJ;AAkCE;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;AA1CJ;AAmBI;EACE,yBAAA;EACA,YAAA;EACA,UAAA;EACA,mBAAA;AAjBN;AAsCI;EACE,WAAA;EACA,YAAA;EACA,gBAAA;EACA,iBAAA;EACA,mCAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;EACA,YAAA;AApCN;;AA0CA;EACE,sBAAA;AAvCF;;AAyCA;EACE,6BAAA;EACA,kBAAA;EAEA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,qBAAA;EACA,2BAAA;EACA,OAAA;EACA,kBAAA;AAvCF;;AA0CA;EACE,0BAAA;EACA,gBAAA;EACA,4BAAA;EACA,kBAAA;EACA,OAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;AAvCF;;AAyCA;EACE,4BAAA;EACA,4BAAA;EACA,YAAA;EACA,aAAA;AAtCF;;AAwCA;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,kBAAA;EACA,kBAAA;AArCF;;AAuCA;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AApCF","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":""}]);
+___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":""}]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -481,7 +481,7 @@ __webpack_require__.r(__webpack_exports__);
 
 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()));
 // Module
-___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":""}]);
+___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":""}]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -1371,7 +1371,7 @@ __webpack_require__.r(__webpack_exports__);
 
 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()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".yesno-container-wrapper {\n  width: 100%;\n}\n\n.yesno-container {\n  display: flex;\n  flex-flow: column nowrap;\n  min-height: 176px;\n  margin: 0 auto;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  background-color: var(--main-background);\n}\n.yesno-container__message-text {\n  min-height: 24px;\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 24px;\n  text-align: center;\n  letter-spacing: 0.15px;\n  color: var(--caption);\n}\n.yesno-container__footer {\n  width: 100%;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/YesNoQuestion/YesNoQuestion.scss"],"names":[],"mappings":"AAIA;EAEE,WAAA;AAJF;;AAOA;EACE,aAAA;EACA,wBAAA;EAEA,iBAAA;EACA,cAAA;EACA,uBAAA;EACA,mBAAA;EACA,SAAA;EACA,wCAlBiC;AAanC;AAOE;EACE,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,sBAAA;EACA,qBA5BiC;AAuBrC;AAOE;EAGE,WAAA;AAPJ","sourcesContent":["$yesno-container-background-color: var(--main-background);\n$yesno-container-message-text-color: var(--caption);\n$yesno-container-divider: var(--divider);\n\n.yesno-container-wrapper {\n  //min-width: 336px;\n  width: 100%;\n}\n\n.yesno-container {\n  display: flex;\n  flex-flow: column nowrap;\n  //min-width: 380px;\n  min-height: 176px;\n  margin: 0 auto;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  background-color: $yesno-container-background-color;\n\n  &__message-text {\n    min-height: 24px;\n    font-family: 'Roboto';\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n    text-align: center;\n    letter-spacing: 0.15px;\n    color: $yesno-container-message-text-color;\n  }\n  &__footer{\n     //border: 2px solid brown;\n    //min-width: 336px;\n    width: 100%;\n  }\n}\n"],"sourceRoot":""}]);
+___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":""}]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -7261,6 +7261,7 @@ var DefaultConfigurations = /** @class */ (function () {
                 debug: true,
                 enableForwarding: true,
                 enableReplying: true,
+                regexUserName: '/^(?=[a-zA-Z])[-a-zA-Z_ ]{3,49}(?<! )$/',
                 endpoints: {
                     api: 'api.quickblox.com',
                     chat: 'chat.quickblox.com',
@@ -15193,7 +15194,8 @@ var RemoteDataSource = /** @class */ (function () {
                             created_at: {
                                 lt: Date.now() / 1000,
                             },
-                            sort_desc: 'created_at',
+                            // sort_desc: 'created_at',// artan 19.0.2024
+                            sort_desc: 'updated_at',
                             page: pageNumber,
                             // per_page: perPage,
                             limit: perPage,
@@ -16240,6 +16242,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "ForwardMessagesUseCase": function() { return /* binding */ ForwardMessagesUseCase; }
 /* harmony export */ });
+/* harmony import */ var _entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../entity/DialogTypes */ "./src/Domain/entity/DialogTypes.ts");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -16287,6 +16290,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+
 var ForwardMessagesUseCase = /** @class */ (function () {
     function ForwardMessagesUseCase(messagesRepository, targetDialogs, messagesToForward, relatedMessage, userName) {
         console.log('CONSTRUCTOR ForwardMessagesUseCase');
@@ -16311,7 +16315,11 @@ var ForwardMessagesUseCase = /** @class */ (function () {
                                 switch (_b.label) {
                                     case 0:
                                         dialogId = targetDialog.id;
-                                        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 });
+                                        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 });
+                                        // added by artik 2024-01-18
+                                        if (targetDialog.type === _entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType["private"]) {
+                                            messageToSend.recipient_id = targetDialog.participantId;
+                                        }
                                         return [4 /*yield*/, this.messagesRepository.sendMessageToRemote(messageToSend)];
                                     case 1:
                                         sentMessage = _b.sent();
@@ -20056,7 +20064,7 @@ var DialogHeader = function (_a) {
     _c = _a.theme, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     theme = _c === void 0 ? undefined : _c;
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("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] })) })) }));
+    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" })] }));
 };
 /* harmony default export */ __webpack_exports__["default"] = (DialogHeader);
 
@@ -20415,7 +20423,7 @@ var __assign = (undefined && undefined.__assign) || function () {
 var ForwardMessageFlow = function (_a) {
     var messages = _a.messages, dialogs = _a.dialogs, currentDialog = _a.currentDialog, currentUserName = _a.currentUserName, onSendData = _a.onSendData;
     var _b = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(true), activeChatsTab = _b[0], setActiveChatsTab = _b[1];
-    var _c = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(['0']), selectedDialogs = _c[0], setSelectedDialogs = _c[1];
+    var _c = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), selectedDialogs = _c[0], setSelectedDialogs = _c[1];
     var _d = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(''), inputText = _d[0], setInputText = _d[1];
     var userName = currentUserName;
     var sendMessageHandler = function () {
@@ -20433,7 +20441,7 @@ var ForwardMessageFlow = function (_a) {
                                         : '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) {
                     var newSelectedDialogs = [idItem];
                     setSelectedDialogs(newSelectedDialogs);
-                } }), (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 })] }))] })));
+                } }), (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 })] }))] })));
 };
 /* harmony default export */ __webpack_exports__["default"] = (ForwardMessageFlow);
 
@@ -20539,10 +20547,10 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 // eslint-disable-next-line react/function-component-definition
 var InputForForwarding = function (_a) {
-    var inputText = _a.inputText, onChange = _a.onChange, onSend = _a.onSend;
+    var inputText = _a.inputText, onChange = _a.onChange, onSend = _a.onSend, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
     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) {
                         onChange(e.target.value);
-                    }, 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 }) }))] })));
+                    }, 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 }) }))] })));
 };
 /* harmony default export */ __webpack_exports__["default"] = (InputForForwarding);
 
@@ -20577,15 +20585,17 @@ var __assign = (undefined && undefined.__assign) || function () {
 };
 
 
-var pattern = '^(https?:\\/\\/)?' + // protocol
-    '((([a-zA-Z\\d]([a-zA-Z\\d-]{0,61}[a-zA-Z\\d])*\\.)+' + // sub-domain + domain name
-    '[a-zA-Z]{2,13})' + // extension
-    '|((\\d{1,3}\\.){3}\\d{1,3})' + // OR ip (v4) address
-    '|localhost)' + // OR localhost
-    '(\\:\\d{1,5})?' + // port
-    '(\\/[a-zA-Z\\&\\d%_.~+-:@]*)*' + // path
-    '(\\?[a-zA-Z\\&\\d%_.,~+-:@=;&]*)?' + // query string
-    '(\\#[-a-zA-Z&\\d_]*)?$'; // fragment locator
+// const pattern =
+//   '^(https?:\\/\\/)?' + // protocol
+//   '((([a-zA-Z\\d]([a-zA-Z\\d-]{0,61}[a-zA-Z\\d])*\\.)+' + // sub-domain + domain name
+//   '[a-zA-Z]{2,13})' + // extension
+//   '|((\\d{1,3}\\.){3}\\d{1,3})' + // OR ip (v4) address
+//   '|localhost)' + // OR localhost
+//   '(\\:\\d{1,5})?' + // port
+//   '(\\/[a-zA-Z\\&\\d%_.~+-:@]*)*' + // path
+//   '(\\?[a-zA-Z\\&\\d%_.,~+-:@=;&]*)?' + // query string
+//   '(\\#[-a-zA-Z&\\d_]*)?$'; // fragment locator
+var pattern = /(https?:\/\/)?([\p{L}\p{N}_-]+(?:(?:\.[\p{L}\p{N}_-]+)+)[\p{L}\p{N}.,@?^=%&:/~+#-]*[\p{L}\p{N}@?^=%&/~+#-])/gu;
 function removeLastPunctuation(str) {
     var punctuationRegex = /[!;%:?*_.,:-]/;
     var decimalSeparatorRegex = /[.,]/;
@@ -20625,12 +20635,12 @@ var getRuleUrl = function (url) {
 var messageHasUrls = function (message) {
     var result = 0;
     var strings = message.split(/\n| /);
-    var onlyDigit = /^\d+$/;
+    // const onlyDigit = /^\d+$/;
     strings.forEach(function (s) {
-        if (s.length < 60 && !onlyDigit.test(s))
-            if (s.match(pattern) || removeLastPunctuation(s).match(pattern)) {
-                result += 1;
-            }
+        // if (s.length < 1160 && !onlyDigit.test(s))
+        if (s.match(pattern) || removeLastPunctuation(s).match(pattern)) {
+            result += 1;
+        }
     });
     return result > 0;
 };
@@ -20664,7 +20674,7 @@ var HighLightLink = function (_a) {
     var strings = messageText.split(/\n| /);
     var elements = strings.map(function (item, index) {
         if (isURL(item)) {
-            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), ' '] }));
+            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), ' '] }) })));
         }
         return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", { children: [item, " "] });
     });
@@ -21360,6 +21370,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./IncomingMessage/MessageContentComponent/MessageContentComponent */ "./src/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.tsx");
 /* harmony import */ var _OutgoinForwardedMessage_OutgoinForwardedMessage__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./OutgoinForwardedMessage/OutgoinForwardedMessage */ "./src/Presentation/Views/Dialog/Message/OutgoinForwardedMessage/OutgoinForwardedMessage.tsx");
 /* harmony import */ var _IncomingRepliedMessage_IncomingRepliedMessage__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./IncomingRepliedMessage/IncomingRepliedMessage */ "./src/Presentation/Views/Dialog/Message/IncomingRepliedMessage/IncomingRepliedMessage.tsx");
+/* 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");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21418,6 +21429,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
+
 // eslint-disable-next-line react/function-component-definition
 var Message = function (_a) {
     var _b, _c, _d, _e;
@@ -21504,7 +21516,7 @@ var Message = function (_a) {
                     }, onErrorToast: function (messageError) {
                         setShowErrorToast(true);
                         setMessageErrorToast(messageError);
-                    }, 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, 
+                    }, 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, 
                         // element={messageContentRender(message)}
                         onStartLoader: function () {
                             setWaitAIWidget(true);
@@ -21513,7 +21525,7 @@ var Message = function (_a) {
                         }, onErrorToast: function (messageError) {
                             setShowErrorToast(true);
                             setMessageErrorToast(messageError);
-                        }, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, enableReplying: enableReplying, enableForwarding: enableForwarding }) }));
+                        }, currentUserId: userId, messagesToView: messagesToView, AITranslation: AITranslateWidget, AIAnswerToMessage: AIAssistWidget, enableReplying: enableReplying, enableForwarding: enableForwarding })) : null }));
             }
         }
         else {
@@ -21542,7 +21554,9 @@ var Message = function (_a) {
         else {
             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
                     ? userNameForReplyForward
-                    : 'UNDEFINED FORWARDING USER NAME', date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), status_message: message.delivered_ids && message.delivered_ids.length, onReply: onReply, onForward: onForward, theme: theme, renderOringinalMessage: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_OutgoingMessage_OutgoingMessage__WEBPACK_IMPORTED_MODULE_7__.OutgoingMessage, { enableReplying: enableReplying, enableForwarding: enableForwarding, message: message, date_sent: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_2__.getTimeShort24hFormat)(message.date_sent), onReply: onReply, onForward: onForward, theme: theme, element: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_IncomingMessage_MessageContentComponent_MessageContentComponent__WEBPACK_IMPORTED_MODULE_8__["default"], { theme: theme, messageEntity: message, originalTextMessage: true, widgetTextContent: "" }) }) }));
+                    : '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) ? (
+                // message.message.trim().length > 0
+                (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 }));
         }
     }
     else {
@@ -21724,7 +21738,10 @@ var DefaultAttachment = function (_a) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
-/* harmony import */ var _ImageAttachment_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageAttachment.scss */ "./src/Presentation/Views/Dialog/Message/MessageAttachment/ImageAttachment/ImageAttachment.scss");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _ImageAttachment_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ImageAttachment.scss */ "./src/Presentation/Views/Dialog/Message/MessageAttachment/ImageAttachment/ImageAttachment.scss");
+/* harmony import */ var _Data_Creator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../Data/Creator */ "./src/Data/Creator.ts");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21736,6 +21753,44 @@ var __assign = (undefined && undefined.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            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;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+
+
 
 
 // eslint-disable-next-line react/function-component-definition
@@ -21743,7 +21798,46 @@ var ImageAttachment = function (_a) {
     var 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     imageFile = _a.imageFile;
-    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: imageFile.url, download: "file", target: "_blank", rel: "noreferrer" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { className: "message-attachment-image-body", src: imageFile.url, alt: imageFile.name || 'attached image' }, imageFile.id) })) })));
+    var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), fileUrl = _b[0], setFileUrl = _b[1];
+    function getFileForPreview() {
+        return __awaiter(this, void 0, void 0, function () {
+            var tmpFileUrl, blobFile;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(imageFile.url && imageFile.url.length > 0)) return [3 /*break*/, 2];
+                        tmpFileUrl = imageFile.url;
+                        return [4 /*yield*/, _Data_Creator__WEBPACK_IMPORTED_MODULE_3__.Creator.createBlobFromUrl(tmpFileUrl)];
+                    case 1:
+                        blobFile = (_a.sent()).blobFile;
+                        tmpFileUrl = blobFile ? URL.createObjectURL(blobFile) : tmpFileUrl || '';
+                        setFileUrl(tmpFileUrl);
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+        getFileForPreview();
+        return function () {
+            if (fileUrl) {
+                URL.revokeObjectURL(fileUrl);
+            }
+        };
+    }, []);
+    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) })) }))
+    // <div className="message-attachment-image">
+    //   <a href={imageFile.url} download="file" target="_blank" rel="noreferrer">
+    //     <img
+    //       className="message-attachment-image-body"
+    //       key={imageFile.id}
+    //       src={imageFile.url}
+    //       alt={imageFile.name || 'attached image'}
+    //     />
+    //   </a>
+    // </div>
+    );
 };
 /* harmony default export */ __webpack_exports__["default"] = (ImageAttachment);
 
@@ -21831,7 +21925,10 @@ function MessageAttachment(_a) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
-/* harmony import */ var _VideoAttachment_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VideoAttachment.scss */ "./src/Presentation/Views/Dialog/Message/MessageAttachment/VideoAttachment/VideoAttachment.scss");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _VideoAttachment_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VideoAttachment.scss */ "./src/Presentation/Views/Dialog/Message/MessageAttachment/VideoAttachment/VideoAttachment.scss");
+/* harmony import */ var _Data_Creator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../Data/Creator */ "./src/Data/Creator.ts");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21843,6 +21940,44 @@ var __assign = (undefined && undefined.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            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;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+
+
 
 
 // eslint-disable-next-line react/function-component-definition
@@ -21850,7 +21985,54 @@ var VideoAttachment = function (_a) {
     var 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     videoFile = _a.videoFile;
-    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: videoFile.url }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a", __assign({ href: videoFile.url, download: true }, { children: "Download" })) }), videoFile.id) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a", __assign({ href: videoFile.url, download: true }, { children: "Download" }))] }));
+    var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), fileUrl = _b[0], setFileUrl = _b[1];
+    function getFileForPreview() {
+        return __awaiter(this, void 0, void 0, function () {
+            var tmpFileUrl, blobFile;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(videoFile.url && videoFile.url.length > 0)) return [3 /*break*/, 2];
+                        tmpFileUrl = videoFile.url;
+                        return [4 /*yield*/, _Data_Creator__WEBPACK_IMPORTED_MODULE_3__.Creator.createBlobFromUrl(tmpFileUrl)];
+                    case 1:
+                        blobFile = (_a.sent()).blobFile;
+                        tmpFileUrl = blobFile ? URL.createObjectURL(blobFile) : tmpFileUrl || '';
+                        setFileUrl(tmpFileUrl);
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+        getFileForPreview();
+        return function () {
+            if (fileUrl) {
+                URL.revokeObjectURL(fileUrl);
+            }
+        };
+    }, []);
+    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" }))] })
+    // <div>
+    //   <div className="message-attachment-video">
+    //     <video
+    //       className="message-attachment-video-body"
+    //       controls
+    //       key={videoFile.id}
+    //       playsInline
+    //       src={videoFile.url}
+    //     >
+    //       <a href={videoFile.url} download>
+    //         Download
+    //       </a>
+    //     </video>
+    //   </div>
+    //   <a href={videoFile.url} download>
+    //     Download
+    //   </a>
+    // </div>
+    );
 };
 /* harmony default export */ __webpack_exports__["default"] = (VideoAttachment);
 
@@ -22173,7 +22355,7 @@ var MessageInput = function (_a) {
                                 if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey) {
                                     sendTextMessageActions();
                                 }
-                            }, placeholder: "enter text to send" }) })), 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 () {
+                            }, 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 () {
                         console.log('click send message');
                         sendTextMessageActions();
                     }, onTouch: function () {
@@ -22505,6 +22687,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Domain_use_cases_ForwardMessagesUseCase__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../Domain/use_cases/ForwardMessagesUseCase */ "./src/Domain/use_cases/ForwardMessagesUseCase.ts");
 /* harmony import */ var _Domain_use_cases_ReplyMessagesUseCase__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../Domain/use_cases/ReplyMessagesUseCase */ "./src/Domain/use_cases/ReplyMessagesUseCase.ts");
 /* harmony import */ var _Data_Creator__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../Data/Creator */ "./src/Data/Creator.ts");
+/* harmony import */ var _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../../Data/DefaultConfigurations */ "./src/Data/DefaultConfigurations.ts");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -22581,6 +22764,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 
 
 function useDialogViewModel(dialogType, dialogEntity) {
@@ -22596,6 +22780,11 @@ function useDialogViewModel(dialogType, dialogEntity) {
     var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _e[0], setDialog = _e[1];
     // const [dialogsParticipants, setDialogsParticipants] = useState<number[]>([]);
     var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__["default"])();
+    var QBConfig = currentContext.InitParams.qbConfig ||
+        _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_22__.DefaultConfigurations.getDefaultQBConfig();
+    var regexUserName = QBConfig.appConfig.regexUserName;
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    var regex = regexUserName ? new RegExp(regexUserName) : null;
     var eventMessaging = (0,_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_13__["default"])();
     var _f = currentContext.storage, REMOTE_DATA_SOURCE = _f.REMOTE_DATA_SOURCE, LOCAL_DATA_SOURCE = _f.LOCAL_DATA_SOURCE;
     var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__.SubscribeToDialogEventsUseCase(eventMessaging, 'MessagesViewModel');
@@ -22658,6 +22847,12 @@ function useDialogViewModel(dialogType, dialogEntity) {
                                     console.log('have sender id:', message.sender_id);
                                     if (userDictionary) {
                                         obj.sender = userDictionary[message.sender_id];
+                                        if (obj.sender &&
+                                            obj.sender.full_name &&
+                                            regex &&
+                                            !regex.test(obj.sender.full_name)) {
+                                            obj.sender.full_name = 'Unknown';
+                                        }
                                     }
                                     return obj;
                                 });
@@ -23292,6 +23487,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ "./src/Presentation/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts");
 /* harmony import */ var _Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../Flow/LeaveDialogFlow/LeaveDialogFlow */ "./src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx");
 /* 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");
+/* harmony import */ var _UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./UsersList/useUsersListViewModel */ "./src/Presentation/Views/DialogInfo/UsersList/useUsersListViewModel.ts");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -23361,6 +23557,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
+
 
 
 // eslint-disable-next-line react/function-component-definition
@@ -23393,6 +23590,53 @@ var DialogInfo = function (_a) {
     var showMembersDialogHandler = function () {
         setShowMembersDialog(!showMembersDialog);
     };
+    var userViewModel = (0,_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_24__["default"])(dialog);
+    var _k = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), dialogAvatarUrl = _k[0], setDialogAvatarUrl = _k[1];
+    var getUserAvatarByUid = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result, participants, senderUser;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    result = '';
+                    participants = (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) &&
+                        (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType["private"]
+                        ? [
+                            (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity)
+                                .participantId,
+                        ]
+                        : [];
+                    return [4 /*yield*/, userViewModel.getUserById(participants[0])];
+                case 1:
+                    senderUser = _a.sent();
+                    result = (senderUser === null || senderUser === void 0 ? void 0 : senderUser.photo) || '';
+                    return [2 /*return*/, result];
+            }
+        });
+    }); };
+    function getDialogPhotoFileForPreview() {
+        return __awaiter(this, void 0, void 0, function () {
+            var tmpFileUrl;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, getUserAvatarByUid()];
+                    case 1:
+                        tmpFileUrl = _a.sent();
+                        if (tmpFileUrl && tmpFileUrl.length > 0) {
+                            setDialogAvatarUrl(tmpFileUrl);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+        getDialogPhotoFileForPreview();
+        return function () {
+            if (dialogAvatarUrl) {
+                URL.revokeObjectURL(dialogAvatarUrl);
+            }
+        };
+    }, []);
     // eslint-disable-next-line consistent-return
     var renderIconForTypeDialog = function (dialogEntity) {
         console.log(JSON.stringify(dialogEntity));
@@ -23404,7 +23648,7 @@ var DialogInfo = function (_a) {
             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)" }) })) })) })));
         }
         if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType["private"]) {
-            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_User__WEBPACK_IMPORTED_MODULE_13__["default"], { width: "51", height: "51", color: "var(--secondary-text)" }) })) })) })));
+            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)" }) })) })) })));
         }
         if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_11__.DialogType["public"]) {
             var publicDialogEntity = dialogEntity;
@@ -23463,7 +23707,7 @@ var DialogInfo = function (_a) {
         });
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var _k = react__WEBPACK_IMPORTED_MODULE_1___default().useState(document.documentElement.getAttribute('data-theme')), themeName = _k[0], setThemeName = _k[1];
+    var _l = react__WEBPACK_IMPORTED_MODULE_1___default().useState(document.documentElement.getAttribute('data-theme')), themeName = _l[0], setThemeName = _l[1];
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var changeThemeActions = function () {
         setThemeName(document.documentElement.getAttribute('data-theme'));
@@ -23631,6 +23875,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
 /* harmony import */ var _SingleUser_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SingleUser.scss */ "./src/Presentation/Views/DialogInfo/UsersList/SingleUser/SingleUser.scss");
 /* 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");
+/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -23645,10 +23890,40 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
+
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
 var UserSingle = function (_a) {
+    // const [dialogAvatarUrl, setDialogAvatarUrl] = React.useState('');
+    // const getUserAvatarUid = () => {
+    //   let result = '';
+    //
+    //   result = user?.blob_id || '';
+    //
+    //   return result;
+    // };
+    //
+    // async function getDialogPhotoFileForPreview() {
+    //   const fileUid: string = getUserAvatarUid();
+    //
+    //   if (fileUid && fileUid.length > 0) {
+    //     let tmpFileUrl: string = fileUid && QB.content.privateUrl(fileUid);
+    //     const { blobFile } = await Creator.createBlobFromUrl(tmpFileUrl);
+    //
+    //     tmpFileUrl = blobFile ? URL.createObjectURL(blobFile) : tmpFileUrl || '';
+    //     setDialogAvatarUrl(tmpFileUrl);
+    //   }
+    // }
+    // useEffect(() => {
+    //   getDialogPhotoFileForPreview();
+    //
+    //   return () => {
+    //     if (dialogAvatarUrl) {
+    //       URL.revokeObjectURL(dialogAvatarUrl);
+    //     }
+    //   };
+    // }, []);
     var user = _a.user, keyValue = _a.keyValue;
-    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) }))] })));
+    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) }))] })));
 };
 /* harmony default export */ __webpack_exports__["default"] = (UserSingle);
 
@@ -23735,6 +24010,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../Domain/use_cases/GetUsersByIdsUseCase */ "./src/Domain/use_cases/GetUsersByIdsUseCase.ts");
 /* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../Data/repository/UsersRepository */ "./src/Data/repository/UsersRepository.ts");
 /* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../Domain/entity/DialogTypes */ "./src/Domain/entity/DialogTypes.ts");
+/* harmony import */ var _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../Data/DefaultConfigurations */ "./src/Data/DefaultConfigurations.ts");
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -23785,6 +24061,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 function useUsersListViewModel(dialogEntity) {
     console.log('create useUsersListViewModel');
     var _a = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _a[0], setLoading = _a[1];
@@ -23792,45 +24069,11 @@ function useUsersListViewModel(dialogEntity) {
     var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), users = _c[0], setUsers = _c[1];
     var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _d[0], setDialog = _d[1];
     var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_1__["default"])();
-    // async function getUsers() {
-    //   console.log('call getUsers in useUsersListViewModel');
-    //   let participants: Array<number> = [];
-    //
-    //   if (dialog && dialog?.type === DialogType.group) {
-    //     participants = (dialog as GroupDialogEntity).participantIds;
-    //   } else if (dialog && dialog?.type === DialogType.private) {
-    //     participants = [(dialog as PrivateDialogEntity).participantId];
-    //   } else if (dialog && dialog?.type === DialogType.public) {
-    //     participants = [];
-    //   }
-    //   setLoading(true);
-    //   const initAllUsersByIdsUseCase: GetUsersByIdsUseCase =
-    //     new GetUsersByIdsUseCase(
-    //       new UsersRepository(
-    //         currentContext.storage.LOCAL_DATA_SOURCE,
-    //         currentContext.storage.REMOTE_DATA_SOURCE,
-    //       ),
-    //       participants,
-    //     );
-    //
-    //   await initAllUsersByIdsUseCase
-    //     .execute()
-    //     // eslint-disable-next-line promise/always-return
-    //     .then((data) => {
-    //       console.log('have getUsers :', JSON.stringify(data));
-    //       console.log('have idis :', JSON.stringify(participants));
-    //       setUsers([...data]);
-    //       setLoading(false);
-    //       setError('');
-    //     })
-    //     .catch((e) => {
-    //       console.log('have ERROR get users :', JSON.stringify(e));
-    //       setLoading(false);
-    //       setError((e as unknown as Error).message);
-    //     });
-    //
-    //   console.log('EXECUTE USE CASES getUsers');
-    // }
+    var QBConfig = currentContext.InitParams.qbConfig ||
+        _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_5__.DefaultConfigurations.getDefaultQBConfig();
+    var regexUserName = QBConfig.appConfig.regexUserName;
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    var regex = regexUserName ? new RegExp(regexUserName) : null;
     function logData(message, data) {
         console.log("".concat(message, " :"), JSON.stringify(data));
     }
@@ -23864,7 +24107,7 @@ function useUsersListViewModel(dialogEntity) {
     }
     function fetchUsersData(participants) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, er_1, errorMessage;
+            var data, tmpItems, i, u, regexResult, er_1, errorMessage;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -23875,7 +24118,17 @@ function useUsersListViewModel(dialogEntity) {
                         return [4 /*yield*/, getUsersData(participants)];
                     case 2:
                         data = _a.sent();
-                        handleSuccessfulFetch(participants, data);
+                        tmpItems = [];
+                        for (i = 0; i < data.length; i += 1) {
+                            u = data[i];
+                            regexResult = u.full_name && regex && regex.test(u.full_name);
+                            if (!regexResult) {
+                                u.full_name = 'Unknown';
+                            }
+                            tmpItems.push(u);
+                        }
+                        //
+                        handleSuccessfulFetch(participants, tmpItems);
                         return [3 /*break*/, 4];
                     case 3:
                         er_1 = _a.sent();
@@ -23967,10 +24220,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _DialogListHeader_DialogListHeader__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../DialogListHeader/DialogListHeader */ "./src/Presentation/Views/DialogListHeader/DialogListHeader.tsx");
 /* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
 /* harmony import */ var _Flow_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../Flow/CreateDialogFlow/CreateNewDialogFlow */ "./src/Presentation/Views/Flow/CreateDialogFlow/CreateNewDialogFlow.tsx");
-/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/DateTimeFormatter */ "./src/utils/DateTimeFormatter.ts");
-/* harmony import */ var _components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Search */ "./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx");
-/* harmony import */ var _components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Actions/Remove */ "./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx");
-/* harmony import */ var _components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../components/containers/SectionList/hooks */ "./src/Presentation/components/containers/SectionList/hooks/index.ts");
+/* 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");
+/* 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");
+/* 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");
+/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../utils/DateTimeFormatter */ "./src/utils/DateTimeFormatter.ts");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -24015,7 +24268,7 @@ var DialogList = function (_a) {
     var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState({ selectedIndex: undefined, item: undefined }), selectedItem = _e[0], setSelectedItem = _e[1];
     var _f = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showSearchDialogs = _f[0], setShowSearchDialogs = _f[1];
     var _g = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), nameDialogForSearch = _g[0], setNameDialogForSearch = _g[1];
-    var isMobile = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_15__.useMobileLayout)()[0];
+    var isMobile = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_14__.useMobileLayout)()[0];
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
         console.log('USE EFFECT DIALOG LIST HAS CHANGED');
         // console.log(JSON.stringify(dialogsViewModel?.dialogs)); //todo artik changed 28.12.2023
@@ -24110,7 +24363,7 @@ var DialogList = function (_a) {
                 if (Number.isNaN(dateInt)) {
                     return formattedValue;
                 }
-                formattedValue = (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_12__.getTimeShort24hFormat)(dateInt * 1000);
+                formattedValue = (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_15__.getDateForDialog)(dateInt * 1000);
             }
             return formattedValue;
         }
@@ -24152,17 +24405,18 @@ var DialogList = function (_a) {
         height: '44',
     };
     var renderSearchDialogs = function () {
-        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_13__["default"], { applyZoom: true, width: "24", height: "24", color: "var(--tertiary-elements)" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", 
+        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", 
                     // style={{ width: '268px' }}
                     style: { width: '85%' }, value: nameDialogForSearch, onChange: function (event) {
                         setNameDialogForSearch(event.target.value);
                     }, placeholder: "Search" }), nameDialogForSearch.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: { cursor: 'pointer' }, onClick: function () {
                         setNameDialogForSearch('');
-                    } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__["default"], { width: "24", height: "24", color: "var(--tertiary-elements)" }) }))) : null] })));
+                    } }, { 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] })));
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-list" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], __assign({ maxWidth: isMobile ? '100%' : '320px' }, { children: [useUpContent && upHeaderContent, useHeader && HeaderContent, useSubContent && subHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "scroll-box", style: { maxHeight: 'initial' }, ref: function (el) {
+    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) {
                         if (el) {
                             el.style.setProperty('max-height', "".concat(scrollableHeight, "px"), 'important');
+                            el.style.setProperty('height', "".concat(scrollableHeight, "px"), 'important');
                         }
                     } }, { children: [(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: {
                                 display: 'flex',
@@ -25125,20 +25379,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../YesNoQuestion/YesNoQuestion */ "./src/Presentation/Views/YesNoQuestion/YesNoQuestion.tsx");
 /* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../utils/parse */ "./src/utils/parse.ts");
-/* harmony import */ var _components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../components/containers/ColumnContainer/ColumnContainer */ "./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx");
-/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
+/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
 
 
 
@@ -25147,24 +25388,28 @@ var __assign = (undefined && undefined.__assign) || function () {
 // eslint-disable-next-line react/function-component-definition
 var LeaveDialogFlow = function (_a) {
     var dialogsViewModel = _a.dialogsViewModel, dialog = _a.dialog;
-    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_5__.ModalContext).handleModal;
+    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_4__.ModalContext).handleModal;
     var closeModal = function () {
         handleModal(false, '', '', false, false);
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_4__["default"], __assign({ gapBetweenItem: "8px" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_2__["default"], { noActionCaption: "Cancel", yesActionCaption: "Leave", ClickYesActionHandler: function () {
-                dialogsViewModel
-                    .deleteDialog(dialog)
-                    .then(function (result) {
-                    if (result)
-                        closeModal();
-                    return result;
-                })
-                    .catch(function (e) {
-                    console.log('exception in LeaveDialogFlow', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_3__.stringifyError)(e));
-                });
-            }, ClickNoActionHandler: function () {
-                closeModal();
-            } }) })));
+    return (
+    // <ColumnContainer gapBetweenItem="8px">
+    (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_2__["default"], { noActionCaption: "Cancel", yesActionCaption: "Leave", ClickYesActionHandler: function () {
+            dialogsViewModel
+                .deleteDialog(dialog)
+                .then(function (result) {
+                if (result)
+                    closeModal();
+                return result;
+            })
+                .catch(function (e) {
+                console.log('exception in LeaveDialogFlow', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_3__.stringifyError)(e));
+            });
+        }, ClickNoActionHandler: function () {
+            closeModal();
+        } })
+    // </ColumnContainer>
+    );
 };
 /* harmony default export */ __webpack_exports__["default"] = (LeaveDialogFlow);
 
@@ -25376,6 +25621,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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");
 /* 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");
 /* 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");
+/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -25392,6 +25638,7 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
+
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
 var SingleUserWithCheckBox = function (_a) {
     var user = _a.user, checkedHandler = _a.checkedHandler, isElementChecked = _a.isElementChecked, keyValue = _a.keyValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b;
@@ -25401,7 +25648,36 @@ var SingleUserWithCheckBox = function (_a) {
         console.log(index);
         return result;
     }
-    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: (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 () {
+    // const [dialogAvatarUrl, setDialogAvatarUrl] = React.useState('');
+    // const getUserAvatarUid = () => {
+    //   let result = '';
+    //
+    //   result = user?.blob_id || '';
+    //
+    //   return result;
+    // };
+    //
+    // async function getDialogPhotoFileForPreview() {
+    //   const fileUid: string = getUserAvatarUid();
+    //
+    //   if (fileUid && fileUid.length > 0) {
+    //     let tmpFileUrl: string = fileUid && QB.content.privateUrl(fileUid);
+    //     const { blobFile } = await Creator.createBlobFromUrl(tmpFileUrl);
+    //
+    //     tmpFileUrl = blobFile ? URL.createObjectURL(blobFile) : tmpFileUrl || '';
+    //     setDialogAvatarUrl(tmpFileUrl);
+    //   }
+    // }
+    // useEffect(() => {
+    //   getDialogPhotoFileForPreview();
+    //
+    //   return () => {
+    //     if (dialogAvatarUrl) {
+    //       URL.revokeObjectURL(dialogAvatarUrl);
+    //     }
+    //   };
+    // }, []);
+    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 () {
                         console.log('user click...');
                     }, onTouch: function () {
                         console.log('user touch...');
@@ -25473,6 +25749,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../Data/Stubs */ "./src/Data/Stubs.ts");
 /* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/parse */ "./src/utils/parse.ts");
 /* harmony import */ var _Data_source_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Data/source/exception/RemoteDataSourceException */ "./src/Data/source/exception/RemoteDataSourceException.ts");
+/* harmony import */ var _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../Data/DefaultConfigurations */ "./src/Data/DefaultConfigurations.ts");
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -25526,10 +25803,16 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 function useInviteMembersViewModel() {
     // initPagination?: Pagination,
     console.log('create useUsersListViewModel');
     var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_4__["default"])();
+    var QBConfig = currentContext.InitParams.qbConfig ||
+        _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_8__.DefaultConfigurations.getDefaultQBConfig();
+    var regexUserName = QBConfig.appConfig.regexUserName;
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    var regex = regexUserName ? new RegExp(regexUserName) : null;
     var _a = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _a[0], setLoading = _a[1];
     var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('error with getting user list'), error = _b[0], setError = _b[1];
     var startPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__.Pagination(0, 0);
@@ -25563,8 +25846,34 @@ function useInviteMembersViewModel() {
                                 setPagination(data.CurrentPagination);
                                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
                                 setUsers(function (prevState) {
-                                    var newItems = currentPagination.getCurrentPage() === 0
-                                        ? __spreadArray([], data.ResultData, true) : __spreadArray(__spreadArray([], prevState, true), data.ResultData, true);
+                                    var newItems = [];
+                                    if (regexUserName && regexUserName.length > 0) {
+                                        // const tmpItems: UserEntity[] = [];
+                                        //
+                                        // for (let i = 0; i < data.ResultData.length; i += 1) {
+                                        //   const u = data.ResultData[i];
+                                        //   const regexResult = regex.test(u.full_name);
+                                        //
+                                        //   if (regexResult) {
+                                        //     tmpItems.push(u);
+                                        //   }
+                                        // }
+                                        // work
+                                        var tmpItems = data.ResultData.reduce(function (acc, u) {
+                                            if (!regex || regex.test(u.full_name)) {
+                                                acc.push(u);
+                                            }
+                                            return acc;
+                                        }, []);
+                                        newItems =
+                                            currentPagination.getCurrentPage() === 0
+                                                ? __spreadArray([], tmpItems, true) : __spreadArray(__spreadArray([], prevState, true), tmpItems, true);
+                                    }
+                                    else {
+                                        newItems =
+                                            currentPagination.getCurrentPage() === 0
+                                                ? __spreadArray([], data.ResultData, true) : __spreadArray(__spreadArray([], prevState, true), data.ResultData, true);
+                                    }
                                     return newItems;
                                 });
                             })
@@ -25708,6 +26017,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
 /* harmony import */ var _PreviewDialogContextMenu_PreviewDialogContextMenu__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./PreviewDialogContextMenu/PreviewDialogContextMenu */ "./src/Presentation/Views/PreviewDialog/PreviewDialogContextMenu/PreviewDialogContextMenu.tsx");
 /* 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");
+/* harmony import */ var _DialogInfo_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../DialogInfo/UsersList/useUsersListViewModel */ "./src/Presentation/Views/DialogInfo/UsersList/useUsersListViewModel.ts");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -25772,6 +26082,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
+
 // eslint-disable-next-line react/function-component-definition
 var PreviewDialog = function (_a) {
     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, 
@@ -25865,7 +26176,7 @@ var PreviewDialog = function (_a) {
             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 }) })) })));
             break;
         case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_5__.DialogType["private"]:
-            avatar = dialogAvatarUrl ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_13__["default"], { urlAvatar: dialogAvatarUrl, iconTheme: { width: '40px', height: '40px' } })) : ((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 }) })) })));
+            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 }) })) })));
             break;
         default:
             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 }) })) })));
@@ -25900,25 +26211,40 @@ var PreviewDialog = function (_a) {
             });
         });
     }
-    var getUserAvatarUid = function () {
-        return '';
-    };
+    var userViewModel = (0,_DialogInfo_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_16__["default"])(dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item.entity);
+    var getUserAvatarByUid = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result, participants, senderUser;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    result = '';
+                    participants = (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) &&
+                        (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_5__.DialogType["private"]
+                        ? [
+                            (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity)
+                                .participantId,
+                        ]
+                        : [];
+                    return [4 /*yield*/, userViewModel.getUserById(participants[0])];
+                case 1:
+                    senderUser = _a.sent();
+                    result = (senderUser === null || senderUser === void 0 ? void 0 : senderUser.photo) || '';
+                    return [2 /*return*/, result];
+            }
+        });
+    }); };
     function getDialogPhotoFileForPreview() {
         return __awaiter(this, void 0, void 0, function () {
-            var fileUid, tmpFileUrl, blobFile;
+            var tmpFileUrl;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0:
-                        fileUid = getUserAvatarUid();
-                        if (!(fileUid && fileUid.length > 0)) return [3 /*break*/, 2];
-                        tmpFileUrl = fileUid && QB.content.privateUrl(fileUid);
-                        return [4 /*yield*/, _Data_Creator__WEBPACK_IMPORTED_MODULE_12__.Creator.createBlobFromUrl(tmpFileUrl)];
+                    case 0: return [4 /*yield*/, getUserAvatarByUid()];
                     case 1:
-                        blobFile = (_a.sent()).blobFile;
-                        tmpFileUrl = blobFile ? URL.createObjectURL(blobFile) : tmpFileUrl || '';
-                        setDialogAvatarUrl(tmpFileUrl);
-                        _a.label = 2;
-                    case 2: return [2 /*return*/];
+                        tmpFileUrl = _a.sent();
+                        if (tmpFileUrl && tmpFileUrl.length > 0) {
+                            setDialogAvatarUrl(tmpFileUrl);
+                        }
+                        return [2 /*return*/];
                 }
             });
         });
@@ -26222,9 +26548,7 @@ var PreviewVideoFile = function (_a) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
 /* harmony import */ var _YesNoQuestion_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./YesNoQuestion.scss */ "./src/Presentation/Views/YesNoQuestion/YesNoQuestion.scss");
-/* harmony import */ var _components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/containers/ColumnContainer/ColumnContainer */ "./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx");
-/* harmony import */ var _components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/containers/RowRightContainer/RowRightContainer */ "./src/Presentation/components/containers/RowRightContainer/RowRightContainer.tsx");
-/* 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");
+/* 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");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -26239,8 +26563,6 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
-
-
 // eslint-disable-next-line react/function-component-definition
 var YesNoQuestionComponent = function (_a) {
     var 
@@ -26262,27 +26584,15 @@ var YesNoQuestionComponent = function (_a) {
     _c = _a.noActionCaption, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     noActionCaption = _c === void 0 ? undefined : _c;
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container-wrapper" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], { children: [messageText ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container__message-text" }, { children: messageText }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container__footer" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
-                            flexBasis: '63px',
-                            minWidth: '63px',
-                            maxWidth: '63px',
-                            minHeight: '32px',
-                            maxHeight: '32px',
-                        }, RightItem: (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"], { clickHandler: function () {
-                                    if (ClickYesActionHandler) {
-                                        ClickYesActionHandler();
-                                    }
-                                }, title: yesActionCaption || 'Yes', typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_4__.TypeButton.danger }) }), CenterContainerSize: {
-                            flexBasis: '78px',
-                            minWidth: '78px',
-                            maxWidth: '78px',
-                            minHeight: '32px',
-                            maxHeight: '32px',
-                        }, 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 () {
-                                    if (ClickNoActionHandler) {
-                                        ClickNoActionHandler();
-                                    }
-                                }, typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_4__.TypeButton.outlined }) }) }) }))] }) })));
+    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 () {
+                        if (ClickNoActionHandler) {
+                            ClickNoActionHandler();
+                        }
+                    }, 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 () {
+                        if (ClickYesActionHandler) {
+                            ClickYesActionHandler();
+                        }
+                    }, title: yesActionCaption || 'Yes', typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_2__.TypeButton.danger })] })) }));
 };
 /* harmony default export */ __webpack_exports__["default"] = (YesNoQuestionComponent);
 
@@ -26534,20 +26844,18 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 // eslint-disable-next-line react/function-component-definition
 var ActiveSvg = function (_a) {
-    var content = _a.content, onTouch = _a.onTouch, onClick = _a.onClick;
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "active-svg-container", onTouchStart: function (event) {
-            console.log('TOUCHED in ActiveSvg');
+    var content = _a.content, onTouch = _a.onTouch, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "active-svg-container", style: { cursor: disabled ? 'default' : 'pointer' }, onTouchStart: function (event) {
             // eslint-disable-next-line no-unused-expressions
-            onTouch && typeof onTouch === 'function'
+            onTouch && typeof onTouch === 'function' && !disabled
                 ? onTouch()
                 : function () {
                     console.log('touched');
                 };
             event.preventDefault();
         }, onClick: function () {
-            console.log('CLICKED in ActiveSvg');
             // eslint-disable-next-line no-unused-expressions
-            onClick && typeof onClick === 'function'
+            onClick && typeof onClick === 'function' && !disabled
                 ? onClick()
                 : function () {
                     console.log('clicked');
@@ -27834,7 +28142,7 @@ var ColumnContainer = function (_a) {
     var children = _a.children, gapBetweenItem = _a.gapBetweenItem, maxWidth = _a.maxWidth;
     var containerStyles = gapBetweenItem ? { gap: gapBetweenItem } : {};
     var resumeStyles = maxWidth
-        ? __assign({}, containerStyles) : containerStyles;
+        ? __assign(__assign({}, containerStyles), { width: maxWidth }) : containerStyles;
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: resumeStyles, className: "column-container" }, { children: children })));
 };
 /* harmony default export */ __webpack_exports__["default"] = (ColumnContainer);
@@ -28643,6 +28951,53 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
         }
         return participants.length;
     };
+    var userViewModel = (0,_Views_DialogInfo_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_46__["default"])(selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.entity);
+    var _z = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), dialogAvatarUrl = _z[0], setDialogAvatarUrl = _z[1];
+    var getUserAvatarByUid = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result, participants, senderUser;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    result = '';
+                    participants = (dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.entity) &&
+                        (dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.entity.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_18__.DialogType["private"]
+                        ? [
+                            (dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.entity)
+                                .participantId,
+                        ]
+                        : [];
+                    return [4 /*yield*/, userViewModel.getUserById(participants[0])];
+                case 1:
+                    senderUser = _a.sent();
+                    result = (senderUser === null || senderUser === void 0 ? void 0 : senderUser.photo) || '';
+                    return [2 /*return*/, result];
+            }
+        });
+    }); };
+    function getDialogPhotoFileForPreview() {
+        return __awaiter(this, void 0, void 0, function () {
+            var tmpFileUrl;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, getUserAvatarByUid()];
+                    case 1:
+                        tmpFileUrl = _a.sent();
+                        if (tmpFileUrl && tmpFileUrl.length > 0) {
+                            setDialogAvatarUrl(tmpFileUrl);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+        getDialogPhotoFileForPreview();
+        return function () {
+            if (dialogAvatarUrl) {
+                URL.revokeObjectURL(dialogAvatarUrl);
+            }
+        };
+    }, [dialogsViewModel.entity]);
     // eslint-disable-next-line consistent-return
     var renderIconForTypeDialog = function (dialogEntity) {
         if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_18__.DialogType.group) {
@@ -28653,7 +29008,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
             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)" }) })) }))] })));
         }
         if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_18__.DialogType["private"]) {
-            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)" }) })) }))] })));
+            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)" }) })) }))] })));
         }
         if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_18__.DialogType["public"]) {
             var publicDialogEntity = dialogEntity;
@@ -28670,7 +29025,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
             setSelectedDialog(undefined);
         }
     }, [dialogsViewModel.entity]);
-    var _z = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), needDialogInformation = _z[0], setNeedDialogInformation = _z[1];
+    var _0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), needDialogInformation = _0[0], setNeedDialogInformation = _0[1];
     var informationCloseHandler = function () {
         setNeedDialogInformation(false);
     };
@@ -28683,17 +29038,17 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
     var rephraseTones = currentContext.InitParams.qbConfig.configAIApi.AIRephraseWidgetConfig.Tones;
     var maxFileSize = currentContext.InitParams.maxFileSize;
     //
-    var _0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), waitAIWidget = _0[0], setWaitAIWidget = _0[1];
-    var _1 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _1[0], setMessageText = _1[1];
+    var _1 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), waitAIWidget = _1[0], setWaitAIWidget = _1[1];
+    var _2 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _2[0], setMessageText = _2[1];
     // must re-create as result dialog changing
     var messagesViewModel = (0,_Views_Dialog_useDialogViewModel__WEBPACK_IMPORTED_MODULE_31__["default"])((_e = dialogsViewModel.entity) === null || _e === void 0 ? void 0 : _e.type, dialogsViewModel.entity);
-    var _2 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _2[0], setWarningErrorText = _2[1];
-    var _3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showErrorToast = _3[0], setShowErrorToast = _3[1];
-    var _4 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageErrorToast = _4[0], setMessageErrorToast = _4[1];
-    var _5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(100), dialogMessagesCount = _5[0], setDialogMessageCount = _5[1];
-    var _6 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true), hasMore = _6[0], setHasMore = _6[1];
-    var _7 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _7[0], setScrollUpToDown = _7[1];
-    var _8 = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), messagesToView = _8[0], setMessagesToView = _8[1];
+    var _3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _3[0], setWarningErrorText = _3[1];
+    var _4 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showErrorToast = _4[0], setShowErrorToast = _4[1];
+    var _5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageErrorToast = _5[0], setMessageErrorToast = _5[1];
+    var _6 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(100), dialogMessagesCount = _6[0], setDialogMessageCount = _6[1];
+    var _7 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true), hasMore = _7[0], setHasMore = _7[1];
+    var _8 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _8[0], setScrollUpToDown = _8[1];
+    var _9 = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), messagesToView = _9[0], setMessagesToView = _9[1];
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
         if (showErrorToast || messageErrorToast) {
             setTimeout(function () {
@@ -28702,17 +29057,17 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
             }, 1800);
         }
     }, [showErrorToast]);
-    var _9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), useAudioWidget = _9[0], setUseAudioWidget = _9[1];
-    var _10 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _10[0], setFileToSend = _10[1];
-    var _11 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _11[0], setIsRecording = _11[1];
+    var _10 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), useAudioWidget = _10[0], setUseAudioWidget = _10[1];
+    var _11 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _11[0], setFileToSend = _11[1];
+    var _12 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _12[0], setIsRecording = _12[1];
     //
-    var _12 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _12[0], setPermission = _12[1];
+    var _13 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _13[0], setPermission = _13[1];
     // const [recordingStatus, setRecordingStatus] = useState('inactive');
-    var _13 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _13[0], setStream = _13[1];
+    var _14 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _14[0], setStream = _14[1];
     // const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();
     var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
-    var _14 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _14[0], setResultAudioBlob = _14[1];
-    var _15 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _15[0], setAudioChunks = _15[1];
+    var _15 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _15[0], setResultAudioBlob = _15[1];
+    var _16 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _16[0], setAudioChunks = _16[1];
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var mimeType = 'audio/webm;codecs=opus'; // audio/ogg audio/mpeg audio/webm audio/x-wav audio/mp4
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -29171,13 +29526,12 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
         });
         return sections;
     }
-    var _16 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), showDialogList = _16[0], setShowDialogList = _16[1];
-    var _17 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), showDialogMessages = _17[0], setShowDialogMessages = _17[1];
-    var _18 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showDialogInformation = _18[0], setShowDialogInformation = _18[1];
+    var _17 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), showDialogList = _17[0], setShowDialogList = _17[1];
+    var _18 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), showDialogMessages = _18[0], setShowDialogMessages = _18[1];
+    var _19 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showDialogInformation = _19[0], setShowDialogInformation = _19[1];
     //
-    var _19 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), isAllMembersShow = _19[0], setIsAllMembersShow = _19[1];
-    var userViewModel = (0,_Views_DialogInfo_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_46__["default"])(selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.entity);
-    var _20 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showMembersDialog = _20[0], setShowMembersDialog = _20[1];
+    var _20 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), isAllMembersShow = _20[0], setIsAllMembersShow = _20[1];
+    var _21 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showMembersDialog = _21[0], setShowMembersDialog = _21[1];
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
         if (isMobile) {
             if (!selectedDialog) {
@@ -30324,6 +30678,7 @@ var QBConfig = {
         debug: true,
         enableForwarding: true,
         enableReplying: true,
+        regexUserName: '^(?=[a-zA-Z])[-a-zA-Z_ ]{3,49}(?<! )$',
         endpoints: {
             api: 'api.quickblox.com',
             chat: 'chat.quickblox.com',
@@ -30964,6 +31319,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "formatDate": function() { return /* binding */ formatDate; },
 /* harmony export */   "formatShortTime3": function() { return /* binding */ formatShortTime3; },
 /* harmony export */   "formatShortTime4": function() { return /* binding */ formatShortTime4; },
+/* harmony export */   "getDateForDialog": function() { return /* binding */ getDateForDialog; },
 /* harmony export */   "getDateShortFormatEU": function() { return /* binding */ getDateShortFormatEU; },
 /* harmony export */   "getTimeShort24hFormat": function() { return /* binding */ getTimeShort24hFormat; }
 /* harmony export */ });
@@ -30977,6 +31333,21 @@ var formatDate = function (inputDate) {
     var dateStr = date.toLocaleDateString('en-us', options);
     var result = dateStr.split(',');
     var dayMonthPart = "".concat(result[1], ", ").concat(result[0]);
+    var currentDate = new Date();
+    var isToday = currentDate.getDate() === date.getDate() &&
+        currentDate.getMonth() === date.getMonth() &&
+        currentDate.getFullYear() === date.getFullYear();
+    if (isToday) {
+        dayMonthPart = "Today, ".concat(result[0]);
+    }
+    else {
+        var isYesterday = currentDate.getDate() - date.getDate() === 1 &&
+            currentDate.getMonth() === date.getMonth() &&
+            currentDate.getFullYear() === date.getFullYear();
+        if (isYesterday) {
+            dayMonthPart = "Yesterday, ".concat(result[0]);
+        }
+    }
     return dayMonthPart;
 };
 var getDateShortFormatEU = function (dateTimeToFormat) {
@@ -30997,6 +31368,21 @@ var getTimeShort24hFormat = function (dateTimeToFormat) {
         hour12: false,
     });
 };
+var getDateForDialog = function (dateTimeToFormat) {
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString
+    var currentDate = new Date();
+    var receivedDate = new Date(dateTimeToFormat);
+    var isToday = currentDate.getDate() === receivedDate.getDate() &&
+        currentDate.getMonth() === receivedDate.getMonth() &&
+        currentDate.getFullYear() === receivedDate.getFullYear();
+    if (isToday) {
+        return new Date(dateTimeToFormat).toLocaleTimeString('en-us', {
+            timeStyle: 'short',
+            hour12: false,
+        });
+    }
+    return new Date(dateTimeToFormat).toLocaleDateString();
+};
 var formatShortTime3 = function (dateTimeToFormat) {
     return new Date(dateTimeToFormat).toLocaleTimeString('en-us', {
         // weekday: 'long',