Merge branch 'master' of https://github.com/unaio/una

modules/base/connect/classes/BxBaseModConnectConfig.php

@@ -22,6 +22,8 @@ class BxBaseModConnectConfig extends BxBaseModGeneralConfig
     public $sSessionProfile;
 
     public $sEmailTemplatePasswordGenerated;
+    public $bSendPasswordGenerated = true;
+    
     public $sDefaultTitleLangKey;
 
     function __construct($aModule)

modules/base/connect/classes/BxBaseModConnectModule.php

@@ -216,7 +216,8 @@ class BxBaseModConnectModule extends BxBaseModGeneralModule
                 $oAccount->updateEmailConfirmed($this->_oConfig->isAlwaysConfirmEmail);
 
             // send email with password
-            sendMailTemplate($this->_oConfig->sEmailTemplatePasswordGenerated, $iAccountId, $iProfileId, array('password' => $aFieldsAccount['password']), BX_EMAIL_SYSTEM);
+            if ($this->_oConfig->bSendPasswordGenerated)
+                sendMailTemplate($this->_oConfig->sEmailTemplatePasswordGenerated, $iAccountId, $iProfileId, array('password' => $aFieldsAccount['password']), BX_EMAIL_SYSTEM);
         }
 
         // remember remote profile id for created member

modules/boonex/artificer/data/template/bx_messenger/conference_call.html

@@ -0,0 +1,17 @@
+<div class="bx-messenger-conference-call" data-conferance="__id__">
+    <div class="bx-messenger-conference-call-title bx-def-font-h3">__title__</div>
+    <div class="bx-messenger-conference-call-thumb">
+        <img class="bx-def-round-corners rounded-full" src="__thumb__" />
+    </div>
+    <div class="bx-messenger-conference-call-buttons bx-def-font-large">
+       <a href="javascript:void(0);" onclick="oMessenger.onHangUp(this, __id__);">
+            <i class="sys-icon sys-colored phone-slash col-red1 bx-def-label"></i>
+       </a>
+        <a href="javascript:void(0);" onclick="oMessenger.getCall(this, __id__, '__room__', true);">
+            <i class="sys-icon sys-colored phone col-green1 bx-def-label"></i>
+        </a>
+        <a href="javascript:void(0);" onclick="oMessenger.getCall(this, __id__, '__room__');">
+            <i class="sys-icon sys-colored video col-gray bx-def-label"></i>
+        </a>
+    </div>
+</div>

modules/boonex/artificer/data/template/bx_messenger/css/admin.css

@@ -16,4 +16,8 @@
 #bx-page-messenger .bx-page-block-container {
 	margin: 0;
 	padding: 0;
+}
+
+.bx-messenger-jots-snip-title {
+	padding-bottom: 0;
 }

modules/boonex/artificer/data/template/bx_messenger/css/main.css

@@ -0,0 +1,37 @@
+@import url(../../../../../messenger/template/css/main.css);
+
+p.bx-base-pofile-unit-thumb.bx-def-thumb-size {
+	line-height: inherit;
+}
+
+.bx-messenger-block div.bx-messenger-date-time-hr:first-child {
+	margin-top: 1.5rem !important;
+}
+
+.bx-messenger-date-time-value {
+	top: -1rem;
+}
+
+div.bx-messenger-jots-actions-list > i {
+	padding: 0 !important;
+	line-height: 1.5rem !important;
+}
+
+.bx-messenger-jots-title > div {
+	display: flex;
+	align-items: end;
+}
+
+.bx-messenger-date-time-value > span {
+	line-height: 1.5rem !important;
+}
+
+div.bx-messenger-attachment-header span.bx-messenger-attachment-author-icon img{
+	top: unset;
+	position: unset;
+}
+
+div.bx-messenger-attachment div.bx-messenger-attachment-author-message {
+	margin-top: 0;
+	margin-bottom: 0;
+}

modules/boonex/artificer/data/template/bx_messenger/css/messenger.css

@@ -0,0 +1,19 @@
+@import url(../../../../../messenger/template/css/messenger.css);
+
+.bx-messenger-preview-lot div {
+	margin-top: 0;
+}
+
+.bx-messenger-jots-snip-info span.bubble {
+	position: relative;
+	border-radius: 1rem;
+	line-height: 1rem;
+	min-width: auto;
+	width: 1rem;
+	height: 1rem;
+	text-align: center;
+}
+
+.bx-messenger-history-arrow #unread-jots-counter {
+	padding:0;
+}

