@fullsession.io/fs-feedback-widget 1.2.9 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullsession.io/fs-feedback-widget",
-  "version": "1.2.9",
+  "version": "1.3.2",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",

package/src/App.svelte

@@ -86,7 +86,19 @@
   $: document.documentElement.style.setProperty('--widgetMarginRight', widgetMarginRight + 'px')
   $: document.documentElement.style.setProperty('--widgetMarginLeft', widgetMarginLeft + 'px')
 
-  const closeOne = () => (openThanksMessage());  
+  const closeOne = (email,comment,reactionType) => {
+    let widgetResponse={
+      email:email,
+      comment:comment,
+      reaction:reactionType
+    }
+    let event = new CustomEvent("fbEvent", {
+        bubbles: false,
+        detail: widgetResponse,
+      });
+    window.dispatchEvent(event);
+  console.log(widgetResponse);
+  openThanksMessage()};  
 
   const openThanksMessage = () => {
     visible = !visible;

package/src/widgetPages/reactionPage.svelte

@@ -6,7 +6,9 @@
   $: widgetComponent = 1;
   let reactionNames = ["hate","dislike","neutral","like","love"];
   let changingReactionNames = reactionNames;
-  let reactionType = 0;
+  let reactionType = "";
+  let comment=""
+  let email =""
   let reactionName = "test";
   let reactionState = true;
   $:pointerMargin = 10;
@@ -31,7 +33,7 @@
   let checkTextAreaInterval;
   let checkEmailAreaInterval;
 
-  export let closeHandler = () => {};
+  export let closeHandler = (email,comment,reactionType) => {};
   
 
   const commentButtonDisable = () =>{
@@ -61,6 +63,9 @@
       } else {
         buttonState = true; //button is enabled
       }
+      email = "";
+      email = document.getElementById("EmailTextArea").value;
+
     }, 500);
       
    
@@ -89,7 +94,7 @@
     console.log(name)
 
     widgetComponent = state;
-    reactionType = rating;
+    reactionType = String(rating);
     changingReactionNames = ["unSelectedHate","unSelectedDislike","unSelectedNeutral","unSelectedLike","unSelectedLove"];
 
     if(count >0){
@@ -130,6 +135,7 @@
     clearInterval(checkTextAreaInterval);
     buttonState = false
     widgetComponent = state;
+    comment = document.getElementsByClassName("textArea")[0].value;
   }
 
   
@@ -266,13 +272,13 @@
     <input type="text" id="EmailTextArea" placeholder="email@domain.com">
   </div>
   <div class="emailFooter">
-    <p id="skipText" on:click={() => closeHandler()}><u>Skip</u></p>
+    <p id="skipText" on:click={() => closeHandler(email,comment,reactionType)}><u>Skip</u></p>
     {#if buttonState == false}
     <button class="CommentButtonContDisable" disabled>
         <p class="CommentButtonTxtDisable">Send</p>
     </button>
     {:else if buttonState == true}
-    <button class="sendButtonContCommentComp" on:click={() => closeHandler()}>
+    <button class="sendButtonContCommentComp" on:click={() => closeHandler(email,comment,reactionType)}>
       <p class="SendButtonCommentComponent" >Send</p>
   </button>
   {/if}