Merge pull request #106 from iceljc/features/refine-chat-window

refine edit msg modal

Author: Oceania2018

src/lib/helpers/types.js

@@ -306,6 +306,8 @@ IRichContent.prototype.text;
  * @property {number?} before_active_rounds - The state active rounds before change.
  * @property {string} after_value - The value after change.
  * @property {number?} after_active_rounds - The state active rounds after change.
+ * @property {string} data_type - The state value data type.
+ * @property {string} source - The state source.
  * @property {Date} created_at - The log sent time.
  */
 

src/lib/scss/custom/pages/_chat.scss

@@ -447,6 +447,10 @@
                 .state-key {
                     color: var(--bs-primary);
                 }
+
+                .state-source {
+                    font-size: 12px;
+                }
 
                 .state-value-container {
                     display: flex;

src/routes/chat/[agentId]/[conversationId]/chat-box.svelte

@@ -728,13 +728,14 @@
 
 <DialogModal
 	title={'Edit message'}
+	size={'md'}
 	isOpen={isOpenEditMsgModal}
 	toggleModal={toggleEditMsgModal}
 	confirm={confirmEditMsg}
 	cancel={toggleEditMsgModal}
 	disableConfirmBtn={!!!_.trim(editText)}
 >
-	<textarea class="form-control chat-input" rows="10" maxlength={500} bind:value={editText} placeholder="Enter Message..." />
+	<textarea class="form-control chat-input" rows="3" maxlength={500} bind:value={editText} placeholder="Enter Message..." />
 </DialogModal>
 
 <StateModal

src/routes/chat/[agentId]/[conversationId]/stateLogs/state-change-element.svelte

@@ -45,7 +45,12 @@
 {#if beforeDataValue != defaultValue || afterDataValue != defaultValue}
 <div class="log-element state-change-container">
     <div class="log-meta state-key">
-        <div><b>{`${data?.name}`}</b></div>
+        <div>
+            <span><b>{`${data?.name}`}</b></span>
+            {#if !!data?.source}
+            <span class="state-source">{`(${data?.source})`}</span>
+            {/if}
+        </div>
     </div>
     <div class="log-content state-value-container">
         <div class="state-value">