modules/boonex/artificer/data/template/bx_messenger/css/video-conference.css

@@ -0,0 +1,14 @@
+@import url(../../../../../messenger/template/css/video-conference.css);
+
+.bx-messenger-jots-message-vc-participants img{
+	width: 1rem !important;
+	height: 1rem !important;
+}
+
+button.bx-messenger-jots-message-vc-join-button {
+	max-height: 1.25rem;
+}
+
+div.bx-messenger-conference-call .bx-messenger-conference-call-buttons i{
+	line-height: 1.5rem;
+}

modules/boonex/artificer/data/template/bx_messenger/emoji-picker.html

@@ -0,0 +1,16 @@
+<div id="emoji-picker" class="bx-messenger-jot-emoji bx-popup bx-popup-color-bg bx-popup-border relative ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md shadow">
+    <emoji-picker props-json='{
+                                "title":"__title__",
+                                "autoFocus":true,
+                                "set":"__set__",
+                                "native":__native__,
+                                "func":"__function__",
+                                "i18n":"__localization__",
+                                "perLine":8,
+                                "sheetSize":32,
+                                "showPreview":__preview__,
+                                "showSkinTones":__preview__,
+                                "defaultSkin":1
+                               }'>
+    </emoji-picker>
+</div>

modules/boonex/artificer/data/template/bx_messenger/header_wrapper.html

@@ -2,5 +2,5 @@
     <div class="bx-db-title lg:text-xl font-semibold text-gray-800 dark:text-gray-100 align-middle bx-messenger-users-edit">
         __header__
     </div>
-    <div class="bx-db-menu max-w-max flex items-stretch"></div>
+    <div class="bx-db-menu max-w-full flex items-stretch"></div>
 </div>

modules/boonex/artificer/data/template/bx_messenger/history.html

@@ -0,0 +1,34 @@
+<div class="bx-messenger-table-wrapper-rows history">
+				<div class="bx-messenger-conversation-block-wrapper pushable">
+					<div class="ui right vertical sidebar very wide bx-def-color-bg-block files">
+						<div class="ui feed segment"></div>
+					</div>
+					<div class="pusher">
+						<div id="date-time-navigator" class="bx-messenger-date-time-navigator">
+							<div class="bx-messenger-date-time-value">
+								<span class="bx-def-label"></span>
+							</div>
+						</div>
+						<div class="bx-messenger-conversation-block">
+							__content__
+						</div>
+						<div id="bx-messenger-info-area">
+							<div class="bx-messenger-conversations-typing font-light bx-def-font-small text-xs">
+								<span></span><bx_text:_bx_messenger_typing_message />
+							</div>
+							<div class="bx-messenger-info-area-connecting font-light bx-def-font-small text-xs">
+								<bx_text:_bx_messenger_reconnecting_message /><span></span>
+							</div>
+							<div class="bx-messenger-info-area-connect-failed font-light bx-def-font-small text-xs">
+								<bx_text:_bx_messenger_reconnecting_failed />
+							</div>
+						</div>
+				  </div>
+				</div>
+			<div class="bx-messenger-area-scroll bx-def-border bx-def-color-bg-box-active " onclick="oMessenger.onScrollDown();">
+				<span class="bx-messenger-history-arrow text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100 rounded-full bg-gray-200 dark:bg-gray-700">
+					<span id="unread-jots-counter" class="bx-menu-item-addon bx-def-unit-alert bg-col-red2" style="display:__new_msg_active__">__unread_count__</span>
+					<i class="sys-icon chevron-down"></i>
+				</span>
+			</div>
+</div>

modules/boonex/artificer/data/template/bx_messenger/jots.html

@@ -1,31 +1,31 @@
 <bx_repeat:jots>
 	<div class="bx-messenger-jots<bx_if:blink-jot> bx-messenger-blink-jot</bx_if:blink-jot>" data-id="__id__" __display__ data-new="__new__" data-my="__my__">
-		<div class="bx-messenger-jots-avatars bx-def-padding-thd-right">
+		<div class="bx-messenger-jots-avatars bx-def-padding">
 			<a href="__url__" target="_blank">
 				<bx_if:avatars>
-					<img class="bx-def-thumb bx-def-thumb-size" title="__title__" src="__thumb__" />
+					<img class="bx-def-thumb bx-def-thumb-size rounded-full flex items-center justify-center" title="__title__" src="__thumb__" />
 				</bx_if:avatars>
 				<bx_if:letters>
