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

refine conversation search

Author: Oceania2018

src/lib/common/StateModal.svelte

@@ -122,15 +122,19 @@
                 <div class="state-input">
                     <FormGroup>
                         {#if idx === 0}
-                        <label for="key">Key</label>
+                        <label for="key">
+                            {`Key ${validateKey ? '(Required)' : '(Optional)'}`}
+                        </label>
                         {/if}
                         <Input class={`${!state.key.isValid ? 'invalid' : ''}`} placeholder="Enter a key" value={state.key.data} maxlength={50} on:input={(e) => changeKey(e, idx)} />
                     </FormGroup>
                 </div>
                 <div class="state-input">
                     <FormGroup>
                         {#if idx === 0}
-                        <label for="value">Value</label>
+                        <label for="value">
+                            {`Value ${validateValue ? '(Required)' : '(Optional)'}`}
+                        </label>
                         {/if}
                         <Input class={`${!state.value.isValid ? 'invalid' : ''}`} placeholder="Enter a value" value={state.value.data} maxlength={1000} on:input={(e) => changeValue(e, idx)} />
                     </FormGroup>

src/lib/helpers/store.js

@@ -4,7 +4,7 @@ import { browser } from '$app/environment';
 
 const conversationKey = "conversation";
 const conversationUserStatesKey = "conversation_user_states";
-const conversationSearchStatesKey = "conversation_search_states";
+const conversationSearchOptionKey = "conversation_search_option";
 const conversationUserMessageKey = "conversation_user_messages";
 
 /** @type {Writable<import('$types').UserModel>} */
@@ -95,22 +95,22 @@ const createConversationUserStateStore = () => {
 
 export const conversationUserStateStore = createConversationUserStateStore();
 
-const createConversationSearchStateStore = () => {
+const createConversationSearchOptionStore = () => {
     return {
         reset: () => {
-            localStorage.removeItem(conversationSearchStatesKey);
+            localStorage.removeItem(conversationSearchOptionKey);
         },
         get: () => {
-            const json = localStorage.getItem(conversationSearchStatesKey);
-            return json ? JSON.parse(json) : [];
+            const json = localStorage.getItem(conversationSearchOptionKey);
+            return json ? JSON.parse(json) : {};
         },
         put: (value) => {
-            localStorage.setItem(conversationSearchStatesKey, JSON.stringify(value));
+            localStorage.setItem(conversationSearchOptionKey, JSON.stringify(value));
         }
     }
 };
 
-export const conversationSearchStateStore = createConversationSearchStateStore();
+export const conversationSearchOptionStore = createConversationSearchOptionStore();
 
 
 const createConversationUserMessageStore = () => {

src/lib/helpers/types.js

@@ -29,6 +29,12 @@
  * @property {string} value - The value.
  */
 
+/**
+ * @typedef {Object} IdName
+ * @property {string} id - The id.
+ * @property {string} name - The name.
+ */
+
 /**
  * @template T
  * @typedef {Object} PagedItems<T>
@@ -181,10 +187,10 @@
 /**
  * @typedef {Object} ConversationFilter
  * @property {Pagination} pager - Pagination
- * @property {string} [agentId] - The agent id.
- * @property {string} [channel] - The conversation channel.
- * @property {string} [status] - The conversation status.
- * @property {string} [taskId] - The task id.
+ * @property {string?} [agentId] - The agent id.
+ * @property {string?} [channel] - The conversation channel.
+ * @property {string?} [status] - The conversation status.
+ * @property {string?} [taskId] - The task id.
  * @property {KeyValuePair[]} [states] - The conversation status.
  */
 

src/routes/(authentication)/login/+page.svelte

@@ -29,6 +29,11 @@
 		PUBLIC_ALLOW_SIGNUP
 	} from '$env/static/public';
 	import { onMount } from 'svelte';
+	import {
+		conversationSearchOptionStore,
+		conversationUserMessageStore,
+		conversationUserStateStore
+	} from '$lib/helpers/store';
 
 	let username = PUBLIC_ADMIN_USERNAME;
 	let password = PUBLIC_ADMIN_PASSWORD;
@@ -67,6 +72,7 @@
 				goto('page/dashboard');
 			}
 			isSubmitting = false;
+			resetStorage();
 		});
 		isSubmitting = false;
 	}
@@ -83,6 +89,12 @@
 			icon.className = 'mdi mdi-eye-outline';
 		}
 	}
+
+	function resetStorage() {
+		conversationUserStateStore.reset();
+		conversationSearchOptionStore.reset();
+		conversationUserMessageStore.reset();
+	}
 </script>
 
 <Headtitle title="Login" />

src/routes/page/agent/+page.svelte

@@ -77,7 +77,7 @@
 		};
 
 		filter = {
-      ...filter,
+      		...filter,
 			pager: pager
 		};