Update package version to 0.0.2 better localstorage handling

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sctg-ai-pane",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/OfficeDev/Office-Addin-TaskPane-React.git"

src/aipane/aipane.ts

@@ -4,10 +4,9 @@
 =========================================================
 */
 import { Groq } from "groq-sdk";
-const GROP_API_KEY = localStorage.getItem("apiKey");
-const groq = new Groq({ apiKey: GROP_API_KEY, dangerouslyAllowBrowser: true });
 
-async function groqRequest(model: string, text: string): Promise<string> {
+async function groqRequest(model: string, apiKey: string, text: string): Promise<string> {
+  const groq = new Groq({ apiKey, dangerouslyAllowBrowser: true });
   const chatCompletion = await groq.chat.completions.create({
     messages: [
       {
@@ -26,11 +25,11 @@ async function groqRequest(model: string, text: string): Promise<string> {
   return chatCompletion.choices[0]?.message?.content || "";
 }
 
-export async function insertText(model: string, text: string) {
+export async function insertText(model: string, apiKey: string, text: string) {
   // Write text to the cursor point in the compose surface.
   try {
     console.log("Prompt text: \n" + text);
-    let aiText = await groqRequest(model, text);
+    let aiText = await groqRequest(model, apiKey, text);
     console.log(`AI response (${model}): \n${aiText}`);
     aiText = aiText.replace(/\n/g, "<br>");
     Office.context.mailbox.item?.body.setSelectedDataAsync(

src/aipane/components/App.tsx

@@ -72,8 +72,9 @@ const App: React.FC<AppProps> = (props: AppProps) => {
     setModel(newValue);
   }
 
-  const handlePromptSubmit = (text:string) => {
-    insertText(model, `${prompt}\n${text}`);
+  const handlePromptSubmit = (text: string) => {
+    const apiKey = localStorage.getItem("apiKey");
+    insertText(model, apiKey, `${prompt}\n${text}`);
   };
 
   return (