-					<p class="bx-def-thumb text-white bx-def-thumb-size bx-base-pofile-unit-thumb bx-def-ava bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+					<p class="bx-def-thumb text-white bx-def-thumb-size rounded-full bx-base-pofile-unit-thumb bx-def-ava bx-def-box-sizing flex items-center justify-center" style="background-color:rgba(__color__)">__letter__</p>
 				</bx_if:letters>
 			</a>
 		</div>
-		<div class="bx-messenger-jots-info bx-def-font-middle">
-			<div class="bx-messenger-jots-title">
-				<div class="title bx-def-font-semibold bx-def-font-default" title="__title__">
+		<div class="bx-messenger-jots-info text-base">
+			<div class="bx-messenger-jots-title flex items-center justify-center">
+				<div class="title font-semibold text-sm" title="__title__">
 					__title__
 				</div>
-				<div class="time bx-def-font-light bx-def-font-grayed">__time__</div>
+				<div class="time font-light bx-def-font-grayed text-xs">__time__</div>
 				<div class="view">__views__</div>
 				<bx_if:jot_menu>
 					<div class="bx-messenger-jots-actions-list">
-						<i class="bx-def-label sys-icon ellipsis-v"></i>
+						<i class="bx-def-label sys-icon ellipsis-v rounded-full"></i>
 							__jot_menu__
 					</div>
 				</bx_if:jot_menu>
 			</div>
 			__reply__
-			<div class="bx-messenger-jots-message bx-def-font-middle" __display_message__>__message____edit_icon__</div>
+			<div class="bx-messenger-jots-message text-sm font-middle" __display_message__>__message____edit_icon__</div>
 			__attachment__
 			<bx_if:show_reactions_area>
 				<div class="bx-messenger-jot-reactions">

modules/boonex/artificer/data/template/bx_messenger/lots_briefs.html

@@ -1,38 +1,38 @@
 <div class="bx-messenger-jots-snip" onclick="oMessenger.loadTalk(__id__);" data-lot="__id__">
 		<div class="bx-messenger-jots-snip-avatars bx-messenger-padding-lots-lefttopbottom">
-			<div class="bx-messenger-jots-snip-avatars-list bx-def-thumb bx-def-thumb-size" >
+			<div class="bx-messenger-jots-snip-avatars-list bx-def-thumb bx-def-thumb-size rounded-full" >
 				<bx_repeat:avatars>
 					<bx_if:avatars>
 						<div>
-							<img title="__title__" src="__thumb__" class="bx-def-thumb-size" />
+							<img title="__title__" src="__thumb__" class="bx-def-thumb-size flex items-center justify-center" />
 						</div>
 					</bx_if:avatars>
 					<bx_if:letters>
 						<div>
-							<p class="bx-def-thumb-size text-white bx-base-pofile-unit-thumb bx-def-ava bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+							<p class="bx-def-thumb-size text-white bx-base-pofile-unit-thumb bx-def-ava bx-def-box-sizing flex items-center justify-center" style="background-color:rgba(__color__)">__letter__</p>
 						</div>
 					</bx_if:letters>
 				</bx_repeat:avatars>
 			</div>
 			__status__
 		</div>
-		<div class="bx-messenger-jots-snip-info bx-messenger-padding-lots-topbottom __class__ bx-def-font-middle">
+		<div class="bx-messenger-jots-snip-info bx-messenger-padding-lots-topbottom __class__ font-medium">
 			<div class="bx-messenger-jots-snip-title">
 				<div class="info"></div>
 				__number__
-				<div class="title bx-def-font-default bx-def-font-semibold __title_class__">
+				<div class="title text-sm font-semibold __title_class__">
 					__title__
 				</div>
 				<bx_if:show_time>
-					<div class="time bx-def-font-light bx-def-font-small bx-def-font-grayed">__time__</div>
+					<div class="time font-light text-xs bx-def-font-grayed">__time__</div>
 				</bx_if:show_time>
 			</div>
 			<div class="bx-messenger-preview-lot __message_class__ bx-def-font-grayed">
 				<div>
 					<span>__sender_username__</span>
-					<span calss="bx-def-font-middle">__message__</span>
+					<span calss="text-sm">__message__</span>
 				</div>
