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

package/package.json

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

package/src/App.svelte

@@ -86,19 +86,47 @@
   $: document.documentElement.style.setProperty('--widgetMarginRight', widgetMarginRight + 'px')
   $: document.documentElement.style.setProperty('--widgetMarginLeft', widgetMarginLeft + 'px')
 
+  let userClosedWidget = 0;
+  let emailx = "";
+  let commentx = "";
+  let reactionTypex ="";
   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()};  
+  openThanksMessage()};
+
+  const closeBeforeFinsihing = (email,comment,reactionType) => {
+    emailx = email;
+    commentx = comment;
+    reactionTypex = reactionType 
+    let widgetResponse={
+      email:email,
+      comment:comment,
+      reaction:reactionType
+    }
+
+    if(userClosedWidget == 1){
+    let event = new CustomEvent("fbEvent", {
+        bubbles: false,
+        detail: widgetResponse,
+      });
+    window.dispatchEvent(event);
+  console.log(widgetResponse);
+    }
+ };
+  
+  
 
   const openThanksMessage = () => {
     visible = !visible;
@@ -117,6 +145,8 @@
 	buttonVisible = !buttonVisible;
   };
   const closeWidget = () => {
+    userClosedWidget = 1;
+    closeBeforeFinsihing(emailx,commentx,reactionTypex);
     visible = !visible;
 	setTimeout(function(){ 
 	buttonVisible = !buttonVisible;
@@ -145,7 +175,7 @@
       <div class="closeCont" on:click={closeWidget}>
 		<p id="closeIcon">X</p>
 	  </div>
-      <ReactionPage closeHandler={closeOne} bind:feedbackData={feedback}/>
+      <ReactionPage closeHandler={closeOne} bind:feedbackData={feedback} closeHandlerBeforeFinishing={closeBeforeFinsihing}/>
 	  
     </div>
   {/if}

package/src/widgetPages/reactionPage.svelte

@@ -34,7 +34,8 @@
   let checkEmailAreaInterval;
 
   export let closeHandler = (email,comment,reactionType) => {};
-  
+  export let closeHandlerBeforeFinishing = (email,comment,reactionType) => {};
+
 
   const commentButtonDisable = () =>{
     
@@ -96,7 +97,7 @@
     widgetComponent = state;
     reactionType = String(rating);
     changingReactionNames = ["unSelectedHate","unSelectedDislike","unSelectedNeutral","unSelectedLike","unSelectedLove"];
-
+    closeHandlerBeforeFinishing(email,comment,reactionType)
     if(count >0){
       changeStyle(prevName)
     }