@fullsession.io/fs-feedback-widget 1.2.8 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullsession.io/fs-feedback-widget",
-  "version": "1.2.8",
+  "version": "1.3.1",
   "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/main.js

@@ -11,35 +11,35 @@ export function feedbackCreator(response) {
 	});
 }
 
-// let widget ={id: 1,
-// 	wgStatus: 1,
-// 	wgName: "ask",
-// 	wgDescription: "test",
-// 	wgCrtDt: "2021-12-05 10:49:14",
-// 	wgResponses: null,
-// 	wgUpdTime: null,
-// 	SiteId: 98,
-// 	UserId: 262,
-// 	wgLanguage: "en",
-// 	wgPosition: "0",
-// 	wgAccentColor: "#51797b",
-// 	wgAlternateColor: true,
-// 	wgQuestion: "How would you rate your experience?" ,
-// 	wgUserScreenshot: 1,
-// 	wgEmailReqMsg: "We may wish to follow up. Enter your email if you're happy for us to contact you." ,
-// 	wgEmailReqActivation: 1,
-// 	wgAdditionalMsg: "Heads up! This is for feedback only. Need help? Contact us via our [link to Help Center].",
-// 	wgAdditionalMsgActivation: 1,
-// 	wgThanksMsg: "Thank you for sharing your feedback with us",
-// 	wgThanksMsgActivation: 1,
-// 	wgDesktop: 1,
-// 	wgPhone: 1,
-// 	wgTablet:1,
-// 	wgPages: [{"id":0,"name":"*"}],
-// 	wgWidgetToUsers: 0,
-// 	wgPercentage:100,
-// 	wgEmail: "abd@gmail.com",
-// 	wgWidgetToAllPages: 1,
-// 	wgReactionStyle: 0,
-// 	wgResponseViaEmail: 1}
-// feedbackCreator(widget);
+let widget ={id: 1,
+	wgStatus: 1,
+	wgName: "ask",
+	wgDescription: "test",
+	wgCrtDt: "2021-12-05 10:49:14",
+	wgResponses: null,
+	wgUpdTime: null,
+	SiteId: 98,
+	UserId: 262,
+	wgLanguage: "en",
+	wgPosition: "0",
+	wgAccentColor: "#51797b",
+	wgAlternateColor: true,
+	wgQuestion: "How would you rate your experience?" ,
+	wgUserScreenshot: 1,
+	wgEmailReqMsg: "We may wish to follow up. Enter your email if you're happy for us to contact you." ,
+	wgEmailReqActivation: 1,
+	wgAdditionalMsg: "Heads up! This is for feedback only. Need help? Contact us via our [link to Help Center].",
+	wgAdditionalMsgActivation: 1,
+	wgThanksMsg: "Thank you for sharing your feedback with us",
+	wgThanksMsgActivation: 1,
+	wgDesktop: 1,
+	wgPhone: 1,
+	wgTablet:1,
+	wgPages: [{"id":0,"name":"*"}],
+	wgWidgetToUsers: 0,
+	wgPercentage:100,
+	wgEmail: "abd@gmail.com",
+	wgWidgetToAllPages: 1,
+	wgReactionStyle: 0,
+	wgResponseViaEmail: 1}
+feedbackCreator(widget);

package/src/widgetPages/App.css

@@ -38,10 +38,7 @@ container{
     writing-mode: vertical-lr;
     transform: rotate(180deg);
     cursor: pointer;
-    -webkit-text-size-adjust:none;
--ms-text-size-adjust:none;
--moz-text-size-adjust:none;
-text-size-adjust:none;
+    font-size-adjust: 0.40;
   }
   .widget:hover {
     width: 35px;

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}