-				<span class="bubble bx-def-label __bubble_class__">__count__</span>
+				<span class="bubble __bubble_class__ text-xs font-light bg-gray-200 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600">__count__</span>
 			</div>
 		</div>
 </div>

modules/boonex/artificer/data/template/bx_messenger/lots_list.html

@@ -10,12 +10,12 @@
 				type="text" 
 				placeholder="<bx_text:_bx_messenger_title_search />">
 	</div>
-	<div class="bx-db-menu">
-			<a href="javascript:void(0);" onclick="oMessenger.showStarred(this);" title="__star_title__">
+	<div class="bx-db-menu flex justify-end">
+			<a href="javascript:void(0);" onclick="oMessenger.showStarred(this);" title="__star_title__" class="px-1 flex justify-center items-center text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100">
 				<i class="sys-icon star"></i>
 			</a>
 			<bx_if:create>
-				<a href="javascript:void(0);" onclick="oMessenger.createLot();" title="__create_lot_title__">
+				<a href="javascript:void(0);" onclick="oMessenger.createLot();" title="__create_lot_title__" class="flex justify-center items-center text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100">
 					<i class="sys-icon edit"></i>
 				</a>
 			</bx_if:create>

modules/boonex/artificer/data/template/bx_messenger/menu_messenger_talk_header_hor.html

@@ -1,6 +1,6 @@
 <ul class="bx-menu-btns-icon-hor bx-messenger-block-menu-align-right bx-menu-object-__object__ bx-clearfix flex justify-end">
     <bx_repeat:menu_items>
-        <li class="bx-menu-item bx-menu-item-more-auto __name__ __class_add__">
+        <li class="bx-menu-item bx-menu-item-more-auto __name__ __class_add__ px-1 flex justify-center items-center text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100">
             <a class="__name__ bx-def-margin-left" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__ data-value="__value__">
                 <bx_if:image><img style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
                 <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>

modules/boonex/artificer/data/template/bx_messenger/popup-menu-item.html

@@ -1,10 +1,12 @@
 <ul class="bx-menu-custom bx-menu-custom-ver bx-menu-object-jot relative ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md shadow">
   <bx_repeat:menu>
-	<li class="bx-menu-item bx-menu-item-item-stick bx-def-color-bg-hl-hover px-2 text-left py-2 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:text-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 text-sm font-medium" onclick="__click__">
-		<a class="bx-menu-item-link flex items-center" href="javascript:void(0)" title="__title__">
-			<i class="sys-icon __icon__ pr-2"></i>
-			<span class="bx-def-margin-sec-left-auto bx-def-unit">__title__</span>
-		</a>
-	</li>
+	  <li class="bx-menu-item bx-menu-item-item-stick lex justify-between items-center px-1 text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100 rounded-full text-base font-medium">
+		  <a class="flex flex-1 items-center py-2" href="javascript:void(0)" title="__title__" onclick="__click__">
+			  <div class="bx-menu-floating-blocks-icon flex items-center justify-center h-5 w-5">
+				  <i class="sys-icon __icon__ pr-1"></i>
+			  </div>
+			  <div class="bx-def-margin-sec-left-auto bx-def-unit h-5 flex items-center">__title__</div>
+		  </a>
+	  </li>
   </bx_repeat:menu>
 </ul>

modules/boonex/artificer/data/template/bx_messenger/repost.html

@@ -0,0 +1,15 @@
+<div class="bx-messenger-attachment-area bx-messenger-attachment">
+	<div class="bx-messenger-attachment-header max-w-full flex items-center">
+		<span class="bx-messenger-attachment-author-icon flex items-center pr-2">
+			<img class="bx-def-icon bx-def-icon-size rounded-full" title="__username__" src="__icon__" />
+		</span>
+		<span class="bx-messenger-attachment-author-username text-sm font-semibold">
+			__username__
+		</span>
+	</div>
+	<div class="bx-messenger-attachment-author-message">__message__</div>
+	<div class="bx-messenger-attachment-footer text-xs">
+		<span class="type">__message_type__</span>
+		<span class="date">__date__</span>
+	</div>
+</div>

modules/boonex/artificer/data/template/bx_messenger/talk.html

@@ -1,4 +1,4 @@
-<div class="bx-messenger-block jots bx-db-container bx-def-color-bg-block bx-def-image-bg-block bx-shadow-block bx-def-border-block	max-w-max ring-1 ring-gray-200 dark:ring-gray-800 bg-gray-50 dark:bg-gray-900 shadow-sm divide-y divide-gray-200 dark:divide-gray-800">
+<div class="bx-messenger-block jots bx-db-container bx-def-color-bg-block bx-def-image-bg-block bx-shadow-block bx-def-border-block	max-w-full ring-1 ring-gray-200 dark:ring-gray-800 bg-gray-50 dark:bg-gray-900 shadow-sm divide-y divide-gray-200 dark:divide-gray-800">
 	__header__
 	<div class="bx-messenger-main-block bx-def-border-block">
 		<div class="bx-messenger-table-wrapper">

modules/boonex/artificer/data/template/bx_messenger/talk_edit_participants_list.html

@@ -2,10 +2,10 @@
     <bx_repeat:participants_list>
         <b class="bx-def-color-bg-hl bx-def-round-corners bx-def-font-middle">
             <bx_if:avatars>
-                <img class="bx-def-thumb bx-def-thumb-size bx-def-margin-sec-right" src="__thumb__">
+                <img class="bx-def-thumb bx-def-thumb-size bx-def-margin-sec-right rounded-full flex items-center justify-center" src="__thumb__">
             </bx_if:avatars>
             <bx_if:letters>
-                 <p class="bx-def-thumb bx-def-thumb-size bx-base-pofile-unit-thumb bx-def-ava bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+                 <p class="bx-def-thumb bx-def-thumb-size bx-base-pofile-unit-thumb bx-def-ava bx-def-box-sizing rounded-full flex items-center justify-center" style="background-color:rgba(__color__)">__letter__</p>
             </bx_if:letters>
             <span>__name__</span>
             <input type="hidden" name="users[]" value="__id__">
@@ -13,15 +13,15 @@
     </bx_repeat:participants_list>
     <!-- Semantic begin -->
     <div class="ui search" style="float:left;">
-        <div class="ui input bx-def-font-middle">
+        <div class="ui input font-middle text-base">
             <input class="prompt bx-def-font-inputs" type="text" placeholder="<bx_text:_bx_messenger_name_place_holder />" id="bx-messenger-add-users-input" autocomplete="off" autocapitalize="off" autocorrect="off">
             <bx_if:edit_mode>
-                <a href="javascript:void(0);" onclick="oMessenger.onSaveParticipantsList(__lot__);" title="<bx_text:_bx_messenger_save_part_list />">
+                <a href="javascript:void(0);" onclick="oMessenger.onSaveParticipantsList(__lot__);" title="<bx_text:_bx_messenger_save_part_list />" class="text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100">
                     <i class="sys-icon check-circle bx-def-font-large"></i>
                 </a>
             </bx_if:edit_mode>
         </div>
-        <div class="results bx-def-font-middle"></div>
+        <div class="results text-sm font-middle"></div>
     </div>
     <!-- Semantic end -->
 </div>

modules/boonex/artificer/data/template/bx_messenger/talk_header.html

@@ -2,7 +2,7 @@
     <div class="bx-db-title lg:text-xl font-semibold text-gray-800 dark:text-gray-100 align-middle">
         __title__
     </div>
-    <div class="bx-db-menu">
+    <div class="bx-db-menu flex justify-end">
         __buttons__
     </div>
 </div>

modules/boonex/artificer/data/template/bx_messenger/text_area.html

@@ -1,16 +1,15 @@
-<div class="bx-messenger-table-wrapper-rows text-area">
-    <div class="cell bx-def-hr">
+<div class="bx-messenger-table-wrapper-rows text-area bx-def-hr">
         <div class="bx-messenger-post-box bx-def-border-block">
             <div class="bx-messenger-reply-area">
-                <span class="bx-messenger-reply-area-message bx-def-font-small bx-def-border-left" onclick="oMessenger.jumpToParentMessage();"></span>
-                <a href="javascript:void(0);" onclick="oMessenger.onCleanReplayArea();" class="bx-def-font-medium">
+                <span class="bx-messenger-reply-area-message text-sm bx-def-border-left" onclick="oMessenger.jumpToParentMessage();"></span>
+                <a href="javascript:void(0);" onclick="oMessenger.onCleanReplayArea();" class="font-medium">
                     <i class="sys-icon times"></i>
                 </a>
             </div>
             <bx_if:text>
 				<div class="bx-messenger-post-box-set">
                     <div class="bx-messenger-post-box-send-area">
-                        <div id="bx-messenger-message-box" class="bx-form-input-text bx-messenger-text-box bx-def-font-middle w-full"></div>
+                        <div id="bx-messenger-message-box" class="bx-form-input-text bx-messenger-text-box font-middle w-full"></div>
                     </div>
                 </div>
             </bx_if:text>
@@ -21,28 +20,28 @@
                 <div class="bx-messenger-post-box-send-actions-items">
                     <ul class="mt-4 mb-4">
                         <bx_if:smiles>
-                            <li>
+                            <li class="text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100">
                                 <a class="smiles" title="<bx_text:_bx_messenger_post_emoji />">
                                     <i class="sys-icon smile"></i>
                                 </a>
                             </li>
                         </bx_if:smiles>
                         <bx_if:recording>
-                            <li class="video">
+                            <li class="video text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100">
                                 <a title="<bx_text:_bx_messenger_send_recorded_video />" onclick="oMessenger.getVideoRecording();">
                                     <i class="sys-icon file-video"></i>
                                 </a>
                             </li>
                         </bx_if:recording>
                         <bx_if:files>
-                            <li>
+                            <li class="text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100">
                                 <a title="<bx_text:_bx_messenger_post_attache_files />" class="attachefile">
                                     <i class="sys-icon paperclip"></i>
                                 </a>
                             </li>
                         </bx_if:files>
                         <bx_if:giphy>
-                            <li>
+                            <li class="text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100">
                                 <a title="<bx_text:_bx_messenger_giphy_gifs_button />" id="bx-messenger-send-area-giphy">
                                     <i class="sys-icon file-image"></i>
                                 </a>
@@ -51,12 +50,11 @@
                     </ul>
                     <div class="bx-messenger-post-box-send-button">
                         <a id="send-button" title="<bx_text:_bx_messenger_post_button_title />">
-                            <i class="sys-icon arrow-circle-up"></i>
+                            <i class="sys-icon arrow-circle-up text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100"></i>
                         </a>
                     </div>
                 </div>
             </div>
         </div>
         __giphy__
-    </div>
 </div>

modules/boonex/artificer/data/template/bx_messenger/thumb_icon.html

@@ -1 +1 @@
-<img class="bx-def-thumb bx-def-thumb-size text-white text-center bx-def-margin-sec-right" src="{icon}" />
+<img class="bx-def-thumb rounded-full bx-def-thumb-size text-white text-center bx-def-margin-sec-right flex items-center justify-center" src="{icon}" />

modules/boonex/artificer/data/template/bx_messenger/thumb_letter.html

@@ -1 +1 @@
-<p class="bx-def-thumb bx-def-thumb-size text-white text-center bx-base-pofile-unit-thumb bx-def-ava bx-def-box-sizing" style="background-color:rgba({color})">{letter}</p>
+<p class="bx-def-thumb bx-def-thumb-size rounded-full text-white text-center bx-base-pofile-unit-thumb bx-def-ava bx-def-box-sizing  flex items-center justify-center" style="background-color:rgba({color})">{letter}</p>

modules/boonex/artificer/data/template/bx_messenger/vc_message.html

@@ -0,0 +1,15 @@
+<div class="bx-messenger-jots-message-vc">
+	<span class="text-xs">
+		__info__
+	</span>
+	<bx_if:part>
+		<span class="bx-messenger-jots-message-vc-participants">__participants__</span>
+	</bx_if:part>
+	<span>
+		<bx_if:join>
+			<button class="bx-btn bx-btn-small bx-messenger-jots-message-vc-join-button" onclick="oMessenger.onStartVideoCall(this, __id__, '__room__');">
+				<bx_text:_bx_messenger_jitsi_vc_join />
+			</button>
+		</bx_if:join>
+	</span>
+</div>

modules/boonex/artificer/data/template/bx_messenger/viewed.html

@@ -0,0 +1,3 @@
+<bx_repeat:viewed>
+    <img data-viewer-id="__id__" title='__name__' class="bx-def-icon-size bx-def-icon rounded-full" src="__icon__" />
+</bx_repeat:viewed>

modules/boonex/posts/install/config.php

@@ -63,7 +63,7 @@ $aConfig = array(
         'bx_posts_covers',
     	'bx_posts_photos',
         'bx_posts_videos',
-        'bx_classes_sounds',
+        'bx_posts_sounds',
         'bx_posts_files'
     ),